.wi-common-plus.-white path,
.wi-common-cog.-white path,
.ui-x-cancel.-white path {
  fill: white !important;
}
.wi-common-plus.-style-scheme-add-item path {
  fill: white !important;
}
.ui-x-round-link.-content-editor path {
  fill: #717171;
}
.ui-x-tick-icn.-content-editor-adjusted {
  transform: scale(0.9) !important;
}
.widget-icon.-widget *,
.ui-x-lookup-on-data-icn.-widget *,
.ui-x-dark-edit.-widget * {
  fill: #717171 !important;
}
.widget-icon.-widget:hover *,
.ui-x-lookup-on-data-icn.-widget:hover *,
.ui-x-dark-edit.-widget:hover * {
  fill: #000000 !important;
}
.wi-explore-back.-dark path {
  fill: #717171 !important;
}
.wi-options-more.-dark > path,
.wi-options-variants.-dark > path,
.wi-options-share.-dark > path,
.wi-options-analytics.-dark > path,
.wi-options-collaborators.-dark > path,
.wi-options-history.-dark > path,
.wi-options-add-to-collection.-dark > path,
.wi-options-comment.-dark > path,
.wi-options-recommend.-dark > path,
.wi-options-translation.-dark > path,
.wi-options-download.-dark > path,
.wi-options-preview.-dark > path,
.wi-options-subscribe.-dark > path,
.wi-options-subscription-settings.-dark > path,
.wi-options-info.-dark > path,
.wi-options-filters.-dark > path,
.wi-options-reorder.-dark > path,
.wi-api-framework-options-reorder.-dark > path,
.wi-options-visit-link.-dark > path,
.wi-options-open-embed.-dark > path,
.wi-options-manage.-dark > path {
  fill: #717171;
}
.wi-api-framework-options-reorder {
  fill: #717171;
}
.wi-api-framework-options-reorder.-white path {
  fill: white;
}
.wi-api-framework-options-reorder.-table-header > path {
  fill: #717171;
}
.wi-api-framework-options-reorder.-up > path:nth-child(1) {
  fill: #3697db;
}
.wi-api-framework-options-reorder.-down > path:nth-child(2) {
  fill: #3697db;
}
.wi-options-subscription-settings.-sized {
  width: 24px;
  height: 24px;
}
.wi-icon.-dark path {
  fill: #717171 !important;
}
.wi-icon.-dark polygon {
  fill: #717171 !important;
}
.wi-icon.-ui360 path,
.wi-icon.-ui360 polygon {
  fill: var(--icon-color) !important;
}
.wi-icon.-blue path {
  fill: #3697db !important;
}
.wi-icon.-blue polygon {
  fill: #3697db !important;
}
.wi-icon.-default-size,
.wi-icon.-wi-icon--default-size {
  width: 24px;
  height: 24px;
}
.wi-icon.-size32x32 {
  width: 32px;
  height: 32px;
}
.wi-icon.-size21x21 {
  width: 21px;
  height: 21px;
}
.wi-icon.-size18x18 {
  width: 18px;
  height: 18px;
}
.wi-icon.-size16x16 {
  width: 16px;
  height: 16px;
}
.wi-icon.-info path {
  fill: #f89406 !important;
}
.wi-options-unsubscribe.-dark path,
.wi-options-unsubscribe.-light path {
  fill: #3697db !important;
}
.wi-options-remove-from-collection.-dark path,
.wi-options-remove-from-collection.-light path {
  fill: #e2261e !important;
}
.wi-icon.-light path {
  fill: white !important;
}
.wi-icons--dark .wi-icon.-light path {
  fill: #717171 !important;
}
.wi-icon.-highlighted path,
.wi-icon.-style-scheme-special path {
  fill: #3697DB !important;
}
.wi-icon.-red path {
  fill: #C92A2A !important;
}
.wi-icon.-style-scheme-dropdown--app-space-filters {
  height: 19px;
  width: 19px;
}
.ui-x-feed-item-options .ui-x-option--highlight svg path,
.ui-x-header-options .ui-x-option--highlight svg path,
.ui-x-header-bar-page-options .ui-x-option--highlight svg path,
.ui-x-right-menu-options .ui-x-mobile-options .ui-x-option--highlight svg path,
.ui-x-asset-content-options .ui-x-option--highlight svg path {
  fill: #3697DB !important;
}
.ui-x-feed-item-options .ui-x-option--highlight:focus-visible svg path,
.ui-x-header-options .ui-x-option--highlight:focus-visible svg path,
.ui-x-header-bar-page-options .ui-x-option--highlight:focus-visible svg path,
.ui-x-asset-content-options .ui-x-option--highlight:focus-visible svg path {
  fill: white !important;
}
.xd-dropdown__item.-recommended svg path,
.xd-tile-option-buttons-inline__item.-recommended svg path {
  fill: #3697db !important;
}
.wi-options-more,
.wi-options-filters {
  width: 24px;
  height: 24px;
}
.wi-common__navigate-next.-revert {
  transform: rotate(180deg);
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.wi-common-autorenew.-notification-size {
  width: 32px;
  height: 32px;
}
.wi-common-autorenew.-spinning {
  animation-duration: 1s;
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.wi-common__upward {
  transform: rotateZ(-90deg);
}
.wi-common__up g,
.wi-common__down g {
  transform: rotate(90deg);
  transform-origin: 12px 12px;
}
.wi-common__3-dots.-vertical {
  transform: rotateZ(90deg);
}

/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.5.2
 * (c) 2012-2015 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */
.tpd-tooltip {
  position: absolute;
  pointer-events: none;
  /*-webkit-transform: translateZ(1000000px);*/
  /* NOTE: required for iDevices (iPhone 6 and etc.) */
}
/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}
.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
}
.tpd-content .ui-x-html-tooltip p {
  margin: 0;
  /*margin: 0 0 3px;*/
}
.tpd-content .ui-x-html-tooltip ul {
  margin: 0;
  /*margin: 0 0 5px;*/
  list-style-type: circle;
  padding: 0 15px;
}
.tpd-content,
ui-x-html-tooltip ul li {
  font-size: 90%;
  display: block;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content {
  padding-right: 0 !important;
}
.tpd-tooltip .tpd-content-no-padding {
  padding: 0 !important;
}
.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative {
  width: 100%;
}
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.tpd-has-title-close .tpd-title {
  padding-right: 0 !important;
}
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}
.tpd-visible-frame-top .tpd-frame-top {
  display: block;
}
.tpd-visible-frame-bottom .tpd-frame-bottom {
  display: block;
}
.tpd-visible-frame-left .tpd-frame-left {
  display: block;
}
.tpd-visible-frame-right .tpd-frame-right {
  display: block;
}
.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
  box-shadow: none !important;
}
.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
  display: none;
}
.tpd-no-stem .tpd-background-box-top {
  display: block;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box;
  /* Safari */
  background-clip: padding-box;
  /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255, 255, 255, 0.1);
  /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
.tpd-background-loading {
  display: none;
}
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
  border-radius: 0;
}
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}
.tpd-background-box-top {
  top: 0;
}
.tpd-background-box-bottom {
  bottom: 0;
}
.tpd-background-box-left {
  left: 0;
}
.tpd-background-box-right {
  right: 0;
}
/* iframeshim IE6 */
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
  width: 100%;
}
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
  height: 100%;
}
.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /* shows possible invalid subpx rendering */
  width: 16px;
  /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
  margin: 0 !important;
}
.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer {
  margin-top: 0;
}
.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}
.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff;
  /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}
.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}
/* fixes rendering issue in IE */
.tpd-stem * {
  z-index: 0;
  zoom: 1;
}
/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}
/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1, 1);
  transform: rotate(-90deg) scale(-1, 1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1, -1) translate(0, -100%);
  transform: scale(1, -1) translate(0, -100%);
}
/* Spinner */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
  display: none;
}
.tpd-is-loading .tpd-background {
  display: none;
}
.tpd-is-loading .tpd-background-loading {
  display: block;
}
/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
  display: block;
}
/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover {
  color: #808080;
  text-decoration: underline;
}
.tpd-tooltip a:hover {
  color: #6c6c6c;
}
/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background {
  border-radius: 5px;
}
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-x-small.tpd-no-radius .tpd-stem {
  margin-left: 7px;
}
.tpd-size-x-small .tpd-close {
  margin-bottom: 1px;
}
.tpd-size-x-small .tpd-spinner {
  width: 35px;
  height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin {
  margin: 6px 0 0 9px;
}
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
  width: 17px;
  height: 17px;
}
/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background {
  border-radius: 6px;
}
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-small.tpd-no-radius .tpd-stem {
  margin-left: 8px;
}
.tpd-size-small .tpd-close {
  margin: 2px 1px;
}
.tpd-size-small .tpd-spinner {
  width: 42px;
  height: 32px;
}
.tpd-size-small .tpd-spinner-spin {
  margin: 7px 0 0 13px;
}
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
  width: 18px;
  height: 18px;
}
/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background {
  border-radius: 8px;
}
.tpd-size-medium .tpd-stem {
  width: 16px;
  /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-medium.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
.tpd-size-medium .tpd-close {
  margin: 4px 2px;
}
/* ideal spinner dimensions don't cause movement op top and
   on the stem when switching to text using position:'topleft' */
.tpd-size-medium .tpd-spinner {
  width: 50px;
  height: 36px;
}
.tpd-size-medium .tpd-spinner-spin {
  margin: 8px 0 0 15px;
}
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 5px 8px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background {
  border-radius: 8px;
}
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-large.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
.tpd-size-large .tpd-close {
  margin: 5px 2px 5px 2px;
}
.tpd-size-large .tpd-spinner {
  width: 54px;
  height: 38px;
}
.tpd-size-large .tpd-spinner-spin {
  margin: 9px 0 0 17px;
}
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
  color: #fff;
}
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255, 255, 255, 0.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper {
  border-bottom: 1px solid #404040;
}
/* spinner */
.tpd-skin-dark .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-dark a {
  color: #ccc;
}
.tpd-skin-dark a:hover {
  color: #c0c0c0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-general-view {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
}
.wi-widget-general-view--no-access .wi-widget-general-view__upper,
.wi-widget-general-view--no-access .wi-widget-general-view__text,
.wi-widget-general-view--no-access .wi-widget-general-view__lower-text {
  opacity: 0.3;
}
.wi-widget-general-view__upper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  color: white;
  background-size: cover;
  background-position: center;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.wi-widget-general-view--loading .wi-widget-general-view__upper {
  background-color: #F3F5F7;
}
.wi-widget-general-view__icon {
  width: 25px;
}
.wi-widget-general-view__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.wi-widget-general-view__upper-icon--archived {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 35px;
  height: 35px;
}
.wi-widget-general-view__upper-icon--archived svg g.background {
  opacity: 1;
}
.wi-widget-general-view__upper-icon--archived svg path.background {
  fill: #bf4235;
}
.wi-widget-general-view__upper-icon--archived svg path.outline {
  fill: white;
}
.wi-widget-general-view__long-upper-heading {
  text-align: center;
  font-size: 33px;
  margin-top: 1px;
  word-break: break-word;
  padding: 10px;
}
.wi-widget-general-view__count {
  height: 33px;
  width: 100%;
  fill: white;
}
.wi-widget-general-view__count-sum {
  position: absolute;
  top: 50%;
  margin-top: 22px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 13px;
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-widget-general-view__image {
  width: 68px;
  height: 68px;
  background-color: #ebebeb;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.wi-widget-general-view__image-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  margin-top: -15px;
  right: -19px;
}
.wi-widget-general-view__image-icon svg {
  width: 24px;
  height: 24px;
}
.wi-widget-general-view__image-text {
  position: absolute;
  bottom: 7px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}
.wi-widget-general-view__lower {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 96px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}
.wi-widget-general-view__lower.-background-colour-2 {
  background-color: #fff;
}
.wi-widget-general-view__lower.-align-1 {
  text-align: left;
}
.wi-widget-general-view__bottom {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.wi-widget-general-view__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  max-height: 62px;
  overflow: hidden;
  text-align: center;
  margin: 9px 15px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.3125;
  margin: 10px 15px 0px;
  text-align: inherit;
  max-height: 59px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #fff;
}
.wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view__text--placeholder {
  opacity: 0.33;
}
.wi-widget-general-view__text.-colour-1 {
  color: #000;
}
.wi-widget-general-view__text.-colour-2 {
  color: #9b9b9b;
}
.wi-widget-general-view__text-loading-first {
  width: 90%;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  margin-bottom: 7px;
  position: relative;
  overflow: hidden;
}
.wi-widget-general-view__text-loading-first:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-widget-general-view__text-loading-second {
  width: 70%;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
}
.wi-widget-general-view__text-loading-second:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-widget-general-view__lower-text-wrapper {
  margin: 0px 15px 7px 15px;
  flex: 1 1 auto;
  width: 1px;
}
.wi-widget-general-view__lower-text-wrapper--icons {
  margin: 0px 0px 7px 15px;
}
.wi-widget-general-view__lower-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  /*position: absolute;
		bottom: 5px;
		left: @lower-text-offset;*/
  display: block;
  float: left;
  max-width: calc(100% - 6px);
  color: #fff;
}
.wi-widget-general-view__lower-text.-colour-1 {
  color: #647070;
}
.wi-widget-general-view__lower-text.-colour-2 {
  color: #647070;
}
.wi-widget-general-view__lower-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-widget-general-view__lower-icon-wrapper {
  margin-right: 5px;
  margin-bottom: 9px;
  align-self: flex-end;
  height: 17px;
}
.wi-widget-general-view__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.wi-widget-general-view__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.wi-widget-general-view__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-widget-general-view__lower-icon--info-icon.-info-icon-white path {
  fill: white !important;
}
.wi-widget-general-view__lower-icon--24px {
  margin-right: 0;
  position: relative;
  top: -4px;
}
.wi-widget-general-view__lower-icon--24px svg {
  width: 24px;
  height: 24px;
  opacity: 1;
}
.wi-widget-general-view__actions {
  position: absolute;
  left: 14px;
  bottom: 10px;
  cursor: pointer;
}
.wi-widget-general-view--height-ratio-1 {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__upper {
  width: 90px;
  height: 100%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid transparent;
  border-radius: 10px 0 0 10px;
}
.wi-widget-general-view--height-ratio-1.ui-x-widget-color- .wi-widget-general-view__upper {
  border-right-color: #F0F0F0;
}
.wi-widget-general-view--height-ratio-2 .wi-widget-general-view__upper,
.wi-widget-general-view--height-ratio-4 .wi-widget-general-view__upper {
  border-bottom: 1px solid transparent;
}
.wi-widget-general-view--height-ratio-2.ui-x-widget-color- .wi-widget-general-view__upper,
.wi-widget-general-view--height-ratio-4.ui-x-widget-color- .wi-widget-general-view__upper {
  border-bottom-color: #F0F0F0;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__upper {
  display: none;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__lower {
  height: 100%;
  width: 1px;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  border-radius: 0 10px 10px 0;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__lower {
  border-radius: 10px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__text {
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view--height-ratio-4.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text {
  font-size: 18px;
  max-height: 47px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-widget-general-view--height-ratio-4.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text {
  margin-bottom: 0px;
  font-size: 16px;
  max-height: 43px;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__text {
  max-height: 39px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__lower-text-wrapper {
  margin-top: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-content-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  position: relative;
}
.widget-content-item__deleted-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.95);
}
.widget-content-item__deleted-text {
  color: #999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-explore-count1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-item {
  height: 100%;
  border: 0;
  background: transparent;
  width: 100%;
  padding: 0;
}
.widget-item--clickable {
  cursor: pointer;
}
.widget-item--clickable:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 10px;
  outline-offset: 1px;
}
.widget-item-preview {
  height: 100%;
  display: flex;
  flex: 1 1 auto;
}
.widget-item-preview--short {
  padding: 10px 15px 7px 15px;
  box-sizing: border-box;
}
.widget-item-preview--short.widget-item-preview--icons {
  padding-bottom: 29px;
}
.widget-item-preview-summary {
  color: #647070;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  /*&:after {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		width: 40px;
		height: @short-preview-line-height * @short-preview-text-font;
		background: linear-gradient(to right, rgba(red(@color), green(@color), blue(@color), 0), @color 60%, @color);
	}*/
}
.widget-item-preview--icons .widget-item-preview-summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.widget-item-preview-summary__icon-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 17px;
  margin-right: 5px;
  margin-bottom: 9px;
}
.widget-item-preview-summary__icon-wrapper .widget-item-preview-summary__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.widget-item-preview-summary__icon-wrapper .widget-item-preview-summary__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.widget-item-preview-summary__icon-wrapper .wi-widget-content-list__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-widget-item {
  height: 100%;
  border-radius: 10px;
}
.wi-general-widget-item__widget--fill-space {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wi-general-widget-item__widget--full-height {
  height: 100%;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-section-item {
  margin: 3px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-fake,
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-no-hover {
  box-shadow: none;
}
.wi-general-section-item-last {
  top: 0 !important;
  display: none;
}
.wi-general-section-item-last.-right {
  position: static !important;
  float: right !important;
}
.wi-general-section-item-last.-show {
  display: block;
}
.wi-general-section-item-view {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  float: right;
  top: -9px;
  background-color: #fff;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
  right: -9px;
  border-radius: 50px;
  padding: 10px;
  position: absolute;
  cursor: pointer;
  display: none;
}
.wi-general-section-item-view svg path {
  fill: #717171 !important;
}
.wi-general-section-item-view:hover svg path {
  fill: black !important;
}
.wi-general-section-item-view.-show {
  display: block;
}
.wi-general-section-item-view:focus-visible {
  outline: 2px solid #3697db;
  outline-offset: 1px;
}
/*.ui-x-support-hover-on-touch .wi-general-section-item:hover,
.wi-general-section-item--hover-ie-fix {
	box-shadow: @updated-widget-item-box-shadow--hover; //@feed-item-box-shadow--hover
}*/

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-section {
  margin-top: 25px;
  margin-bottom: 30px;
}
.wi-general-section.wi-general-section--search-hint {
  margin: 0px;
}
.wi-general-section.wi-general-section--search-hint .wi-general-section__title {
  display: none;
}
.wi-general-section--type--7 {
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  /*margin-top: 0;*/
  /* removed override to restore margin on content */
  background-color: transparent;
  border-color: #f1f1f1;
}
.wi-general-section--type--7 .wi-general-section__title {
  display: none;
}
.wi-general-section__title {
  /*font-size: 22px;
	font-family: var(--em360-font-family);
	margin: 14px @section-item-margin 15px 7px;
	color: #333;*/
  font-size: 18px;
  font-weight: 700;
  color: black;
  margin: 0px 3px 10px 7px;
  position: relative;
  word-break: break-word;
}
.wi-general-section__title-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: 0 0 auto;
  float: right;
}
.wi-general-section__title-icon svg path {
  fill: #717171 !important;
}
.wi-general-section__title-icon:hover svg path {
  fill: black !important;
}
.wi-general-section__title-icon.--circle {
  top: -9px;
  background-color: #fff;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
  right: -9px;
  border-radius: 50px;
  padding: 10px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.wi-general-section__title-tooltip {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 5px;
  opacity: 0.5;
  position: relative;
  top: 4px;
}
.ui-x-content-container-view .wi-general-section__title {
  margin: 0px 3px 10px 0;
  /* #22593 only to affect content view so fast fix */
}
.wi-general-section__title-placeholder-item {
  width: 252px;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  background-size: cover;
  margin-top: 2px;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}
.wi-general-section__title-placeholder-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-general-section__items {
  position: relative;
  /*.flex-block();
	.flex-wrap(wrap);*/
}
.wi-general-section__items > * {
  display: block;
  position: relative;
  float: left;
  z-index: 0;
}
.ui-x-hub-container__sections .wi-general-section--type--7 {
  margin-left: -3.15%;
  margin-right: -3.15%;
  margin-top: 0;
  /* added override to restore margin on content */
  padding-left: 3.15%;
  padding-right: 3.15%;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-search-hint .wi-search-hint__hint-tile {
  border: 1px solid #D8D8D8;
  background-color: white;
  max-width: 798px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
}
.wi-search-hint .wi-search-hint__hint-tile.-fake {
  border-color: #ebebeb;
}
@media (min-width: 983px) {
  .wi-search-hint .wi-search-hint__hint-tile {
    margin-left: 46px;
  }
}
.wi-search-hint .wi-search-hint__primary-section {
  padding: 16px 15px 15px 15px;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
}
.wi-search-hint .wi-search-hint__primary-section .wi-search-hint__primary-text {
  color: black;
  font-size: 18px;
  position: relative;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.wi-search-hint .wi-search-hint__primary-section .wi-search-hint__primary-text:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-search-hint .wi-search-hint__primary-section .wi-search-hint__secondary-text {
  margin-top: 5px;
  color: #717171;
  font-size: 13px;
  line-height: 18px;
}
.wi-search-hint .wi-search-hint__secondary-section {
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-search-hint .wi-search-hint__secondary-section.-tiles {
  padding: 7px;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__tips-list {
  list-style-type: disc;
  padding-left: 15px;
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 20px;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__tips-list li {
  word-break: break-word;
}
.wi-search-hint .wi-search-hint__secondary-section.-buttons {
  flex-direction: row;
  flex-wrap: wrap;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-subbutton {
  display: none;
  margin-right: -10px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  padding-right: 6px;
  padding-left: 5px;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-button {
  margin-right: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid #d8d8d8;
  height: 35px;
  padding: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: black;
  white-space: nowrap;
  background-color: transparent;
  border-color: #d8d8d8;
  margin-top: 10px;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-button:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-button.-highlighted {
  font-weight: bold;
  color: white;
  background-color: #3697db;
  border-color: #3697db;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-button.-highlighted:hover {
  background-color: #227dbc;
  border-color: #227dbc;
}
.wi-search-hint .wi-search-hint__secondary-section .wi-search-hint__secondary-button.-highlighted .wi-search-hint__secondary-subbutton {
  display: flex;
}

/* Input.less */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.right-menu-input-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  padding-right: 10px;
  cursor: default;
}
.right-menu-input-tile:hover {
  background-color: #f1f1f1;
}
.right-menu-input-tile--grey {
  background-color: #f1f1f1;
  border-bottom: 1px solid #bababa;
}
.right-menu-input-tile--grey:hover {
  background-color: #eaeaea;
}
.right-menu-input-tile--button {
  cursor: pointer;
}
.right-menu-input-tile--select {
  cursor: pointer;
}
.right-menu-input-tile--no-pointer {
  cursor: default;
}
.right-menu-input-tile--disabled {
  opacity: 0.6;
  cursor: default;
}
.right-menu-input-tile--without-hover:hover {
  background-color: transparent;
}
.right-menu-input-tile--bottom-border {
  border-bottom: 1px solid #e5e5e5;
}
.right-menu-input-tile .right-menu-input__label .right-menu-input__label-part {
  white-space: pre-wrap;
}
.right-menu-input-tile--wide {
  padding-right: 0;
}
.right-menu-input__icon {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
.right-menu-input__wrapper {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  margin: 14px 20px 13px 15px;
  overflow: hidden;
  /*TODO: rearrange dependencies, data-set should not be here*/
}
.right-menu-input__wrapper--label-only {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.right-menu-input__wrapper--input-only {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.right-menu-input__wrapper--select-button {
  text-align: start;
}
.right-menu-input__wrapper--one-line,
.right-menu-input__wrapper--select-button {
  overflow: hidden;
}
.right-menu-input__wrapper--wide {
  margin-left: 0;
  margin-right: 0;
}
.right-menu-input__wrapper--inline-data-set {
  padding: 0 21px;
}
.right-menu-input__label {
  color: black;
  font-size: 14px;
  cursor: inherit;
  display: flex;
}
.right-menu-input__label--one-line {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.right-menu-input__label-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.right-menu-input__label--secondary {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 0 1 auto;
}
.right-menu-input__secondary {
  color: #717171;
  font-size: 12px;
  margin-left: 5px;
  flex: 0 0 75px;
}
.right-menu-input__label--error {
  color: #e2261e;
  font-weight: normal;
}
.right-menu-input__value {
  color: #4997dc;
  font-size: 14px;
  border: 0 none;
  background-color: transparent;
  padding: 1px 0;
  outline: none;
}
.right-menu-input__value::-webkit-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.right-menu-input__value:-moz-placeholder {
  /* Firefox 18- */
  color: #717171;
  opacity: 0.7;
}
.right-menu-input__value::-moz-placeholder {
  /* Firefox 19+ */
  color: #717171;
  opacity: 0.7;
}
.right-menu-input__value:-ms-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.right-menu-input__value--one-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-menu-input__value--textarea {
  resize: none;
  overflow: hidden;
  line-height: 20px;
}
.right-menu-input__value.--button {
  cursor: pointer;
}
.right-menu-input-tile--value-loading .right-menu-input__value {
  width: 200px;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.right-menu-input-tile--value-loading .right-menu-input__value:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
wi-validation-marker {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.right-menu-input__value--placeholder {
  color: #717171;
  opacity: 0.7;
}
.right-menu-input-tile.-right-menu-input-tile--highlighted-placeholder .right-menu-input__value::-webkit-input-placeholder {
  color: #4997dc;
  opacity: 1;
}
.right-menu-input-tile.-right-menu-input-tile--highlighted-placeholder .right-menu-input__value:-moz-placeholder {
  /* Firefox 18- */
  color: #4997dc;
  opacity: 1;
}
.right-menu-input-tile.-right-menu-input-tile--highlighted-placeholder .right-menu-input__value::-moz-placeholder {
  /* Firefox 19+ */
  color: #4997dc;
  opacity: 1;
}
.right-menu-input-tile.-right-menu-input-tile--highlighted-placeholder .right-menu-input__value:-ms-input-placeholder {
  color: #4997dc;
  opacity: 1;
}
.right-menu-input-tile.-right-menu-input-tile--highlighted-placeholder .right-menu-input__value--placeholder {
  color: #4997dc;
  opacity: 1;
}
.right-menu-input__value--break-all {
  word-break: break-all;
}
.right-menu-input__section-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 40px;
  background-color: #f1f1f1;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 13px;
}
.right-menu-input__section-header--shadow {
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.498039) inset;
}
.right-menu-input__section-header--border {
  border-bottom: 1px solid #d4d4d4;
}
.right-menu-input__section-header--clickable {
  cursor: pointer;
}
.right-menu-input__section-header-text {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.right-menu-input__section-header-action {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 12px;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.right-menu-input__section-header-action:last-child {
  margin-right: 21px;
}
.right-menu-input__section-header-action--drag {
  opacity: 0.5;
}
.right-menu-input__section-header-action--drag:hover {
  opacity: 1;
}
.right-menu-input__section-header-action--info {
  height: 24px;
  width: 24px;
  opacity: 0.5;
}
.right-menu-input__section-header-action--info:hover {
  opacity: 1;
}
.right-menu-input__button--color,
.right-menu-input__button--image {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin-right: 17px;
  border-radius: 5px;
  box-sizing: border-box;
}
.right-menu-input__button--image {
  border: 1px solid #D8D8D8;
  background-size: cover;
  background-position: center;
}
.right-menu-input__tile-min-height {
  height: 65px;
}
/* min height fixes IE min-height-inside-flexbox issue */
.right-menu-input-validation__marker {
  margin-bottom: -1px;
  min-height: 66px;
  width: 3px;
  flex: 0 0 3px;
}
.right-menu-input-validation__marker--invalid {
  background-color: #e2261e;
}
.right-menu-input__info-label {
  border: none;
  background: none;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
  color: black;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.right-menu-input__info-button {
  border: none;
  background: none;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
  color: black;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%;
}
.right-menu-input__info-button:hover {
  background: #f1f1f1;
}
.right-menu-input__item-button {
  -moz-flex: 0 0 45px;
  -ms-flex: 0 0 45px;
  -webkit-flex: 0 0 45px;
  flex: 0 0 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  opacity: 0.5;
  cursor: pointer;
}
.right-menu-input__item-button:hover {
  opacity: 1;
}
.right-menu-input__item-info {
  flex: 0 0 auto;
  display: flex;
  width: 45px;
  justify-content: center;
  align-items: center;
  height: 45px;
  cursor: default;
}
.right-menu-input__item-button--option {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.right-menu-input__item-button--option svg {
  padding: 0;
  width: 24px;
  height: 24px;
}
.right-menu-input__item-button--disabled {
  opacity: 0.2;
  cursor: default;
}
.right-menu-input__item-button--disabled:hover {
  opacity: 0.3;
}
.right-menu-input__item-button--note {
  opacity: 1;
}
.right-menu-input__item-button--note:hover {
  opacity: 1;
}
.right-menu-input__item-button--refresh svg {
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  fill: #6d6e71;
}
.right-menu-input__item-button--drag {
  padding-right: 9px;
}
.right-menu-input__item-button--drag svg {
  width: 24px;
  height: 24px;
  margin: 10px;
}
.right-menu-input__item-button--hover:hover svg {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.right-menu-input__item-button--hover:hover svg path {
  fill: #000000 !important;
}
.right-menu-input__search-button {
  cursor: pointer;
  margin-right: 20px;
  color: rgba(0, 0, 0, 0.67);
  font-size: 14px;
  text-transform: uppercase;
  min-width: 45px;
  min-height: 25px;
  background-color: white;
  border: 1px solid #d8d8d8;
  border-radius: var(--engage-focusable-element-border-radius);
}
.right-menu-input__search-button:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--outline-offset);
}

.wi-react-date-picker--inline-time .react-datepicker {
  border: none;
  background: transparent;
}
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker__aria-live,
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker-time__caption,
.wi-react-date-picker--inline-time .react-datepicker > .react-datepicker__navigation,
.wi-react-date-picker--inline-time .react-datepicker > .react-datepicker__month-container {
  display: none;
}
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker__input-time-container,
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker-time__caption,
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker-time__input {
  margin: 0;
}
.wi-react-date-picker--inline-time .react-datepicker .react-datepicker-time__input {
  border: none;
  background: transparent;
}

/* This comment will be in result CSS */
/* Custom */
.loaderContainer {
  position: absolute;
  left: 50%;
}
.icnContainer,
.icnContainer svg {
  width: 45px;
  height: 45px;
}
wi-loader,
.wi-loader-component {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-loader.wi-loader--32 > .icnContainer,
.wi-loader-component.wi-loader--32 > .icnContainer {
  width: inherit;
  height: inherit;
}
wi-loader.wi-loader--32 > .icnContainer svg,
.wi-loader-component.wi-loader--32 > .icnContainer svg {
  width: 32px;
  height: 32px;
}
wi-loader.wi-loader--tiny > .icnContainer,
.wi-loader-component.wi-loader--tiny > .icnContainer,
wi-loader.wi-loader--24 > .icnContainer,
.wi-loader-component.wi-loader--24 > .icnContainer {
  width: 24px;
  height: 24px;
}
wi-loader.wi-loader--tiny > .icnContainer svg,
.wi-loader-component.wi-loader--tiny > .icnContainer svg,
wi-loader.wi-loader--24 > .icnContainer svg,
.wi-loader-component.wi-loader--24 > .icnContainer svg {
  width: 24px;
  height: 24px;
}
wi-loader.wi-loader--20 > .icnContainer,
.wi-loader-component.wi-loader--20 > .icnContainer {
  width: 20px;
  height: 20px;
}
wi-loader.wi-loader--20 > .icnContainer svg,
.wi-loader-component.wi-loader--20 > .icnContainer svg {
  width: 20px;
  height: 20px;
}
wi-loader.wi-loader--15 > .icnContainer,
.wi-loader-component.wi-loader--15 > .icnContainer {
  width: 15px;
  height: 15px;
}
wi-loader.wi-loader--15 > .icnContainer svg,
.wi-loader-component.wi-loader--15 > .icnContainer svg {
  width: 15px;
  height: 15px;
}
wi-loader.wi-loader--white svg,
.wi-loader-component.wi-loader--white svg {
  stroke: #ffffff;
}
wi-loader.wi-loader--inherit,
.wi-loader-component.wi-loader--inherit {
  display: inherit;
}
wi-loader.wi-loader--autoMargin,
.wi-loader-component.wi-loader--autoMargin {
  margin: auto;
}
wi-loader.wi-loader--margin15,
.wi-loader-component.wi-loader--margin15 {
  margin-top: 15px;
}
wi-loader.wi-loader--30x30,
.wi-loader-component.wi-loader--30x30 {
  width: 15px;
  height: 15px;
  border-width: 5px;
}
wi-loader.wi-loader--menu-content,
.wi-loader-component.wi-loader--menu-content {
  margin-top: 85px;
}

.wi-right-menu-frame:focus-visible {
  outline: none;
}
.wi-right-menu-frame.-wi-menu-frame--no-scroll .wi-right-menu-frame__content {
  padding-bottom: 20px;
}
.wi-menu-frame__confirm-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.wi-menu-frame__confirm-dialog.-open {
  display: block;
}
.wi-menu-frame__confirm-body {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 30;
}
.wi-menu-frame__confirm-mask {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.em360-focus-trap-wrapper {
  display: contents;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-menu-header {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /*position: relative;*/
  height: 32px;
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  z-index: 20;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.wi-menu-header--no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.wi-menu-header.wi-menu-header--full-width-children .wi-menu-header__title-additional {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
.wi-menu-header.wi-menu-header--full-width-children .wi-menu-header__title-additional > * {
  flex: 1 1 auto;
}
.wi-menu-header.-wi-menu-header--dynamic-form {
  background-color: white;
  padding: 6px 10px 6px 15px;
}
.wi-menu-header.-wi-menu-header--dynamic-form .wi-menu-header__title {
  color: #647070;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
.wi-menu-header.-wi-menu-header--dynamic-form .wi-menu-header__title.-loading-state {
  height: 22px;
}
.wi-menu-header.wi-menu-header--selection-dialog {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  box-shadow: none;
  padding: 20px;
}
.wi-menu-header.wi-menu-header--selection-dialog .wi-menu-header__title {
  font-size: 22px;
  color: inherit;
}
.wi-menu-header.wi-menu-header--selection-dialog .wi-menu-header__title-container {
  display: flex;
}
.wi-menu-header.wi-menu-header--selection-dialog .wi-menu-header__title-additional {
  margin-top: 7px;
}
.wi-menu-header.wi-menu-header--selection-dialog .wi-menu-header__close-icon,
.wi-menu-header.wi-menu-header--selection-dialog .wi-menu-header--searchbar .wi-menu-header__close-icon {
  margin-right: 0px;
  margin-left: 5px;
}
.wi-right-menu-frame--headless .wi-menu-header {
  display: none;
}
.wi-right-menu-frame--white .wi-menu-header {
  background-color: #ffffff;
}
.wi-menu-header__close-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 35px;
  height: 32px;
  margin-right: 15px;
  cursor: pointer;
  border: none;
  background: transparent;
}
.wi-menu-header__close-icon--left {
  margin-right: 0px;
  margin-left: 5px;
}
.wi-menu-header__close-icon--round {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-left: -5px;
  margin-right: 10px;
}
.wi-menu-header__close-icon--round:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.wi-menu-header__close-icon--hidden {
  width: 0;
  margin-right: 5px;
  visibility: hidden;
}
.wi-menu-header__close-icon--disabled {
  cursor: default;
}
.wi-menu-header--searchbar .wi-menu-header__close-icon {
  margin-right: 10px;
}
.wi-right-menu-frame--white .wi-menu-header__close-icon svg path {
  fill: #717171;
}
.wi-menu-header-left-search {
  max-width: 193px;
}
.wi-menu-header__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-menu-header__title.-loading-state {
  width: 250px;
  max-width: 250px;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
.wi-menu-header__title.-loading-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-right-menu-frame--white .wi-menu-header__title {
  color: #000000;
}
.wi-menu-header__title-additional {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-menu-header__title-additional--full-width {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
.wi-menu-header__search-header {
  margin-left: -5px;
  margin-right: 5px;
}
.wi-menu-header__search-header.-left {
  margin-left: 0px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-search-header-input {
  flex: 1 1 auto;
  width: 0;
}
.wi-search-header-input {
  position: relative;
  display: flex;
}
.wi-search-header-input .wi-search-header-input__input-search {
  flex: 1 1 auto;
}
.wi-search-header-input--fixed-overlay {
  margin-right: 15px;
}
.wi-search-header-input--fixed-overlay .wi-search-header-input__input-search {
  height: 34px;
  border: 1px solid #d8d8d8;
  font-size: 16px;
  background-color: #f1f1f1;
}
.wi-search-header-input__search-icon {
  display: none;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -11px;
  pointer-events: none;
}
.wi-search-header-input__clear-search {
  position: absolute;
  cursor: pointer;
}
.wi-search-header-input__clear-search:hover path {
  fill: #000000 !important;
}
.wi-search-header-input__clear-search.-hidden {
  visibility: hidden;
}
.wi-search-header-input__clear-search--old-design {
  padding: 0;
  border: 0;
  outline: 0;
  width: 17px;
  height: 17px;
  right: 7px;
  top: 50%;
  margin-top: -9px;
}
.wi-search-header-input__input-search--old-design {
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid white;
  border-radius: 5px;
  padding: 4px 27px 4px 6px;
  color: black;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wi-search-header-input__input-search--old-design::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
.wi-search-header-input__input-search--old-design:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
.wi-search-header-input__input-search--old-design::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
.wi-search-header-input__input-search--old-design:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
.wi-search-header-input__icon-element,
.wi-search-header-input--selection-dialog .wi-search-header-input__search-icon,
.wi-search-header-input--selection-dialog .wi-search-header-input__clear-search {
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-50%);
  margin: 0;
  bottom: 0;
}
.wi-search-header-input--selection-dialog {
  margin: 0;
  align-items: center;
}
.wi-search-header-input--selection-dialog .wi-search-header-input__input-search {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.wi-search-header-input--selection-dialog .wi-search-header-input__search-icon {
  display: block;
  left: 0.8125rem;
}
.wi-search-header-input--selection-dialog .wi-search-header-input__clear-search {
  right: 0.8125rem;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-search-hint-tile {
  border: 1px solid #D8D8D8;
  background-color: white;
  max-width: 798px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
}
.wi-search-hint-tile.-fake {
  border-color: #ebebeb;
}
.wi-search-hint-tile__primary-section {
  padding: 16px 15px 15px 15px;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
}
.wi-search-hint-tile__primary-section .wi-search-hint-tile__primary-text {
  color: black;
  font-size: 18px;
  position: relative;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.wi-search-hint-tile__primary-section .wi-search-hint-tile__primary-text:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-search-hint-tile__primary-section .wi-search-hint-tile__secondary-text {
  margin-top: 5px;
  color: #717171;
  font-size: 13px;
  line-height: 18px;
}
.wi-search-hint-tile__secondary-section {
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-search-hint-tile__secondary-section.-tiles {
  padding: 7px;
}
.wi-search-hint-tile__secondary-section .wi-search-hint-tile__tips-list {
  list-style-type: disc;
  padding-left: 15px;
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 20px;
}
.wi-search-hint-tile__secondary-section .wi-search-hint-tile__tips-list li {
  word-break: break-word;
}
.wi-search-hint-tile.-no-results-prompt {
  border: none;
}
.wi-search-hint-tile.-no-results-prompt .wi-search-hint-tile__secondary-section {
  border: none;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-search-no-results-tile {
  padding: 20px;
}
.wi-search-no-results-tile.-no-results-prompt {
  padding: 0 20px;
}
.wi-search-no-results-tile.-no-results-prompt .wi-search-no-results-tile__search-hint-tile {
  margin: 0;
}
.wi-search-no-results-tile__title {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}
.wi-search-no-results-tile__search-hint-tile {
  display: block;
  margin-top: 15px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-asset-lookup-tile {
  display: block;
}
wi-asset-lookup-tile:has(.asset-lookup-tile--button) {
  display: flex;
}
.asset-lookup-tile--button {
  flex: 1 1 auto;
  min-width: 1px;
  background-color: white;
  border: none;
}
.asset-lookup-tile--button .asset-lookup-tile__info {
  text-align: start;
}
.asset-lookup-tile:has(.asset-lookup-tile__checkbox):focus-within,
.asset-lookup-tile--button:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.asset-lookup-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 14px 12px 12px 12px;
  border-bottom: 1px solid #f1f1f1;
  /*
		here goes styles for feed tiles
	*/
}
.asset-lookup-tile .min-height-workaround {
  height: 42px;
  width: 0;
}
.asset-lookup-tile:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.asset-lookup-tile--active {
  background-color: #f1f1f1;
}
.asset-lookup-tile--disabled {
  opacity: 0.6;
}
.asset-lookup-tile--disabled:hover {
  cursor: default;
  background-color: initial;
}
.asset-lookup-tile--deleted {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  cursor: default;
}
.asset-lookup-tile--deleted:hover {
  cursor: default;
  background-color: #ffffff;
}
.asset-lookup-tile--options {
  margin-top: 4px;
  margin-right: 4px;
  position: initial !important;
}
.asset-lookup-tile--options .ui-x-options-icn {
  margin-top: 0px !important;
}
.asset-lookup-tile--with-options {
  padding-right: 0;
}
.asset-lookup-tile--with-options-wrapper {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.asset-lookup-tile--borderless {
  border: none;
}
.asset-lookup-tile__action {
  position: initial !important;
  margin-top: 4px !important;
}
.asset-lookup-tile__images-container {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 12px;
}
.asset-lookup-tile__content-action-wrapper {
  position: initial !important;
  margin-top: -24px !important;
  margin-left: 12px !important;
  margin-bottom: 12px !important;
}
.asset-lookup-tile__feed-item--with-options {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.asset-lookup-tile__feed-item--content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.asset-lookup-tile__deleted-text {
  width: 77%;
  text-align: center;
  color: #999999;
  font-weight: 400;
  line-height: 1.6;
}
.asset-lookup-tile__image-container {
  position: relative;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
}
.asset-lookup-tile__info-icon-container {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 21px;
  width: 21px;
  right: 0;
  bottom: -3px;
  background-color: white;
  border-radius: 50%;
  box-shadow: none;
}
.asset-lookup-tile__info-icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asset-lookup-tile__info-icon svg {
  width: 16px;
  height: 16px;
}
.asset-lookup-tile__info-icon__loader {
  font-size: 12px;
}
.asset-lookup-tile__info {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.asset-lookup-tile__info--primary-only {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.asset-lookup-tile__info--no-margin {
  margin: 0;
}
.asset-lookup-tile__info--primary {
  font-size: 15px;
  margin-bottom: 4px;
  color: #333333;
}
.asset-lookup-tile__info--secondary {
  font-size: 13px;
  color: #717171;
}
.asset-lookup-tile__info--complex {
  display: block;
}
.asset-lookup-tile__info--complex div {
  display: inline;
}
.asset-lookup-tile__info--separator:before {
  content: " \2022 ";
  padding: 0;
}
.asset-lookup-more-button {
  margin: 10px;
  background-color: #fff;
  border-color: #d8d8d8;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 2px;
  text-align: center;
  min-height: 40px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
}
.asset-lookup-more-button:hover {
  background-color: rgba(186, 186, 186, 0.15);
}
.asset-lookup-more-button:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.asset-lookup-more-button-icon {
  height: 62px;
  position: relative;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.select-menu__section {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.select-menu__section.-shadow {
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 3px;
}
.select-menu__section-header {
  border-bottom: 1px solid #d4d4d4;
  line-height: 40px;
  background-color: #f1f1f1;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 13px;
}
.select-menu__main-content {
  overflow: auto;
  z-index: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.highlightArrow {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.highlightArrow path {
  fill: #000000 !important;
}
.select-item-menu-tile {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.select-item-menu-tile > div:last-child {
  padding-right: 18px;
}
.select-item-menu-tile:hover {
  background-color: #f1f1f1;
}
.select-item-menu-tile--disabled {
  cursor: default;
}
.select-item-menu-tile--disabled .select-item-menu-tile__select-tick,
.select-item-menu-tile--disabled .select-item-menu-tile__select-tile-info {
  opacity: 0.5;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--selected:not(.select-item-menu-tile--hidden-tick) .select-item-menu-tile__select-tile-info {
  opacity: 1;
  cursor: pointer;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--selected:not(.select-item-menu-tile--hidden-tick):hover .select-item-menu-tile__info-icon-clickable-area svg {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--selected:not(.select-item-menu-tile--hidden-tick):hover .select-item-menu-tile__info-icon-clickable-area svg path {
  fill: #000000 !important;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--hidden-tick .select-item-menu-tile__select-tile-info {
  opacity: 0.5;
  cursor: pointer;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--hidden-tick:hover .select-item-menu-tile__info-icon-clickable-area svg {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.select-item-menu-tile--disabled.select-item-menu-tile--show-go-to-child.select-item-menu-tile--hidden-tick:hover .select-item-menu-tile__info-icon-clickable-area svg path {
  fill: #000000 !important;
}
.select-item-menu-tile__border {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  height: 1px;
  bottom: 0;
  right: 0;
  left: 64px;
}
.select-item-menu-tile--without-border .select-item-menu-tile__border {
  background-color: transparent;
}
.select-item-menu-tile--hide-tick .select-item-menu-tile__border {
  left: 0;
}
.select-item-menu-tile__tile-min-height {
  height: 50px;
}
.select-item-menu-tile__primary-action {
  border: none;
  background-color: transparent;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding-left: 1px;
  text-align: left;
}
.select-item-menu-tile__primary-action:focus-visible {
  background-color: #3697DB;
}
.select-item-menu-tile__primary-action:focus-visible .select-item-menu-tile__select-tile-info-primary,
.select-item-menu-tile__primary-action:focus-visible .select-item-menu-tile__primary-count,
.select-item-menu-tile__primary-action:focus-visible .select-item-menu-tile__select-tile-info-placeholder,
.select-item-menu-tile__primary-action:focus-visible .select-item-menu-tile__select-tile-info-secondary {
  color: #fff;
}
.select-item-menu-tile__primary-action:focus-visible path,
.select-item-menu-tile__primary-action:focus-visible circle {
  fill: #fff !important;
}
.select-item-menu-tile__select-tick {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-self: center;
  margin-left: 21px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.select-item-menu-tile__select-tick .select-item-menu-tile__select-tick-circle {
  border-radius: 50px;
  border: 1px solid #717171;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
}
.select-item-menu-tile__select-tick .select-item-menu-tile__select-tick-circle.-selected {
  border: 4px solid #717171;
}
.select-item-menu-tile__select-tick .select-item-menu-tile__select-tick-circle.-selected,
.select-item-menu-tile__select-tick .select-item-menu-tile__select-tick-svg.-selected {
  display: none;
}
.select-item-menu-tile__select-tick.-selected-tick .select-item-menu-tile__select-tick-circle,
.select-item-menu-tile__select-tick.-selected-tick .select-item-menu-tile__select-tick-svg {
  display: none;
}
.select-item-menu-tile__select-tick.-selected-tick .select-item-menu-tile__select-tick-circle.-selected,
.select-item-menu-tile__select-tick.-selected-tick .select-item-menu-tile__select-tick-svg.-selected {
  display: block;
}
.select-item-menu-tile__select-tick.-hidden-tick {
  visibility: hidden;
}
.select-item-menu-tile:not(.select-item-menu-tile--disabled) .select-item-menu-tile__primary-action:hover path,
.select-item-menu-tile:not(.select-item-menu-tile--disabled) .select-item-menu-tile__primary-action:hover circle {
  fill: #000000 !important;
}
.select-item-menu-tile__select-tile-info {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  padding-left: 19px;
  padding-top: 11px;
  padding-bottom: 12px;
  padding-right: 18px;
}
.select-item-menu-tile__select-tile-info-primary {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.select-item-menu-tile__primary-count {
  color: #8e8e8e;
}
.select-item-menu-tile__select-tile-info-secondary {
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  color: #717171;
}
.select-item-menu-tile__select-tile-info-placeholder {
  font-size: 14px;
  line-height: 21px;
  color: #717171;
}
.select-item-menu-tile__info-icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.select-item-menu-tile__info-icon-clickable-area {
  height: 50px;
  top: 0;
  display: flex;
  align-items: center;
  padding-right: 18px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.select-item-menu-tile__info-icon-clickable-area:hover svg {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.select-item-menu-tile__info-icon-clickable-area:hover svg path {
  fill: #000000 !important;
}
.select-item-menu-tile__info-icon-clickable-area:focus-visible {
  background-color: #3697DB;
}
.select-item-menu-tile__info-icon-clickable-area:focus-visible path,
.select-item-menu-tile__info-icon-clickable-area:focus-visible circle {
  fill: #fff !important;
}
.select-item-menu-tile--hidden-tick:hover:not(.select-item-menu-tile--disabled) .select-item-menu-tile__info-icon-clickable-area svg {
  background-color: #d4d4d4;
  border-radius: 5px;
}
.select-item-menu-tile--hidden-tick:hover:not(.select-item-menu-tile--disabled) .select-item-menu-tile__info-icon-clickable-area svg path {
  fill: #000000 !important;
}
.select-item-menu-tile__info-icon-svg {
  height: 24px;
  width: 24px;
}
.select-item-menu-tile.-loading .select-item-menu-tile__select-tile-info-primary {
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 50px;
  width: 70%;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.select-item-menu-tile.-loading .select-item-menu-tile__select-tile-info-primary:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.select-item-menu-tile.-loading .select-item-menu-tile__select-tick {
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.select-item-menu-tile.-loading .select-item-menu-tile__select-tick:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.select-item-menu-tile.-loading .select-item-menu-tile__select-tick-icon {
  display: none;
}
.select-item-menu-tile.select-item-menu-tile--select-styles .select-item-menu-tile__select-tile-info-primary {
  color: black;
}
.select-item-menu-tile.select-item-menu-tile--select-styles .select-item-menu-tile__select-tile-info-secondary {
  color: #4997dc;
}
.select-item-menu-tile.select-item-menu-tile--select-styles .select-item-menu-tile__select-tile-info-placeholder {
  color: #717171;
}
wi-right-menu-input-select-item-menu-tile:last-of-type .select-item-menu-tile__border {
  background-color: transparent;
}

/* This comment will be in result CSS */
/* Custom */
.wi-selected-tags.-loading .wi-selected-tags__loading-icon {
  width: 24px;
  height: 24px;
  background-color: #F3F5F7;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.wi-selected-tags.-loading .wi-selected-tags__loading-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-selected-tags.-loading .wi-selected-tags__loading-title {
  border-radius: 50px;
  background-color: #F3F5F7;
  position: relative;
  color: transparent;
  line-height: 22px;
  height: 22px;
  flex: 0 1 42%;
  overflow: hidden;
}
.wi-selected-tags.-loading .wi-selected-tags__loading-title:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-selected-tags .wi-selected-tags__flex-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.wi-selected-tags__header {
  display: flex;
  height: 45px;
  border: none;
  padding: inherit;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  align-items: center;
  font-size: 14px;
  box-sizing: border-box;
}
.wi-selected-tags__header.-has-items {
  cursor: pointer;
}
.wi-selected-tags__header:focus-visible {
  background-color: #3697DB;
}
.wi-selected-tags__header:focus-visible .wi-selected-tags__header-title {
  color: #fff;
}
.wi-selected-tags__header:focus-visible path,
.wi-selected-tags__header:focus-visible circle {
  fill: #fff !important;
}
.wi-selected-tags__header-icon {
  display: flex;
  align-items: center;
  margin-left: 22px;
  margin-right: 19px;
}
.wi-selected-tags__header-icon.-highlighted svg path {
  fill: #f89406 !important;
}
.wi-selected-tags__header-title {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5d5d5d;
}
.wi-selected-tags__header-arrow {
  display: flex;
  align-items: center;
  margin-right: 18px;
  margin-left: 10px;
  display: none;
  height: 24px;
}
.wi-selected-tags__header-arrow svg {
  transform: rotate(90deg);
}
.wi-selected-tags__header-arrow.-up svg {
  transform: rotate(-90deg);
}
.wi-selected-tags__header.-has-items .wi-selected-tags__header-arrow {
  display: block;
}
.wi-selected-tags__items {
  background-color: #f1f1f1;
  overflow: hidden;
  height: 0;
  display: none;
}
.wi-selected-tags__items.-opened {
  height: calc(100vh - 95px);
  overflow: auto;
  display: block;
}
.wi-selected-tags__overlay.-opened {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-right-menu-manage-options {
  display: flex;
  align-items: center;
}
.wi-right-menu-manage-options.-wi-right-menu-manage-options--small .wi-right-menu-manage-options__item {
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.wi-right-menu-manage-options.wi-right-menu-manage-options--engage-header-theme button.wi-right-menu-manage-options__link:focus-visible {
  border-radius: var(--border-radius--menu-header-item);
  outline: var(--outline-width--menu-header-item) solid var(--outline-color--menu-header-item);
  outline-offset: var(--outline-offset--menu-header-item);
}
.wi-right-menu-manage-options__item {
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  float: left;
  margin-right: 2px;
  margin-left: 17px;
  height: 32px;
}
.wi-right-menu-manage-options__item--round {
  position: relative;
  width: 45px;
  height: 32px;
  margin-right: 0;
}
.wi-right-menu-manage-options__item--round .wi-right-menu-manage-options__link {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 0px;
  right: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-right-menu-manage-options__item--round .wi-right-menu-manage-options__link:hover {
  /*			background-color: rgba(255, 255, 255, 0.3);*/
}
.wi-right-menu-manage-options__item--round2 {
  position: relative;
  width: 35px;
  height: 35px;
  margin-right: 0;
}
.wi-right-menu-manage-options__item--round2 .wi-right-menu-manage-options__link {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 0px;
  right: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-right-menu-manage-options__item--round2 .wi-right-menu-manage-options__link:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.wi-right-menu-manage-options__item--round2 .wi-right-menu-manage-options__link .wi-icon {
  height: 24px;
  width: 24px;
}
.wi-right-menu-manage-options__item--round2 .wi-right-menu-manage-options__link .wi-icon.-size18x18 {
  height: 18px;
  width: 18px;
}
.wi-right-menu-manage-options__item--round2 .wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid #3697DB !important;
  border-radius: 50%;
}
.wi-right-menu-manage-options__item--three-dots {
  margin-right: 8px;
  margin-left: 0;
}
.wi-right-menu-manage-options__item--type-button {
  margin-right: 8px;
  margin-left: 0px;
  height: 34px;
  box-sizing: border-box;
}
.wi-right-menu-manage-options__item--type-button:first-child {
  margin-left: 8px;
}
.wi-right-menu-manage-options__item--outlined {
  background-color: transparent;
  color: #fff;
}
.wi-right-menu-manage-options__item--outlined:hover:not(.wi-right-menu-manage-options__item--disabled) {
  background-color: rgba(255, 255, 255, 0.2);
}
.wi-right-menu-manage-options__item--disabled {
  opacity: 0.5;
  cursor: default;
}
.wi-right-menu-manage-options__item--disabled.wi-right-menu-manage-options__item--three-dots {
  opacity: 1;
  cursor: pointer;
}
.wi-right-menu-manage-options__item--disablable-blue-three-dots {
  margin: 0;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.wi-right-menu-manage-options__item--disablable-blue-three-dots .wi-right-menu-manage-options-dropdown {
  border-radius: 50%;
  height: 35px;
  width: 35px;
}
.wi-right-menu-manage-options__item--disablable-blue-three-dots .wi-right-menu-manage-options-dropdown:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.wi-right-menu-manage-options__item--text-dropdown {
  margin: 0;
  color: #000;
  width: 120px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.wi-right-menu-manage-options__link {
  display: block;
  text-transform: uppercase;
}
.wi-right-menu-manage-options__link > div {
  display: flex;
  align-items: center;
}
button.wi-right-menu-manage-options__link {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  background: transparent;
  padding: 0;
  height: 32px;
  width: 35px;
}
button.wi-right-menu-manage-options__link > span {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
button.wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.wi-right-menu-manage-options__item--type-button button.wi-right-menu-manage-options__link {
  padding: 0 12px;
  color: #3697db;
  font-weight: 700;
  border: 2px solid #fff;
  width: inherit;
  border-radius: 3px;
  background-color: #fff;
  height: 34px;
}
.wi-right-menu-manage-options__item--type-button button.wi-right-menu-manage-options__link span {
  height: inherit;
  line-height: 36px;
}
.wi-right-menu-manage-options__item--type-button button.wi-right-menu-manage-options__link:focus-visible {
  box-shadow: none;
  background-color: #3697db;
  color: #fff;
  box-shadow: #ffffff 0px 0px 0px 2px;
}
.wi-right-menu-manage-options__item--type-button:not(.wi-right-menu-manage-options__item--disabled) button.wi-right-menu-manage-options__link:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
button.wi-right-menu-manage-options--engage-header {
  --icon-color: var(--engage-icon-color);
  --icon-focus-color: var(--engage-icon-focus-color);
  width: var(--engage-header-button-size);
  height: var(--engage-header-button-size);
}
button.wi-right-menu-manage-options--engage-header:focus-visible {
  --icon-color: var(--icon-focus-color);
  outline: none;
  border-radius: var(--em360-border-radius-full);
  background-color: var(--engage-focus-color);
}
button.wi-right-menu-manage-options--engage-header[aria-disabled=true] {
  opacity: var(--engage-aria-disabled-opacity);
}
.wi-right-menu-manage-options__link--dropdown {
  position: relative;
}
.wi-right-menu-manage-options__text {
  margin: 0;
  text-align: center;
  display: block;
}
.wi-right-menu-manage-options__text--text-only {
  line-height: 32px;
}
.wi-right-menu-manage-options-dropdown__body {
  text-transform: capitalize;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 0;
  color: #000;
  min-width: 120px;
  max-width: 280px;
}
.wi-right-menu-manage-options-dropdown__body.-wi-dropdown--bold .wi-right-menu-manage-options-dropdown__option-text {
  font-weight: bold;
}
.wi-right-menu-manage-options-dropdown__body ul li button,
.wi-right-menu-manage-options-dropdown__body ul li a {
  font-size: 13.65px;
  display: flex;
  padding: 0;
  align-items: center;
  padding: 0 20px;
  height: 46px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.wi-right-menu-manage-options-dropdown__body ul li button:focus-visible,
.wi-right-menu-manage-options-dropdown__body ul li a:focus-visible {
  background-color: #3697db;
  color: #fff;
}
.wi-right-menu-manage-options-dropdown__body ul li button:focus-visible svg path,
.wi-right-menu-manage-options-dropdown__body ul li a:focus-visible svg path {
  fill: #fff !important;
}
.wi-right-menu-manage-options.-wi-manage-options--dynamic-form .wi-right-menu-manage-options__item--type-button button {
  border-radius: 5px;
  background-color: #3697db;
  color: #fff;
}
.wi-right-menu-manage-options.-wi-manage-options--dynamic-form .wi-right-menu-manage-options__item--type-button button:hover {
  background-color: #3697db;
}
.wi-right-menu-manage-options-dropdown__option {
  margin: 0;
  height: 46px;
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.wi-right-menu-manage-options-dropdown__option button {
  border: none;
  background: transparent;
}
.wi-right-menu-manage-options-dropdown__option button:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.wi-right-menu-manage-options-dropdown__option.-disabled button {
  opacity: 0.5;
  cursor: default;
}
.wi-right-menu-manage-options-dropdown__option.-disabled button:not(:focus-visible) .wi-right-menu-manage-options-dropdown__option-text {
  color: #737373;
}
.wi-right-menu-manage-options-dropdown__option.-disabled button:not(:focus-visible):hover {
  background-color: transparent;
}
.wi-right-menu-manage-options-dropdown__option-icon {
  display: flex;
  padding: 11px;
  margin-left: -10px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  min-width: 24px;
}
.wi-right-menu-manage-options-dropdown__option-text {
  margin-right: 40px;
  margin-left: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wi-right-menu-manage-options-dropdown__option-text.-highlighted {
  font-weight: bold;
  color: #3697DB;
}
.wi-dropdown.-wi-dropdown--bold .wi-dropdown__value {
  font-weight: bold;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
a.wi-button {
  display: flex;
  box-sizing: border-box;
}
.wi-button {
  padding: 0px;
  border: none;
  border-radius: 50px;
  background-color: white;
  cursor: pointer;
  outline: none;
  display: block;
  /*for IE*/
  height: 34px;
  font-size: 14px;
  box-shadow: none;
  border: 1px solid #d8d8d8;
}
.wi-button > .flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-button.-title {
  padding: 2px 20px 2px 2px;
}
.wi-button.-title-only {
  padding: 2px 20px 2px 10px;
}
.wi-button.-wide {
  width: 100%;
}
.wi-button > .flex-container > .button-title {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  margin-left: 10px;
  text-align: left;
  color: #000000;
}
.wi-button.-wide > .flex-container > .button-title {
  text-align: center;
}
.wi-button.-icon-left {
  padding: 2px 2px 2px 20px;
}
.wi-button.-icon-left > .flex-container {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.wi-button.-icon-left > .flex-container > .button-title {
  margin-left: 0;
  margin-right: 10px;
  text-align: right;
  z-index: 1;
}
.wi-button.-circle {
  padding: 2px;
}
.wi-button.-circle > .flex-container > .button-title {
  display: none;
}
.wi-button .wi-button__icon,
.wi-button .wi-button__icon-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50px;
  z-index: 3;
}
.wi-button .wi-button__icon {
  width: 28px;
  height: 28px;
  background-color: #667071;
  position: relative;
}
.wi-button .wi-button__icon .wi-button__icon-image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
}
.wi-button .wi-button__icon-overlay {
  position: absolute;
  bottom: 2px;
  right: 3px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: #717171;
  color: white;
  margin-right: 0;
  text-align: center;
}
.wi-button.-highlighted--icon .wi-button__icon-overlay {
  background: #3697DB;
}
.wi-button.-highlighted--icon:focus-visible .wi-button__icon-overlay,
.wi-button:focus-visible .wi-button__icon-overlay {
  color: #000000;
  background-color: white;
}
.wi-button.-highlighted--full {
  border-color: #3697DB;
}
.wi-button.-highlighted--full .button-title {
  font-weight: bold;
  color: #3697DB;
}
.wi-button .wi-button__icon-text {
  color: white;
  font-weight: bold;
  font-family: arial;
  box-sizing: border-box;
  padding: 0 3px;
  z-index: 1;
  background-color: #667071;
  min-width: 28px;
  height: 28px;
}
.wi-button--selected .wi-button__icon-text,
.wi-button--selected .wi-button__icon {
  background-color: #3697db;
}
.wi-button.-hover:hover {
  background-color: #f5f5f5;
}
.wi-button.-hover:focus-visible {
  background-color: #3697db;
}
.wi-button--composite {
  box-shadow: none;
  border: none;
  z-index: 1;
}
.wi-button--composite.-hover:hover {
  background-color: white;
  z-index: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-button--left-joined {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.wi-button--right-joined {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 1px solid #f1f1f1;
}
.wi-button.-style-scheme-simple {
  border: none;
}
.wi-button.-style-scheme-simple .wi-button__icon {
  background-color: white;
}
.wi-button.-style-scheme-simple.-hover:hover .wi-button__icon {
  background-color: #f5f5f5;
}
.wi-button.-style-scheme-simple:focus-visible .wi-button__icon {
  background-color: #3697db;
}
.wi-button.-style-scheme-simple:focus-visible svg path {
  fill: white !important;
}
.wi-button.-style-scheme-info {
  background-color: #f1f1f1;
}
.wi-button.-style-scheme-dynamic-form-info {
  background-color: #f1f1f1;
  border: 1px solid rgba(102, 102, 102, 0.2);
  cursor: default;
}
.wi-button.-style-scheme-dynamic-form-info .wi-button__icon {
  background-color: #f1f1f1;
}
.wi-button.-style-scheme-dynamic-form-info:hover {
  background-color: #f1f1f1;
}
.wi-button.-wi-button--white,
.wi-button.-style-scheme-border {
  background-color: white;
}
.wi-button.-wi-button--white:hover,
.wi-button.-style-scheme-border:hover {
  background-color: white;
}
.wi-button.-wi-button--white .wi-button__icon,
.wi-button.-style-scheme-border .wi-button__icon {
  background-color: white;
}
.wi-button.-wi-button--white .wi-button__icon:hover,
.wi-button.-style-scheme-border .wi-button__icon:hover {
  background-color: white;
}
.wi-button.-wi-button--hover-shadow:hover,
.wi-button.-style-scheme-border:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-button.-style-scheme-borderless {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border: none;
}
.wi-button.-style-scheme-borderless.-hover:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  background-color: white;
}
.wi-button.-style-scheme-related-view {
  /*&:extend(.wi-button.-style-scheme-add-item all);*/
  border-radius: 10px;
  height: 28px;
  background-color: #f1f1f1;
  font-weight: bold;
  padding: 1px 15px 1px 5px;
}
.wi-button.-style-scheme-related-view .wi-button__icon {
  background-color: #f1f1f1;
  width: 24px;
  height: 24px;
}
.wi-button.-style-scheme-related-view .button-title {
  margin-left: 0;
}
.wi-button.-style-scheme-primary-action {
  border-radius: 3px;
  background-color: #3697db;
  border-color: #3697db;
  font-weight: bold;
  padding-right: 12px;
  padding-left: 12px;
}
.wi-button.-style-scheme-primary-action:focus-visible {
  box-shadow: 0 0 0 0px #fff, 0 0 0 2px #3697DB, 0 0 0 6px #fff;
  outline: 1px #fff solid;
}
.wi-button.-style-scheme-primary-action.-hover:hover {
  background-color: #3697db;
}
.wi-button.-style-scheme-primary-action .button-title {
  color: white;
  margin-left: 0;
}
.wi-button.-style-scheme-secondary-action {
  background-color: white;
  border-color: white;
  font-weight: bold;
  padding-right: 12px;
  padding-left: 12px;
}
.wi-button.-style-scheme-secondary-action:focus-visible {
  box-shadow: 0 0 0 0px #fff, 0 0 0 2px #3697DB, 0 0 0 6px #fff;
  outline: none;
}
.wi-button.-style-scheme-secondary-action.-hover:hover {
  background-color: white;
}
.wi-button.-style-scheme-secondary-action .button-title {
  color: #3697db;
  margin-left: 0;
}
.wi-button.-style-scheme-filters .wi-button__icon,
.wi-button.-style-scheme-filters--app-space .wi-button__icon {
  background-color: transparent;
}
.wi-button.-style-scheme-filters.-selected,
.wi-button.-style-scheme-filters--app-space.-selected {
  color: white;
  font-weight: bold;
  background-color: #3697db;
  border-color: #3697db;
}
.wi-button.-style-scheme-filters.-selected .button-title,
.wi-button.-style-scheme-filters--app-space.-selected .button-title {
  color: white;
  font-weight: bold;
}
.wi-button.-style-scheme-filters.-selected .wi-button__icon,
.wi-button.-style-scheme-filters--app-space.-selected .wi-button__icon {
  background-color: #3697db;
  border-color: #3697db;
}
.wi-button.-style-scheme-filters.-selected:hover,
.wi-button.-style-scheme-filters--app-space.-selected:hover {
  background-color: #227dbc;
  border-color: #227dbc;
}
.wi-button.-style-scheme-filters.-selected:hover .wi-button__icon,
.wi-button.-style-scheme-filters--app-space.-selected:hover .wi-button__icon {
  background-color: #227dbc;
  border-color: #227dbc;
}
/*TODO: reuse styles variables from search*/
.wi-button.-style-scheme-filters--app-space {
  border-radius: 10px;
  border: 1px solid #d8d8d8;
}
.wi-button.-style-scheme-filters--app-space .button-title {
  margin-left: 0px;
}
.wi-button.-style-scheme-filters--app-space.-title-only {
  padding-right: 10px;
}
.wi-button.-style-scheme-filters--app-space.-icon-left {
  padding-left: 10px;
}
.wi-button.-style-scheme-filters--app-space.-icon-left .button-title {
  margin-right: 0;
}
.wi-button.-style-scheme-filters--app-space:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
.wi-button.-style-scheme-filters--app-space.-wi-button--borderless {
  font-weight: bold;
  background-color: none;
  border-color: transparent;
}
.wi-button.-style-scheme-filters--app-space.-wi-button--borderless:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
.wi-button.-style-scheme-filters--app-space svg.-style-scheme-filters--app-space {
  width: 19px;
  height: 19px;
}
.wi-button.-style-scheme-add-item,
.wi-button.-style-scheme-add-item2 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border: none;
  background-color: #238e23;
}
.wi-button.-style-scheme-add-item .wi-button__icon,
.wi-button.-style-scheme-add-item2 .wi-button__icon {
  background-color: #238e23;
}
.wi-button.-style-scheme-add-item.-hover:hover,
.wi-button.-style-scheme-add-item2.-hover:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  background-color: #238e23;
}
/*
the numbers below just magic so that 

button left border <> icon: 10px offset
icon <> title: 6px offset

it not worth using less functions due to complexity
*/
.wi-button.-no-icon-background,
.wi-button.-style-scheme-special,
.wi-button.-style-scheme-simple,
.wi-button.-style-scheme-border {
  padding-right: 15px;
}
.wi-button.-no-icon-background .button-title,
.wi-button.-style-scheme-special .button-title,
.wi-button.-style-scheme-simple .button-title,
.wi-button.-style-scheme-border .button-title {
  margin-left: 4px;
}
.wi-button.-no-icon-background .wi-button__icon,
.wi-button.-style-scheme-special .wi-button__icon,
.wi-button.-style-scheme-simple .wi-button__icon,
.wi-button.-style-scheme-border .wi-button__icon {
  margin-left: 6px;
}
.wi-button.-no-icon-background:focus-visible .button-title,
.wi-button.-style-scheme-special:focus-visible .button-title,
.wi-button.-style-scheme-simple:focus-visible .button-title,
.wi-button.-style-scheme-border:focus-visible .button-title {
  color: white;
}
.wi-button.-style-scheme-add-item,
.wi-button.-style-scheme-add-item2 {
  padding-right: 20px;
}
.wi-button.-style-scheme-add-item .button-title,
.wi-button.-style-scheme-add-item2 .button-title {
  color: white;
  font-weight: 500;
  margin-left: 0;
}
.wi-button.-style-scheme-add-item .wi-button__icon,
.wi-button.-style-scheme-add-item2 .wi-button__icon {
  margin-left: 6px;
}
.wi-button.-style-scheme-add-item2 {
  border-radius: 10px;
}
.wi-button.-style-scheme-add-item2.-wi-button--launch-state {
  position: relative;
  overflow: hidden;
  color: #F3F5F7;
  background-color: #F3F5F7;
  box-shadow: none;
}
.wi-button.-style-scheme-add-item2.-wi-button--launch-state .flex-container {
  opacity: 0;
}
.wi-button.-style-scheme-add-item2.-wi-button--launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
  z-index: 4;
}
.wi-button.-style-scheme-add-item2.-wi-button--launch-state.-hover:hover {
  box-shadow: none;
  background-color: #F3F5F7;
}
.wi-button.-style-scheme-special {
  border-color: #d8d8d8;
}
.wi-button.-style-scheme-special.-title {
  color: #147bc2;
}
.wi-button.-style-scheme-special .wi-button__icon {
  background-color: white;
}
.wi-button.-style-scheme-special.-hover:hover .wi-button__icon {
  background-color: #f5f5f5;
}
.wi-button.-wi-button--purple {
  background-color: purple;
}
.wi-button.-wi-button--purple .wi-button__icon {
  background-color: purple;
}
.wi-button.-wi-button--purple.-hover:hover {
  background-color: purple;
}
.wi-button.-wi-button--icon-red .wi-button__icon {
  background-color: #e2261e;
}
.wi-button.-white {
  background-color: white;
}
.wi-button.-white .wi-button__icon {
  background-color: white;
}
.wi-button.-white.-hover:hover .wi-button__icon {
  background-color: #f5f5f5;
}
.wi-button.-wi-button--circle {
  padding: 2px;
}
.wi-button.-wi-button--circle.-icon-left > .flex-container > .button-title {
  display: none;
}
.wi-button.-wi-button--right-joint {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #f1f1f1;
}
.wi-button.-wi-button--right-joint.-title {
  padding: 2px 15px 2px 2px;
}
.wi-button.-wi-button--right-joint.-highlighted--full {
  border-right: 1px solid #3697DB;
}
.wi-button.-wi-button--left-joint {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wi-button.wi-disabled {
  cursor: default;
  opacity: 0.5;
}
.wi-button.wi-disabled > .wi-button--hover:hover {
  background-color: white;
}
.wi-button--widget,
.wi-button.-wi-button--workflow-option,
.wi-button.-wi-button--workflow-function {
  height: 34px;
  background-color: #fff;
  font-size: 14px;
  font-family: var(--em360-font-family);
}
.wi-button--widget .wi-button__icon,
.wi-button.-wi-button--workflow-option .wi-button__icon,
.wi-button.-wi-button--workflow-function .wi-button__icon {
  width: 30px;
  height: 30px;
}
.wi-button--widget .wi-button__icon-text,
.wi-button.-wi-button--workflow-option .wi-button__icon-text,
.wi-button.-wi-button--workflow-function .wi-button__icon-text {
  min-width: 30px;
  height: 30px;
  padding: 0 3px;
  box-sizing: border-box;
  color: white;
  font-weight: bold;
  font-family: arial;
  background-color: #667071;
}
.wi-button--widget-shadow,
.wi-button.-wi-button--workflow-option,
.wi-button.-wi-button--scrollable-container,
.wi-button.-wi-button--more-options {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.wi-button--widget-shadow:hover:not(.wi-disabled),
.wi-button.-wi-button--workflow-option:hover:not(.wi-disabled),
.wi-button.-wi-button--scrollable-container:hover:not(.wi-disabled),
.wi-button.-wi-button--more-options:hover:not(.wi-disabled) {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-button.-wi-button--workflow-option {
  border: none;
}
.wi-button.-wi-button--workflow-option.-button--placeholder:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.wi-button.-menu-mode-option {
  height: 28px;
  border-radius: 10px;
  /*display: inline-block;*/
}
.wi-button.-wi-button--workflow-function {
  height: 36px;
}
.wi-button.-wi-button--workflow-function:hover:not(.wi-disabled) {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-button.-wi-button--workflow-option.-button--0 {
  background-color: #e2261e;
}
.wi-button.-wi-button--workflow-option.-button--1 {
  background-color: #238e23;
}
.wi-button.-wi-button--workflow-option.-button--0 .button-title,
.wi-button.-wi-button--workflow-option.-button--1 .button-title,
.wi-button.-wi-button--workflow-option.-button--2 .button-title {
  color: white;
  font-weight: 500;
}
.wi-button.-wi-button--workflow-option.-button--placeholder {
  background-color: #e0e0e0;
}
.wi-button.-wi-button--workflow-option.-button--placeholder .button-title {
  color: black;
  font-weight: 500;
}
.wi-button.-wi-button--scrollable-container,
.wi-button.-wi-button--scrollable-header {
  height: unset;
  width: unset;
  background-color: white;
  border-radius: 50px;
}
.wi-button.-wi-button--scrollable-container .wi-button__icon,
.wi-button.-wi-button--scrollable-header .wi-button__icon {
  background: none;
}
.wi-button.-wi-button--scrollable-container {
  height: 50px;
  width: 50px;
}
.wi-button.-wi-button--more-options {
  background-color: white;
  border-radius: 50px;
}
.wi-button.-wi-button--more-options .wi-button__icon {
  background: none;
}
.-menu-mode-more .wi-button.-wi-button--more-options {
  background-color: transparent;
  border-radius: inherit;
  border: 0;
  box-shadow: none;
  left: 17px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
}
.-menu-mode-more .wi-button.-wi-button--more-options .wi-button__icon {
  background: none;
}
.-menu-mode-more .wi-button.-wi-button--more-options:hover:not(.wi-disabled) {
  box-shadow: none;
  background-color: #ffffff;
}
.-menu-mode-more .wi-button.-wi-button--more-options:hover:not(.wi-disabled) .wi-button__icon svg path {
  fill: #3697DB;
}
.wi-button.-style-scheme-dropdown--app-space-filters {
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
}
.wi-button.-style-scheme-dropdown--app-space-filters .wi-button__icon {
  height: 25px;
  width: 25px;
  background: transparent;
}
.wi-button.-style-scheme-dropdown--app-space-filters .button-title {
  margin-left: 0px;
}
.wi-button.-style-scheme-dropdown--app-space-filters.-title-only {
  padding-right: 10px;
}
.wi-button.-style-scheme-dropdown--app-space-filters.-icon-left {
  padding-left: 10px;
}
.wi-button.-style-scheme-dropdown--app-space-filters.-icon-left .button-title {
  margin-right: 0;
}
.wi-button.-style-scheme-dropdown--app-space-filters:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
.wi-button.-style-scheme-dropdown--app-space-filters:focus-visible {
  border: 1px solid #3697DB;
  outline: none;
}
.wi-button.-style-scheme-dropdown--app-space-filters.-wi-button--borderless {
  font-weight: bold;
  background-color: none;
  border-color: transparent;
}
.wi-button.-style-scheme-dropdown--app-space-filters.-wi-button--borderless:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
.wi-button.-wi-button--launch-state,
.wi-button.-wi-button--launch-state-with-title {
  overflow: hidden;
  cursor: progress;
}
.wi-button.-wi-button--launch-state > .flex-container,
.wi-button.-wi-button--launch-state-with-title > .flex-container {
  position: relative;
}
.wi-button.-wi-button--launch-state > .flex-container > .wi-button__icon-text,
.wi-button.-wi-button--launch-state-with-title > .flex-container > .wi-button__icon-text {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
.wi-button.-wi-button--launch-state > .flex-container:after,
.wi-button.-wi-button--launch-state-with-title > .flex-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
  z-index: 2;
}
.wi-button.-wi-button--launch-state > .flex-container > .button-title {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  overflow: hidden;
}
.wi-button.-wi-button--radius10 {
  border-radius: 10px;
}
.wi-button__composite-container {
  display: flex;
  position: relative;
}
.wi-button__composite-container .wi-button {
  z-index: 2;
}
.wi-button__composite-container .wi-button:hover {
  z-index: 1;
}

/* This comment will be in result CSS */
/* Custom */
.wi-text-edit-menu__content-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-text-edit-menu__textarea {
  margin: 0px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  padding: 18px;
  font-size: 17px;
  line-height: 26px;
}
.wi-text-edit-menu__input {
  border: none;
  padding: 18px;
  width: 100%;
  height: 61px;
  font-size: 17px;
  line-height: 26px;
  box-sizing: border-box;
  background-color: transparent;
  border-bottom: 1px solid #d4d4d4;
}

/* This comment will be in result CSS */
/* Custom */
.wi-right-menu-input__checkbox {
  width: 35px;
  height: 14px;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
}
.wi-right-menu-input__checkbox-slider-window {
  width: 35px;
  height: 14px;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.wi-right-menu-input__checkbox-slider {
  position: absolute;
  width: 70px;
  height: 14px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  left: -35px;
  transition: left 0.1s ease-in 0s;
}
.wi-right-menu-input__checkbox-slider--checked {
  left: 0px;
}
.wi-right-menu-input__checkbox-slider-part {
  width: 35px;
  height: 14px;
  background-color: #d5d5d5;
  border-radius: 25px;
}
.wi-right-menu-input__checkbox-slider-part--checked {
  background-color: rgba(54, 151, 219, 0.498039);
}
.wi-right-menu-input__checkbox-tick {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #999999;
  border: 1px solid #999999;
  position: absolute;
  top: -3px;
  left: -2px;
  transition: left 0.1s ease-in 0s;
}
.wi-right-menu-input__checkbox-tick--checked {
  left: 18px;
  background-color: #3697db;
  border: 1px solid #3697db;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-right-menu-input-select-button__info-item {
  display: inline;
}
.wi-right-menu-input-select-button__info-item:not(:first-child):before {
  content: " \2022 ";
  padding: 0;
  margin: 0 1px 0 2px;
}
.wi-right-menu-input-select-button__label--error {
  padding-left: 4px;
}
.wi-right-menu-input-select-button__info-item--secondary {
  opacity: 0.7;
  color: #4997dc;
}
.wi-right-menu-input-select-button__info-item--secondary:not(:first-child):before {
  content: " | ";
  padding: 0;
  margin: 0 1px 0 2px;
}
.wi-right-menu-input-select-button__info-item.--icon svg {
  display: inline;
  vertical-align: bottom;
  width: 1.25em;
  height: 1.25em;
  position: relative;
  bottom: 0.05em;
  fill: rgba(113, 113, 113, 0.5);
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-action-button {
  padding: 0 10px;
  border: 2px solid #fff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  height: 34px;
  box-sizing: border-box;
  background-color: #3697db;
  color: #fff;
  margin: 15px 18px;
  text-align: center;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  line-height: 32px;
}
.wi-action-button--disabled {
  opacity: 0.5;
  cursor: default;
}
.wi-action-button:hover:not(.wi-action-button--disabled) {
  background-color: rgba(54, 151, 219, 0.9);
}

.wi-file-input__input {
  display: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.right-menu-input-bar-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  color: #000000;
  padding: 0 20px;
  background: transparent;
  border-width: 0 0 1px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #d4d4d4;
}
.right-menu-input-bar-button:hover {
  background-color: #f1f1f1;
}
.right-menu-input-bar-button:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.right-menu-input-bar-button:focus-visible path,
.right-menu-input-bar-button:focus-visible circle {
  fill: #fff !important;
}
.right-menu-input-bar-button--blue {
  border-bottom: none;
  background-color: #3697db;
  color: #ffffff;
}
.right-menu-input-bar-button--blue:hover {
  background-color: #3697db;
}
.right-menu-input-bar-button--blue .right-menu-input-bar-button__icon:focus-visible {
  outline-color: white;
}
.right-menu-input-bar-button--focusable:focus-within {
  outline: 0;
  background-color: #ffffff;
  color: var(--engage-focus-color);
}
.right-menu-input-bar-button--focusable:focus-within path {
  fill: var(--engage-focus-color) !important;
}
.right-menu-input-bar-button--focusable .right-menu-input-bar-button__icon:focus-visible {
  outline: none;
}
.right-menu-input-bar-button__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 20px;
}
.right-menu-input-bar-button__icon {
  padding: 0;
  border: 0;
  background: transparent;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 19px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.right-menu-input-bar-button__icon svg {
  width: 100%;
  height: 100%;
}
.right-menu-input-bar-button__icon .ui-x-tagBackArrow-icn path,
.right-menu-input-bar-button__icon.ui-x-tagBackArrow-icn path {
  stroke: white;
  fill: white;
}
.right-menu-input-bar-button__icon:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
  border-radius: var(--engage-focusable-element-border-radius);
}
.right-menu-input-bar-button__addition {
  margin-right: 2px;
  margin-left: 10px;
}
.right-menu-input-bar-button__min-height-workaround {
  height: 49px;
}
/*.wi-filter-menu-bar-button__icon {
	

	&--star {
		path {
			stroke: none
		}

		path:first-child {
			fill: #327eb5;
			stroke: #327eb5;
		}
	}

	&--star-selected {
		path:first-child {
			fill: white;
			stroke: white;
		}
	}
}*/

/*    HEADER    */
.ui-x-header1 {
  background-color: #0f0f0f;
  /*background-image:url("/BaseTheme/headerImage.jpg");*/
}
.quick-view .ui-x-header1 {
  background-color: #dcdcdc;
}
/*   HEADER > HEADER   */
.ui-x-header1 {
  color: #fff;
}
/*   HEADER > TITLE   */
.ui-x-header-title-container1 {
  /*background-color:rgba(158, 158, 158, 0.1);*/
  /*background-color:rgba(158, 158, 158, 0.2);*/
  /*box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.15);*/
  font-family: var(--em360-font-family);
  font-weight: normal;
}
.ui-x-title-title1 {
  font-size: 30px;
}
.ui-x-title-titleSm1 {
  font-size: 30px;
}
.ui-x-title-subtitle {
  font-size: 44%;
  font-weight: 300;
}
.ui-x-header-options1 span {
  font-size: 81%;
  color: #FFFFFF;
}
/*   HEADER > INFO   */
.ui-x-header-info1 ul li {
  font-size: 81%;
  color: #bab9b5;
  font-weight: 400;
  /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
}
.ui-x-header-info1.ui-x-hideTitle1 ul li {
  font-size: 88%;
  color: #FFF;
}
.ui-x-header-info1 ul li.ui-x-item-highlight-date {
  color: #C2070C;
}
.ui-x-header-info1 ul li.ui-x-item--action {
  cursor: pointer;
  font-weight: bold;
  color: white;
}
.ui-x-header-options1 .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-options1 .ui-x-option--highlight .ui-x-option-overlay-value {
  background: #3697DB;
  color: white;
}
/*   HEADER > HEADER   */
.ui-x-header1 {
  /*height: 299px;*/
  width: 100%;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding-top: 53px;
  z-index: 3;
  /* PM - was 3 but changed due to new feed item indexing (12/12/14) */
  position: relative;
}
@media (max-width: 600px) {
  .ui-x-header1 {
    padding-top: 103px;
  }
}
/* added for new state changes to be smoother etc*/
.ui-x-header-image1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  background-position: center center;
  background-size: cover;
}
.ui-x-header1.ui-x-scrolled {
  padding-top: 50px;
}
/*   HEADER > TITLE   */
.ui-x-header-title1 {
  margin: 0 auto;
  width: 79%;
}
.ui-x-scrolled .ui-x-header-title1 {
  visibility: hidden;
}
.ui-x-header-title-container1 {
  float: left;
  /*min-width: 273px;*/
  width: auto;
  /*min-height: 84px;*/
  margin-left: 55px;
  /*margin-right:32px;*/
}
.ui-x-header-content-fixed1 .ui-x-header-title-container1 {
  margin: 0;
}
.ui-x-title-titleSm1,
.ui-x-title-title1 {
  line-height: 1.3;
  /*padding: 0 0 0 20px;*/
  overflow: hidden;
}
.ui-x-title-title-container1 {
  float: left;
  /*max-width: 650px;*/
}
.ui-x-title-title1 {
  float: left;
  font-size: 190%;
  max-width: 650px;
}
.ui-x-header-title--data1 .ui-x-title-title1,
.ui-x-header-title--content1 .ui-x-title-title1 {
  max-width: none;
}
.ui-x-title-title1.ui-x-readonly {
  color: #c4c4c4;
}
.ui-x-title-titleSm1 p,
.ui-x-title-title1 p {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
  color: #fff;
}
/*   HEADER > CONTENT   */
.ui-x-header-content1 {
  max-width: 1188px;
}
.ui-x-header-content-fixed1 {
  margin: 0 auto;
  max-width: 1188px;
}
.ui-x-header-title--data1 {
  max-width: 1248px;
  /*1 @header-content-inner-min-width */
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-fixed1 {
  max-width: eno1ne;
  margin: 0;
}
.ui-x-header-content-fixed1.ui-x-header-content-fluid1 {
  margin: 0 auto;
  max-width: 94%;
}
.ui-x-header-content-fixed1.ui-x-header-content-middle1 {
  margin: 0 auto;
  max-width: 862px;
}
.ui-x-header-content-fixed1.ui-x-header-title--mobileFluid1 {
  width: 100%;
}
@media (min-width: 601px) {
  /*@left-bar-visibility-min*/
  .ui-x-header-content-fixed1.ui-x-header-title--mobileFluid1 {
    width: 94%;
    /*@large-screen-content-container-rules();*/
  }
}
@media (min-width: 1330px) {
  /* @data-content-wide-breakpoint*/
  .ui-x-header-content-fixed1.ui-x-header-title--data1 {
    width: 100%;
  }
}
.ui-x-header-cont1ent-fixed1.ui-x-header-content--narrow1 {
  max-width: 798px;
}
@media (min-width: 1270px) {
  .ui-x-header-content-fixed1.ui-x-header-content--narrow1 {
    max-width: 1090px;
  }
}
.ui-x-header-content-inner1 {
  padding: 20px 0 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  border-radius: 2px 2px 0 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
}
.ui-x-header-title--data1 .ui-x-header-content-inner1,
.ui-x-header-title--content1 .ui-x-header-content-inner1 {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  padding-bottom: 0;
}
.ui-x-header-title--data1 .ui-x-header-title1,
.ui-x-header-title--data1 .ui-x-header-optionsbar1 {
  width: auto;
  margin: 0 20px;
}
@media (min-width: 601px) {
  /*@left-bar-visibility-min*/
  .ui-x-header-title--data1 .ui-x-header-title1,
  .ui-x-header-title--data1 .ui-x-header-optionsbar1 {
    margin: 0 30px;
  }
}
.ui-x-header-title--data1 .ui-x-header-info1,
.ui-x-header-title--content1 .ui-x-header-info1 {
  min-height: 29px;
}
.ui-x-header-title--data1 .ui-x-header-info1 ul,
.ui-x-header-title--content1 .ui-x-header-info1 ul {
  padding: 1px 0;
}
.ui-x-header-title--data1 .ui-x-title-title1 p,
.ui-x-header-title--content1 .ui-x-title-title1 p {
  font-size: 32px;
  font-weight: bold;
  color: #000000;
}
.ui-x-header-title--data1 .ui-x-header-info1 ul li,
.ui-x-header-title--content1 .ui-x-header-info1 ul li {
  font-size: 13px;
  color: #717171;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-inner1 {
  padding: 20px 60px 15px;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-inner1.ui-x-hideTitle1 {
  padding: 8px 60px;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-title1 {
  width: auto;
  margin: 0;
}
.ui-x-header-content1 .ui-x-header-title1.ui-x-noInf0Bar {
  float: left;
  padding-left: 60px;
  width: auto;
  margin: 6px 0;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-title1.ui-x-noInf0Bar {
  float: left;
  padding: 0;
  margin-bottom: 12px;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-title1--no-margin.ui-x-noInf0Bar {
  margin: 0;
}
.ui-x-header-optionsbar1 {
  /*height: 45px;*/
  width: 79%;
  margin: 0 auto;
  /*background-color: rgba(0, 0, 0, 0.33);*/
}
.ui-x-header-optionsbar1.ui-x-noInf0Bar {
  float: right;
  width: inherit;
  margin: 6px 0;
}
.ui-x-header-optionsbar1.ui-x-noInf0Bar .ui-x-header-options1 {
  padding-right: 60px;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-optionsbar1.ui-x-noInf0Bar .ui-x-header-options1 {
  padding: 0;
}
.ui-x-scrolled .ui-x-header-optionsbar1 {
  background-color: transparent;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-optionsbar1 {
  width: 100%;
  float: left;
}
.ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-optionsbar1.ui-x-noInf0Bar {
  width: inherit;
  float: right;
}
.ui-x-header-content-fixed1 .ui-x-header-info1,
.ui-x-header-content-fixed1 .ui-x-header-options1 {
  margin: 0;
}
/*   HEADER > INFO   */
.ui-x-header-info1 {
  /*background-color: rgba(158, 158, 158, 0.2);*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  float: left;
  min-height: 45px;
  /*line-height: 45px;*/
  padding: 0;
  position: relative;
  margin-left: 55px;
  /*opacity: 0.75;*/
}
.ui-x-header-info1 ul {
  padding: 11px 0;
}
.ui-x-scrolled .ui-x-header-info1 {
  visibility: hidden;
}
.ui-x-header-info1 ul li {
  display: inline-block;
  margin-right: 3px;
  white-space: nowrap;
}
.ui-x-header-info1 ul li + li:before {
  content: " \2022 ";
  padding: 0;
}
.ui-x-header-info1 ul li + li.ui-x-item--action:before {
  font-weight: normal;
  color: #bab9b5;
}
.ui-x-header-info1 ul li span.ui-x-loading-icn {
  padding: 0 10px;
}
.ui-x-header-info1 ul li .ui-x-loading-icn {
  height: 25px;
  left: 0;
  margin-left: 0 !important;
  position: absolute;
  top: 5px;
  width: 25px;
}
/*   HEADER > OPTIONS   */
.ui-x-header-options1 {
  /*right: 0;*/
  /*bottom: 0;*/
  /*float: right;*/
  margin-right: 55px;
}
.ui-x-scrolled .ui-x-header-options1 {
  visibility: hidden;
}
.ui-x-header-options1 ul {
  float: right;
}
.ui-x-header-options1 .ui-x-floatRight {
  margin-left: 6px;
}
.ui-x-header-options1 ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  /*min-height: 87px;*/
}
.ui-x-header-options1 ul li.ui-x-showBorder {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 7px;
  padding-right: 12px;
}
.ui-x-header-options1 ul li a {
  min-width: 45px;
  height: 45px;
  display: block;
  cursor: default;
  text-align: center;
}
.ui-x-header-options1 a.ui-x-background {
  background-color: rgba(0, 0, 0, 0.25);
}
.ui-x-header-options1 ul li a.ui-x-option-button {
  cursor: pointer;
  position: relative;
}
.ui-x-header-options1 ul li.ui-x-background-colour-0 a.ui-x-option-button {
  background-color: #cc3232;
}
.ui-x-header-options1 ul li.ui-x-background-colour-1 a.ui-x-option-button {
  background-color: #238e23;
}
.ui-x-header-options1 a.ui-x-textOnlyMode {
  border: 1px solid #ffffff;
  border-radius: 2px;
  height: 35px;
  padding: 0 15px;
  text-align: center;
  margin-top: 1px;
  margin-right: 6px;
  min-width: 68px;
}
.ui-x-header-options1 .ui-x-disabled a.ui-x-textOnlyMode {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-x-header-options1 ul li a.ui-x-alertMode {
  background-color: #e2261e;
}
.ui-x-header-options1 ul li a.ui-x-option-button.ui-x-hover-active:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
}
.ui-x-header-options1 ul li a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover {
  background-color: #ffffff;
  border-radius: 2px;
}
.ui-x-header-options1 ul li.ui-x-disabled a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-x-header-options1 span {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  margin-right: 15px;
}
.ui-x-header-options1 span.ui-x-icn {
  background-image: none;
  height: 45px;
  width: 45px;
  margin: 0;
  text-align: center;
}
.ui-x-header-options1 a.ui-x-textOnlyMode span {
  height: 35px;
  margin: 0;
  line-height: 35px;
  font-size: 14px;
}
.ui-x-header-options1 ul li a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover span {
  color: #000000;
}
.ui-x-header-options1 span.ui-x-option-overlay-value {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: white;
  color: #717171;
  margin-right: 0;
  text-align: center;
}
.ui-x-header-options1 span.ui-x-icn.ui-x-loading-icn {
  left: 0;
}
.ui-x-header-options1 span.ui-x-icn.ui-x-loading-icn svg {
  height: 37px;
  margin: 4px 0;
  width: 37px;
}
.ui-x-header-options1 span.ui-x-icn.ui-x-loading-icn svg path {
  stroke: #fff !important;
}
.ui-x-header-options1 li.ui-x-disabled a.ui-x-option-button span.ui-x-loading-icn {
  opacity: 1;
}
.ui-x-header-options1 svg {
  width: 24px;
  height: 24px;
  margin: 11px 0;
  display: inline-block;
  background-image: none;
}
.ui-x-header-options1 ul li a.ui-x-option-dropdown span.ui-x-dropdown-icn {
  height: 41px;
  margin: 0 15px 0 0;
}
.ui-x-header-options1 li.ui-x-disabled a.ui-x-option-button {
  cursor: default;
}
.ui-x-header-options1 ul li.ui-x-disabled a.ui-x-option-button:hover {
  background: none;
}
.ui-x-header-options1 ul li.ui-x-disabled a.ui-x-option-button.ui-x-alertMode:hover {
  background-color: #e2261e;
}
.ui-x-header-options1 li.ui-x-disabled a.ui-x-option-button span {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-header-optionsbar1 {
  top: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 50px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-header-options1,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-header-options1 {
  float: right;
  margin: 3px 10px 0;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-header-options1 ul li,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-header-options1 ul li {
  float: left;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-header-options-title1,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-header-options-title1 {
  float: left;
  margin: 0 0 0 25px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-header-options-title1 {
  max-width: 120px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .loaderContainer,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .loaderContainer {
  position: relative;
  left: inherit;
  top: 12px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-loading-icn svg,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-loading-icn svg {
  width: 32px;
  height: 32px;
  margin: 6px 0;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 .ui-x-loading-icn svg path,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-loading-icn svg path {
  stroke: #FFFFFF !important;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 {
  background-color: rgba(0, 0, 0, 0.5);
  height: 50px;
  position: absolute;
  top: 0;
  width: inherit;
}
.ui-x-widget-forms-title-banner .ui-x-title-title-container1 {
  max-width: 700px;
}
.ui-x-widget-forms-title-banner .ui-x-title-title-container1.ui-x-no-thumb-admin {
  margin-left: 25px;
}
.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-title-title1 {
  color: #ffffff;
  float: none;
  margin: 0 auto;
  max-width: inherit;
  padding: 22px 0;
  width: 77%;
}
.ui-x-widget-forms-title-banner.ui-x-slideActive:not(.ui-x-publishMode) .ui-x-title-title1 {
  width: 81%;
}
.ui-x-widget-forms-title-banner .ui-x-title-title1 .ui-x-countdown,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm1 .ui-x-countdown {
  font-size: 27.174%;
  line-height: 1;
  color: #FFF;
  display: block;
  clear: both;
  height: auto;
  padding: 0;
}
.ui-x-widget-forms-title-banner .ui-x-title-title1 div,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm1 div:first-child {
  color: #ffffff;
  display: table-cell;
  line-height: normal;
  /*min-width: 645px;*/
  outline: medium none;
  vertical-align: middle;
  word-wrap: break-word;
}
.ui-x-widget-forms-title-banner .ui-x-title-titleSm1 .ui-x-title-subtitle div {
  padding: 0;
  height: auto;
  max-width: 620px;
  min-width: 615px;
}
.ui-x-widget-forms-title-banner .ui-x-title-title1 div.ui-x-placeholder-val,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm1 div.ui-x-placeholder-val {
  /*color: #D4D4D4;*/
  /*color: #EEECEC;*/
  color: #C4C4C4;
  min-width: 645px;
}
.ui-x-datapanel-header-preview .ui-x-title-title1 {
  font-size: 16px;
  max-width: 135px;
  height: 85px;
}
.ui-x-datapanel-header-preview .ui-x-title-title1 p {
  height: 85px;
  padding-right: 10px;
}
/* catch all for anything below default content width (1188) + padding */
@media (max-width: 1200px) {
  /* header margins */
  .ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-inner1 {
    padding: 20px 18px 15px 27px;
  }
  .ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-inner1.ui-x-hideTitle1 {
    padding: 8px 18px 8px 27px;
  }
}
/* header > title */
.ui-x-responsive .ui-x-header-title1 {
  width: calc(100% - 50px);
  /*width: auto;*/
  /*margin-bottom: 5px;*/
}
.ui-x-responsive .ui-x-header-title-container1 {
  /*padding:0 13px;*/
  /*background-color: rgba(158, 158, 158, 0.2);*/
  /*min-width: 107px;*/
  min-height: inherit;
  float: none;
  /*width: 100%;*/
  margin: 0;
}
.ui-x-responsive .ui-x-title-title-container1 {
  max-width: 100%;
  float: none;
}
.ui-x-responsive .ui-x-datapanel-header-preview .ui-x-title-title1 {
  max-width: 245px;
}
.ui-x-responsive .ui-x-title-titleSm1 {
  line-height: normal;
  margin: 0 auto;
  padding: 0;
  width: 85%;
}
.ui-x-responsive .ui-x-title-titleSm1 p {
  display: table-cell;
  font-size: 100%;
  font-weight: 400;
  height: auto;
  line-height: 1.2;
  vertical-align: middle;
  padding: 0 !important;
}
/* header > content */
.ui-x-responsive .ui-x-header-content-fixed1 {
  max-width: 100%;
  /*width: 100%;
        padding: 0;*/
}
/* header > options */
.ui-x-responsive .ui-x-header-optionsbar1 {
  width: calc(100% - 50px);
  /*background-color: transparent;
        height: auto;
		width: 100%;*/
}
.ui-x-responsive .ui-x-title-banner-content-thumb .ui-x-header-optionsbar1 {
  width: inherit;
}
.ui-x-responsive .ui-x-widget-forms-title-banner .ui-x-header-optionsbar1 .ui-x-header-options1 {
  float: none;
  margin: 0;
}
.ui-x-responsive .ui-x-header-options1 ul li {
  display: inline-block;
  float: none;
}
.ui-x-responsive .ui-x-header-options1 ul li a:hover {
  background-color: transparent;
}
.ui-x-responsive .ui-x-header-options1 .ui-x-subscribe-icn {
  background-position: 0 -1055px;
}
/* drop down menu - mobile */
.ui-x-responsive .ui-x-header-options1 .ui-x-dropdown-container {
  top: 42px;
}
/* ---------------------------------- */
/* --------- DISPLAY MODE 4 --------- */
/* ---------------------------------- */
@media (max-width: 450px) {
  /* feed header */
  .ui-x-header-content1.ui-x-header-content-fluid1 .ui-x-header-content-inner1 {
    padding: 20px 11px 15px 12px;
  }
  .ui-x-crumbtrail-list {
    margin: 0 12px;
  }
  /* article header */
  .ui-x-responsive .ui-x-header-optionsbar1,
  .ui-x-responsive .ui-x-header-title1 {
    width: calc(100% - 40px);
  }
}
/* ---------------------------------- */
/* ----------DISPLAY MODE 2---------- */
/* ---------------------------------- */
/* TABTOP VIEW WIDTHS */
/* 3 columns @ 273px card width */
@media (min-width: 720px) and (max-width: 899px) {
  .ui-x-responsive .ui-x-title-title-container1 {
    max-width: 560px;
  }
  .ui-x-responsive .ui-x-datapanel-header-preview .ui-x-title-title1 {
    font-size: 16px;
  }
  /* header > options */
  .ui-x-responsive .ui-x-header-options1 ul {
    float: right;
  }
}

/* This comment will be in result CSS */
/* Custom */
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.wi-header-bar-item {
  border: none;
  padding: 0;
  height: 24px;
  width: 24px;
  background-color: transparent;
  position: relative;
}
.wi-header-bar-item:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3697DB, 0 0 0 6px #fff !important;
  outline: 2px solid transparent !important;
}
.wi-header-bar-item__indicator {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #e2261e;
  -webkit-animation: pulse-dot 1s ease 0s 5 alternate;
  animation: pulse-dot 1s ease 0s 5 alternate;
  height: 10px;
  width: 10px;
  position: absolute;
  right: -1px;
  top: -1px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-header-bar {
  /*width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 5;*/
  /*transition: margin 0.3s;*/
}
@media (max-width: 600px) {
  .wi-header-bar {
    position: fixed;
    z-index: 1;
    background-color: white;
    -webkit-transition: -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    width: 100%;
  }
  .wi-header-bar.--mobile-hide {
    transform: translateY(-111px);
  }
  .wi-header-bar.--mobile-nav-only {
    transform: translateY(-56px);
  }
}
.wi-header-bar__top-element {
  left: 0;
  top: 0;
  position: relative;
  height: 55px;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  background-color: #ffffff;
  /*-webkit-transition: -webkit-transform 0.3s;
	.transition(~'transform 0.3s');*/
  /*&.--mobile-hide {*/
  /*top: -50px;*/
  /*transform: translateY(-50px);
	}*/
  /*@media (min-width: 601px) {
		box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px;
	}*/
}
@media (max-width: 600px) {
  .wi-header-bar__top-element {
    border-bottom: 1px solid #d8d8d8;
  }
}
.wi-header-bar__top-element .wi-header-bar__searchbox-button {
  max-width: 516px;
  margin: 11px auto 10px auto;
  display: none;
  flex: 1 0 auto;
}
@media (min-width: 601px) {
  .wi-header-bar__top-element .wi-header-bar__searchbox-button {
    display: flex;
  }
}
.wi-header-mobile-nav {
  /*left: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: -webkit-transform 0.3s;
	.transition(~'transform 0.3s');*/
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  /*&.--mobile-hide {
		transform: translateY(-103px);
	}

	&.--mobile-nav-only {
		transform: translateY(-53px);
	}*/
}
@media (min-width: 601px) {
  .wi-header-mobile-nav--mobile {
    display: none;
  }
}
@media (max-width: 600px) {
  .wi-header-mobile-nav--tablet {
    display: none;
  }
}
@media (min-width: 1025px) {
  .wi-header-mobile-nav--tablet {
    display: none;
  }
}
.wi-header-mobile-nav .wi-header-mobile-nav__scrollable-container {
  border-bottom: 1px solid #d8d8d8;
  flex-grow: 1;
}
.wi-header-mobile-nav .wi-header-mobile-nav__fade-out-element {
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
/*.wi-header-bar__menu-button {
	position: absolute;
}*/
.wi-header-bar__items {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.wi-header-bar__item {
  margin-right: 14px;
  display: flex;
  align-items: center;
}
@media (min-width: 601px) {
  .wi-header-bar__item.-search-box {
    display: none;
  }
}
.wi-header-bar__profile-button {
  display: flex;
  margin-right: 17px;
  /*& > div {
		@media (max-width: 600px) {
			border-right: 1px solid #f1f1f1
		}
	}*/
}
.wi-header-bar__logo {
  height: 100%;
  width: 125px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.wi-header-bar__logo-link {
  display: flex;
}
.wi-header-bar__logo-link:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3697DB, 0 0 0 6px #fff;
  outline: 0;
  /*box-shadow: 0 0 0 2px #fff,0 0 0 4px #3697DB,0 0 0 6px #fff !important;
		outline: 2px solid transparent !important;*/
}
.wi-header-bar__logo-link-image {
  height: 40px;
  max-width: 125px;
}
.wi-header-bar__nav {
  flex: 1;
  padding-left: 15px;
  min-width: 0;
}
.wi-header-bar__nav.--mobile-mode {
  padding: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-scrollable-container--react {
  display: flex;
  align-items: stretch;
  position: relative;
  min-width: 1px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--searchbar-tags {
  height: 33px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--searchbar-tags .wi-scrollable-container--react__wrapped-to-fix-right-padding {
  display: flex;
  align-items: center;
  height: 33px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--searchbar-tags .wi-scrollable-container--react__fade-out {
  height: 33px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wi-scrollable-container--react.wi-scrollable-container--react--searchbar-tags .wi-scrollable-container--react__button {
  width: 33px;
  height: 33px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--searchbar-tags .wi-scrollable-container--react__button-icon {
  width: 17px;
  height: 17px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--app-space-navigation {
  height: 60px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--app-space-navigation .wi-scrollable-container--react__wrapped-to-fix-right-padding {
  display: flex;
  align-items: center;
  height: 60px;
}
.wi-scrollable-container--react.wi-scrollable-container--react--app-space-navigation .wi-scrollable-container--react__fade-out {
  background-image: linear-gradient(to right, #f1f1f1, rgba(255, 255, 255, 0));
}
.wi-scrollable-container--react__wrapped-to-fix-right-padding {
  display: flex;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.wi-scrollable-container--react__navigate-button {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -12px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s, visibility 0s;
  -moz-transition: opacity 0s, visibility 0s;
  -ms-transition: opacity 0s, visibility 0s;
  -o-transition: opacity 0s, visibility 0s;
  transition: opacity 0s, visibility 0s;
}
.wi-scrollable-container--react__navigate-button.-right {
  left: auto;
  right: -12px;
}
.wi-scrollable-container--react__navigate-button--fade-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -moz-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -ms-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
}
.wi-scrollable-container--react__more-options-wrapper {
  right: 0;
  position: absolute;
  z-index: 2;
  display: flex;
  height: 100%;
  align-items: center;
  transform: translate3d(0, 0, 0);
}
.wi-scrollable-container--react__more-options-wrapper.-menu-mode-more {
  width: 54px;
  height: 40px;
}
.wi-scrollable-container--react__more-options {
  width: 34px;
  height: 34px;
  position: absolute;
  left: -7px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
}
.wi-scrollable-container--react__more-options-fade-out {
  width: 10px;
  height: 100%;
  background-color: #ffffff;
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.-menu-mode-more .wi-scrollable-container--react__more-options-fade-out {
  background-color: #f1f1f1;
  background: linear-gradient(to left, #f1f1f1, rgba(241, 241, 241, 0));
}
.wi-scrollable-container--react__more-options-mask {
  height: 100%;
  width: 9px;
  background-color: white;
}
.-menu-mode-more .wi-scrollable-container--react__more-options-mask {
  width: 13px;
  background-color: #f1f1f1;
}
.wi-scrollable-container--react__fade-out {
  width: 10px;
  position: absolute;
  top: 50%;
  height: 100%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s, visibility 0s;
  -moz-transition: opacity 0s, visibility 0s;
  -ms-transition: opacity 0s, visibility 0s;
  -o-transition: opacity 0s, visibility 0s;
  transition: opacity 0s, visibility 0s;
}
.wi-scrollable-container--react__fade-out.-right {
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%) scaleX(-1);
  -ms-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
}
.wi-scrollable-container--react__fade-out--fade-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -moz-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -ms-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
}
.wi-scrollable-container--react__scrollable-area {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: auto;
  min-width: 1px;
  position: relative;
  z-index: 1;
}
.wi-scrollable-container--react__scrollable-area::-webkit-scrollbar {
  /* Hide scrollbar for IE, Edge and Firefox */
  display: none;
}
.-menu-mode .wi-scrollable-container--react__scrollable-area {
  height: inherit;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--workflow-progress .wi-scrollable-container--react__fade-out {
  background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wi-scrollable-container--react.-wi-scrollable-container--react--workflow-progress .wi-scrollable-container--react__navigate-button.-right {
  right: -10px;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--workflow-progress .wi-scrollable-container--react__height-restriction {
  width: 100%;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--workflow-actions .wi-scrollable-container--react__fade-out {
  height: 50px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wi-scrollable-container--react.-wi-scrollable-container--react--external-data .wi-scrollable-container--react__wrapped-to-fix-right-padding {
  padding: 0 10px;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--external-data .wi-scrollable-container--react__navigate-button {
  left: -10px;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--external-data .wi-scrollable-container--react__navigate-button.-right {
  left: auto;
  right: -10px;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--data-points .wi-scrollable-container--react__navigate-button {
  left: -7px;
}
.wi-scrollable-container--react.-wi-scrollable-container--react--data-points .wi-scrollable-container--react__navigate-button.-right {
  left: auto;
  right: -7px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-header-sub-options-bar {
  border-bottom: 1px solid #d8d8d8;
}
.wi-header-sub-options-bar__navigation-bar-items {
  display: flex;
}
.wi-header-sub-options-bar__navigation-bar-items.-loading {
  gap: 5px;
}
.wi-header-sub-options-bar__navigation-item-li {
  display: flex;
}
.wi-header-sub-options-bar__navigation-item {
  border-radius: 10px;
  padding: 8px 11px;
  margin-right: 0px;
  margin-top: 11px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  border-width: 0;
  background-color: transparent;
}
.wi-header-sub-options-bar__navigation-item.-active,
.wi-header-sub-options-bar__navigation-item:hover {
  background-color: #f1f1f1;
}
.wi-header-sub-options-bar__navigation-item.-child {
  display: none;
  cursor: default;
  user-select: none;
  /*
            * ensure it is not clickable/navigable etc.
            */
  pointer-events: none;
}
.wi-header-sub-options-bar__navigation-item.-child.-active {
  display: block;
}
.wi-header-sub-options-bar__navigation-item.-loading,
.wi-header-sub-options-bar__navigation-item.-loading:hover {
  position: relative;
  overflow: hidden;
  background-color: #F3F5F7;
  cursor: progress;
  color: transparent;
}
.wi-header-sub-options-bar__navigation-item.-loading:after,
.wi-header-sub-options-bar__navigation-item.-loading:hover:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-header-sub-options-bar__navigation-item:focus-visible {
  background-color: #3697db;
  color: white;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*
* Wireframes sizes are configured against title (text) size
* but not component (header) size
* values below are calculated against font size of the title
*/
/*
* Can vary sligntly depending on font/device. Line height is magic number to match wireframe values.
*/
/*
* Slightly differs from @elements-gap due to all margins are calculated against title (text) size
* but not component size
*/
.wi-sub-options-bar {
  position: relative;
  display: flex;
}
.wi-sub-options-bar__placeholder {
  transition: width 0.3s;
  overflow: hidden;
  width: 210px;
  border-right: 1px solid #d8d8d8;
  box-sizing: border-box;
  display: flex;
}
.wi-sub-options-bar__placeholder.-collapsed {
  width: 20px;
}
.wi-sub-options-bar__placeholder.-no-transition {
  transition: none;
}
.wi-sub-options-bar__min-max-icon {
  align-items: center;
  display: flex;
  border-radius: 100%;
  height: 34px;
  width: 34px;
  border: none;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px 0px;
  padding: 0;
  justify-content: center;
  position: absolute;
  right: -17px;
  top: 26px;
  background-color: #FFFFFF;
}
.wi-sub-options-bar__min-max-icon .wi-common__navigate-next {
  transform: rotate(180deg);
}
.wi-sub-options-bar__min-max-icon.-collapsed .wi-common__navigate-next {
  transform: rotate(0);
}
.wi-sub-options-bar__min-max-icon:focus-visible {
  background-color: #3697DB;
}
.wi-sub-options-bar__min-max-icon:focus-visible path {
  fill: #fff !important;
}
.wi-sub-options-bar__navigation-bar {
  min-width: 210px;
  width: 210px;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
}
.wi-sub-options-bar.-collapsed .wi-sub-options-bar__navigation-bar {
  pointer-events: none;
}
.wi-sub-options-bar__navigation-layout {
  transition: opacity 0.1s;
  opacity: 1;
  visibility: visible;
  display: flex;
  flex-direction: column;
  min-height: 1px;
}
.wi-sub-options-bar.-collapsed .wi-sub-options-bar__navigation-layout {
  transition: opacity 0.3s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}
.wi-sub-options-bar__navigation-items {
  overflow: auto;
  padding: 0 14px 9px;
}
.wi-sub-options-bar__navigation-item {
  cursor: pointer;
  color: black;
  font-size: 14px;
  height: 45px;
  display: flex;
  align-items: center;
  background-color: transparent;
  padding-left: 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  border-radius: 10px;
  border-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.wi-sub-options-bar__navigation-item > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wi-sub-options-bar__navigation-item:hover,
.wi-sub-options-bar__navigation-item.-active {
  font-weight: bold;
  background-color: white;
}
.wi-sub-options-bar__navigation-item.-child {
  display: none;
  cursor: default;
  user-select: none;
  /*
            * ensure it is not clickable/navigable etc.
            */
  pointer-events: none;
}
.wi-sub-options-bar__navigation-item.-child.-active {
  display: flex;
}
.wi-sub-options-bar__navigation-item:focus-visible {
  background-color: #3697DB;
}
.wi-sub-options-bar__navigation-item:focus-visible span {
  color: #fff;
}
.wi-sub-options-bar__navigation-item.-loading,
.wi-sub-options-bar__navigation-item.-loading:hover {
  position: relative;
  overflow: hidden;
  background-color: #F3F5F7;
  cursor: progress;
  color: transparent;
}
.wi-sub-options-bar__navigation-item.-loading:after,
.wi-sub-options-bar__navigation-item.-loading:hover:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-sub-options-bar.-collapsed .wi-sub-options-bar__navigation-item.-active {
  background-color: transparent;
}
.wi-sub-options-bar__title-wrapper {
  padding: 29px 22px 15px 19px;
  border-bottom: 1px solid #d8d8d8;
  border-bottom-color: transparent;
  display: flex;
  align-items: center;
  height: 34px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.wi-sub-options-bar__title {
  font-size: 24px;
  color: black;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  margin: 0;
}
.wi-sub-options-bar__title.-loading {
  position: relative;
  width: 70%;
  border-radius: 50px;
  height: 28px;
  overflow: hidden;
  background-color: #F3F5F7;
  cursor: progress;
}
.wi-sub-options-bar__title.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

.wi-searchbox-button {
  cursor: pointer;
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  color: #647070;
  font-size: 15px;
  min-width: 1px;
  padding: 0;
  margin: 0;
  background: none;
  background-color: none;
}
.wi-searchbox-button:hover {
  background: #f1f1f1;
}
.wi-searchbox-button:focus-visible {
  box-shadow: 0 0 0 0px #fff, 0 0 0 2px #3697DB, 0 0 0 6px #fff !important;
  border-radius: 10px;
  outline: 2px solid transparent !important;
}
.wi-searchbox-button .wi-searchbox-button__flex-content {
  background: none;
  color: inherit;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wi-searchbox-button .wi-searchbox-button__filter-icon {
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  padding-left: 9px;
  padding-right: 4px;
  flex: 0 0 auto;
}
.wi-searchbox-button .wi-searchbox-button__input {
  font-weight: 700;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.wi-header-bar-profile-button,
.wi-header-bar-profile-button__option-button {
  border: none;
  padding: 0;
  background-color: transparent;
}
.wi-header-bar-profile-button:focus-visible > div > span path,
.wi-header-bar-profile-button__option-button:focus-visible > div > span path,
.wi-header-bar-profile-button:focus-visible > span path,
.wi-header-bar-profile-button__option-button:focus-visible > span path {
  fill: #3697DB !important;
}
.wi-header-bar-profile-button:focus-visible .wi-header-options__item-profile,
.wi-header-bar-profile-button__option-button:focus-visible .wi-header-options__item-profile {
  border: 3px solid #3697DB;
}
.wi-header-bar-profile-button .wi-header-bar-profile-button__flex-content,
.wi-header-bar-profile-button__option-button .wi-header-bar-profile-button__flex-content {
  display: flex;
  align-items: center;
}
.wi-header-bar-profile-button__option-button {
  width: 100%;
  color: #000000;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  padding-right: 30px;
  cursor: pointer;
  text-align: left;
  float: none;
}
.wi-header-bar-profile-button__option-button:focus-visible:not(:hover) {
  background-color: #3697DB;
  color: #fff;
}
.wi-header-bar-profile-button__option-button:focus-visible:not(:hover) path {
  fill: #fff !important;
}
.wi-header-bar-profile-button__option-button:hover {
  color: #262626;
  background-color: #F5F5F5;
  border-radius: inherit;
}
.wi-header-bar__profile-button-icon {
  position: absolute;
  top: 14px;
  left: 17px;
}
.wi-header-bar__profile-button-icon path {
  fill: #000;
}
.wi-header-options__item-profile {
  width: 33px;
  height: 33px;
  border-radius: 100%;
  border: 3px solid #096ab0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  /*	.justify-content(center);
	.align-items(center);*/
  /*@media (max-width: 600px) {
		border: 3px solid #647070;
	}*/
}
.wi-header-options__item-language {
  width: 17px;
  height: 17px;
  border-radius: 100%;
  border: 2px solid #647070;
  background: #647070;
  top: 25px;
  left: 29px;
  position: absolute;
}
@media (max-width: 600px) {
  .wi-header-options__item-language {
    border: 3px solid #fff;
    background: #fff;
  }
  .wi-header-options__item-language path {
    fill: #717171 !important;
  }
}
/* profile specific */
.ui-x-dropdown-container.ui-x-profile-menu {
  width: 325px;
  top: 58px;
  padding: 0;
  right: 5px;
  border-radius: 4px;
}
.ui-x-profile-menu__profile {
  height: 40px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
  padding: 12px 20px;
}
.ui-x-profile-menu__profile-name {
  height: 21px;
  color: #000000;
  text-decoration: none solid #000000;
  line-height: 20px;
}
.ui-x-profile-menu__profile-email {
  height: 21px;
  color: #717171;
  text-decoration: none solid #717171;
  line-height: 20px;
}
.ui-x-profile-menu ul {
  padding: 0 0 4px;
}
.ui-x-profile-menu ul li {
  float: none;
}
.ui-x-profile-menu ul li.ui-x-profile-menu__item--disabled button {
  opacity: 0.5;
}
.ui-x-profile-menu ul li.ui-x-profile-menu__item--disabled button:hover {
  color: #737373;
  background-color: transparent;
  cursor: default;
}
.wi-header-bar-profile-button__option-content {
  display: flex;
  align-items: center;
  gap: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-header-bar-profile-button__option-icon {
  flex-shrink: 0;
}
.wi-header-bar-profile-button__option-text {
  width: auto;
  height: auto;
  position: inherit;
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/* This comment will be in result CSS */
/* Custom */
.wi-left-bar {
  padding-top: 20px;
  position: relative;
}
.wi-left-bar--mobile {
  padding-top: 0;
}
.wi-left-bar__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wi-left-bar--mobile .wi-left-bar__panel {
  flex-direction: row;
  justify-content: space-around;
}
.wi-left-bar__separator {
  background-color: #717171;
  margin-bottom: 8px;
  height: 1px;
  width: 21px;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.wi-left-bar-item {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
  width: 48px;
  padding: 6px 4px 5px 4px;
  border-radius: 10px;
  margin-bottom: 9px;
  box-sizing: border-box;
}
.wi-left-bar-item--mobile {
  margin-bottom: 10px;
  margin-top: 9px;
}
.wi-left-bar-item--rotate90-icon .wi-icon {
  transform: rotate(90deg);
}
.wi-left-bar-item:hover,
.wi-left-bar-item.-active {
  background-color: #F1F1F1;
}
.wi-left-bar-item.ui-x-disabled {
  opacity: 0.5;
  cursor: default;
}
.wi-left-bar-item:focus-visible {
  background-color: #3697DB;
}
.wi-left-bar-item:focus-visible path {
  fill: #fff !important;
}
.wi-left-bar-item:focus-visible .wi-left-bar-item__text {
  color: #fff;
}
/*button.wi-left-bar-item {
	width: 100%;
}*/
.wi-left-bar-item__icon {
  width: 26px;
  height: 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.wi-left-bar-item__text {
  color: #000;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}
.wi-left-bar-item__image {
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  height: 34px;
  width: 34px;
  margin-bottom: 2px;
}
.wi-left-bar-item--mobile .wi-left-bar-item__image {
  height: 22px;
  width: 22px;
}
.wi-left-bar-item__indicator {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #e2261e;
  -webkit-animation: pulse-dot 1s ease 0s 5 alternate;
  animation: pulse-dot 1s ease 0s 5 alternate;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 28px;
  top: 50%;
  margin-top: -17px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-left-bar-wrapper {
  height: 100%;
  display: flex;
}
.wi-left-bar-holder {
  width: 68px;
  background-color: white;
  overflow: hidden;
}
.wi-left-bar-holder__sub-items {
  display: flex;
}
.wi-left-bar-sub-options-holder {
  display: none;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  .wi-left-bar-sub-options-holder {
    display: flex;
  }
}

/* This comment will be in result CSS */
/* Custom */
.wi-mobile-menu-component {
  padding-top: 13px;
  position: relative;
}
.wi-mobile-menu-component__separator {
  background-color: #a3a3a3;
  margin: 10px 17px 11px;
  height: 1px;
}
/*.wi-mobile-menu-component__panel:nth-child(2) .wi-mobile-menu-component__separator{
	margin-bottom: 20px;
}*/

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.wi-mobile-menu-item {
  border: none;
  background-color: transparent;
  height: 45px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}
.wi-mobile-menu-item:hover {
  background-color: #F5F5F5;
}
.wi-mobile-menu-item.ui-x-disabled {
  opacity: 0.5;
  cursor: default;
}
.wi-mobile-menu-item:focus-visible {
  background-color: #3697DB;
}
.wi-mobile-menu-item:focus-visible path {
  fill: #fff !important;
}
.wi-mobile-menu-item:focus-visible .wi-mobile-menu-item__text {
  color: #fff;
}
.wi-mobile-menu-item__icon {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wi-mobile-menu-item__text {
  color: #000;
  padding-left: 15px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wi-mobile-menu-item__image {
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  height: 22px;
  width: 22px;
  border: 2px solid transparent;
}
.wi-mobile-menu-item__indicator {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #e2261e;
  -webkit-animation: pulse-dot 1s ease 0s 5 alternate;
  animation: pulse-dot 1s ease 0s 5 alternate;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 28px;
  top: 50%;
  margin-top: -13px;
  margin-left: 3px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*this magic number is a sum footer + 30px?*/
@media (min-width: 601px) {
  .wi-mobile-bar-holder {
    display: none;
  }
}
.wi-mobile-bar-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.wi-mobile-bar-wrapper.--mobile-hide {
  transform: translateY(67px);
}
.wi-mobile-bar-holder__mobile-bar {
  border-top: 1px solid #d8d8d8;
  width: 100%;
  background-color: white;
}
.wi-mobile-bar-holder__mobile-menu {
  width: 100%;
  z-index: 10001 !important;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0 -2px 5px;
  border-radius: 4px 4px 0 0;
  padding: 5px 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s, height 0.3s;
  -webkit-transition: transform 0.3s, height 0.3s;
  -moz-transition: transform 0.3s, height 0.3s;
  -ms-transition: transform 0.3s, height 0.3s;
  -o-transition: transform 0.3s, height 0.3s;
  transition: transform 0.3s, height 0.3s;
}
.wi-mobile-bar-holder__left-bar {
  display: block;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}
.wi-mobile-bar-holder__left-bar > * {
  padding-top: 0;
  margin: 0;
}
.wi-mobile-bar-menu-close {
  margin: 5px 0 0;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.wi-mobile-bar-menu-close:hover {
  background-color: #F5F5F5;
}
.wi-mobile-bar-menu-close div {
  margin-top: 5px;
  height: 45px;
  float: right;
  width: 45px;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info,
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > .wi-list-card__header-text-primary {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 18px;
  width: 252px;
  overflow: hidden;
  margin-top: 4px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info {
  height: 13px;
  width: 106px;
  margin-bottom: 1px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info .wi-secondary-info {
  color: #F3F5F7;
}
.wi-list-card--launch-state > .wi-list-card__content {
  padding: 0 15px 19px 15px;
}
.wi-list-card--launch-state .xd-feed-fields-list__item {
  margin-top: 5px;
}
@media (min-width: 500px) {
  .wi-list-card--launch-state .xd-feed-fields-list__item {
    margin-top: 0;
  }
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__title,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data {
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  width: 75px;
  height: 14px;
  overflow: hidden;
  position: relative;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__title:after,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data {
  height: 14px;
  margin-top: 6px;
  width: 100%;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel {
  color: #F3F5F7;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel .wi-list-card__content-image {
  display: none;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info:after,
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > .wi-list-card__header-text-primary:after,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-list-card {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative;
}
.wi-list-card__translation-item {
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  padding: 0px 10px 0px 32px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 13px;
  line-height: 22px;
  color: #147bc2;
  text-decoration: none solid #3697db;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-list-card__translation-item--icon {
  position: absolute;
  left: 10px;
  top: 2px;
  width: 18px;
  height: 18px;
}
.wi-list-card__translation-item--text {
  white-space: nowrap;
}
.wi-list-card__translation-item:hover {
  background-color: #f1f1f1;
}
.wi-list-card__translation-item:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.wi-list-card__translation-item:focus-visible path {
  fill: #fff !important;
}
.wi-list-card:active,
.wi-list-card:hover {
  outline: 0;
}
.wi-list-card:focus-visible {
  outline: 0;
  background-color: #3697DB;
  border-radius: calc(10px - 2px);
}
.wi-list-card:focus-visible path {
  fill: #fff !important;
}
.wi-list-card:focus-visible .wi-list-card__header-text-primary,
.wi-list-card:focus-visible .wi-list-card__content-action,
.wi-list-card:focus-visible .wi-secondary-info {
  color: #fff;
}
.wi-list-card:focus-visible .wi-list-card__header-text-primary--right-menu:after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #3697DB 60%, #3697DB);
}
button.wi-list-card {
  background-color: transparent;
  outline: none;
  border: none;
  position: relative;
  width: 100%;
  text-align: left;
  border-radius: calc(10px - 2px);
}
button.wi-list-card:focus-visible .wi-list-card__content-action-icon {
  background-color: #3697DB;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
button.wi-list-card:focus-visible .wi-list-card__content-action-icon path {
  fill: #fff !important;
}
button.wi-list-card.wi-list-card--right-menu {
  background-color: white;
  width: calc(100% - 20px);
}
button.wi-list-card.-disabled {
  cursor: default;
  color: #9b9b9b;
}
button.wi-list-card.-disabled:hover {
  cursor: default;
  color: #9b9b9b;
  text-decoration: none;
}
button.wi-list-card.-disabled:focus-visible {
  background-color: #3697DB;
}
button.wi-list-card.-disabled:focus-visible path {
  fill: #9b9b9b !important;
}
@media (max-width: 601px) {
  button.wi-list-card {
    display: flex;
  }
}
.wi-list-card__info-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.wi-list-card__info-container .wi-list-card__info-text {
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  cursor: default;
  color: #647070;
}
.wi-list-card__info-container .wi-list-card__info-text.-animated {
  -webkit-transition: transform .20s ease-out;
  -moz-transition: transform .20s ease-out;
  -ms-transition: transform .20s ease-out;
  -o-transition: transform .20s ease-out;
  transition: transform .20s ease-out;
  transform-origin: top;
  transform: scaleY(0);
}
.wi-list-card__info-container .wi-list-card__info-text.-animated:not(.-opened) {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  border: 0;
}
.wi-list-card__info-container .wi-list-card__info-text.-animated.-opened {
  transform: scaleY(1);
  max-height: 100px;
}
.wi-list-card__info-container .wi-list-card__info-text.-progress {
  color: #3697db;
}
.wi-list-card__info-container .wi-list-card__info-text.-error {
  color: #ffffff;
  background-color: #f89406;
}
.wi-list-card--borderless {
  border: none;
}
.wi-list-card--right-menu {
  margin: 5px 10px 0px 10px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  background-color: white;
}
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover.-fake,
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover.-no-hover {
  box-shadow: none;
}
.wi-list-card--right-menu .wi-list-card__info-text {
  border-radius: 0 0 10px 10px;
}
.wi-list-card__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-list-card__content-panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 10px;
}
.wi-list-card__header-text {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
}
.wi-list-card__header-text-main {
  font-size: 13px;
  color: #717171;
  text-transform: uppercase;
  margin-bottom: 9px;
  margin-top: -4px;
}
.wi-list-card__header-text-primary {
  color: black;
  font-size: 18px;
  position: relative;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.wi-list-card__header-text-primary:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary--right-menu {
  font-size: 16px;
  position: relative;
  line-height: 19px;
  max-height: 38px;
  overflow: hidden;
}
.wi-list-card__header-text-primary--right-menu:after {
  content: '';
  position: absolute;
  right: 0;
  top: 19px;
  width: 10%;
  height: 19px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary--right-menu:after {
  content: '';
  position: absolute;
  right: 0;
  top: 19px;
  width: 10%;
  height: 19px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__secondary-info {
  margin-top: 5px;
}
.wi-list-card__header-panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 15px;
  margin-right: -7px;
}
.wi-list-card__dropdown-button {
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wi-list-card__dropdown-button:hover {
  background-color: #f5f5f5;
}
.wi-list-card__content-description {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 14px;
  position: relative;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}
.wi-list-card__content-description:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  width: 10%;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__content-description:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  width: 10%;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__content-image {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #a3a3a3;
  background-position: center center, center center;
  background-size: cover;
}
.wi-list-card__content-actions-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0 -5px 0;
}
.wi-list-card__content-actions-panel--minimal {
  margin: 10px 0 -5px 0px;
}
.wi-list-card__content-actions {
  display: flex;
}
@media (max-width: 601px) {
  .wi-list-card__content-actions.--trans {
    margin-left: 13px;
  }
}
.wi-list-card__content-action-wrapper {
  position: relative;
  margin: 0 0 0 14px;
  line-height: 24px;
  font-size: 14px;
  display: flex;
}
.wi-list-card__content-action-wrapper::before {
  content: " \2022 ";
  color: #717171;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  margin-left: -14px;
}
.wi-list-card__content-action-wrapper:first-child {
  margin: 0;
}
.wi-list-card__content-action-wrapper:first-child::before {
  content: "";
  padding: 0;
  display: none;
}
@media (max-width: 601px) {
  .wi-list-card__content-action-wrapper::before {
    content: "";
    padding: 0;
    display: none;
  }
}
.wi-list-card__content-action {
  height: auto;
  padding: 0;
  line-height: 24px;
  border: none;
  border-radius: 3px;
  color: #147bc2;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.wi-list-card__content-action:hover {
  text-decoration: underline;
}
.wi-list-card__content-action:focus-visible .wi-list-card__content-action-icon {
  background-color: #3697DB;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
.wi-list-card__content-action:focus-visible .wi-list-card__content-action-icon path {
  fill: #fff !important;
}
.wi-list-card__content-action.-disabled {
  cursor: default;
  color: #9b9b9b;
}
.wi-list-card__content-action.-disabled:hover {
  cursor: default;
  color: #9b9b9b;
  text-decoration: none;
}
.wi-list-card__content-action.-disabled:focus-visible {
  background-color: #3697DB;
}
.wi-list-card__content-action.-disabled:focus-visible path {
  fill: #9b9b9b !important;
}
@media (max-width: 601px) {
  .wi-list-card__content-action {
    display: flex;
  }
}
@media (max-width: 601px) {
  .wi-list-card__content-action-text {
    display: none;
  }
}
.wi-list-card__content-action-icon {
  height: 22px;
  width: 22px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: 1px solid transparent;
  align-items: center;
  display: none;
}
.wi-list-card__content-action-icon svg {
  margin: 0 auto;
}
.wi-list-card__content-action-icon:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
.wi-list-card__content-action-icon.-disabled {
  cursor: default;
  opacity: 0.5;
}
.wi-list-card__content-action-icon.-disabled:hover {
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
}
@media (max-width: 601px) {
  .wi-list-card__content-action-icon {
    display: inline-flex;
  }
}
.wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child {
  margin: 0 0 0 14px;
}
.wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child::before {
  content: " \2022 ";
  color: #717171;
  display: block;
  position: absolute;
  left: -9px;
}
@media (max-width: 601px) {
  .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child:first-child {
    margin: 0;
  }
  .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child:first-child::before {
    content: "";
    padding: 0;
    display: none;
  }
}
.wi-asset-list-menu__items {
  /* menu override from media to always be icons */
}
.wi-asset-list-menu__items .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child::before,
.wi-asset-list-menu__items .wi-list-card__content-action-wrapper::before {
  content: "";
  padding: 0;
  display: none;
}
.wi-asset-list-menu__items .wi-list-card__content-action-text {
  display: none;
}
.wi-asset-list-menu__items .wi-list-card__content-action-icon {
  display: inline-flex;
}
.wi-list-card__icon {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px;
}
.wi-list-card__icon svg {
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0.5;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-horizontal-fields-list-view {
  display: grid;
  gap: 10px 20px;
  list-style: none;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.wi-horizontal-fields-list-view__item {
  /*font-size: 13px;
	margin-left: @widget-item-offset-left;
	//border-bottom: @wi-content-list-item-border;
	padding: @wi-content-list-item-offset-top-bottom 0px;
	padding-right: @widget-item-offset-right;*/
  /*font-size: 13px;
	padding: 4px 0 0;
	padding-right: 21px;
	display: inline-block;
	box-sizing: border-box;
	width: 170px;*/
  /*	&.--short {
		margin-left: 15px;
		padding-right: 15px;
		padding-top: @wi-content-list-item-offset-top-bottom--short;
		padding-bottom: @wi-content-list-item-offset-top-bottom--short;
	}*/
}

.wi-horizontal-field-view--short {
  display: flex;
  flex-direction: column;
}
.wi-horizontal-field-view__label {
  /*font-size: 13px;
	color: #5d5d5d;
	line-height: 18px;
	margin-bottom: 0;
	display: inline;*/
  font-size: 13px;
  color: #717171;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  /*	&.--short {
		line-height: 17px;
		display: inline;
		white-space: nowrap;
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #5d5d5d;
		cursor: pointer;
	}*/
}
.wi-horizontal-field-view__value {
  /*font-size: 14px;
	color: black;
	line-height: 20px;
	font-weight: 400;
	word-wrap: break-word;
	margin-top: 1px;*/
  font-size: 14px;
  color: #3D3D3D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 22px;
  /*	&.--short {
		line-height: 17px;
		display: inline;
		margin: 1px 0 0 0;
		min-width: 1px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 13px;
		color: black;
		cursor: pointer;
	}*/
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-progress-bar-migration {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 3px;
  margin-bottom: -3px;
}
.wi-progress-bar-migration.-hidden {
  height: 0;
  margin-bottom: 0;
}
.wi-progress-bar-migration .wi-progress-bar-migration__line {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #3697db;
}
.wi-progress-bar-migration .wi-progress-bar-migration__line.-indeterminate {
  background: transparent;
  position: relative;
}
.wi-progress-bar-migration .wi-progress-bar-migration__subline {
  position: absolute;
  background: #3697db;
  height: 100%;
}
.wi-progress-bar-migration .wi-progress-bar-migration__subline.-inc {
  -webkit-animation: increase 2s infinite;
  animation: increase 2s infinite;
}
.wi-progress-bar-migration .wi-progress-bar-migration__subline.-dec {
  -webkit-animation: decrease 2s 0.5s infinite;
  animation: decrease 2s 0.5s infinite;
}
@-webkit-keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@-webkit-keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}

.wi-expand__transition {
  transition: height ease-out 0.5s;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-accordion-group:after {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  line-height: 0;
}
.wi-accordion-group {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  margin: 6px 10px 0px;
  display: block;
  border-radius: 3px;
  background-color: #ffffff;
  /*, &--maximised*/
}
.wi-accordion-group:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.wi-accordion-group--disabled:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.wi-accordion-group__header {
  height: 1px;
  /*for IE*/
  border: none;
  padding: 0;
  width: 100%;
  min-height: 66px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  background-color: white;
  border-radius: 3px;
  text-align: left;
}
.wi-accordion-group__header:focus-visible {
  background-color: #3697DB;
}
.wi-accordion-group__header:focus-visible .wi-accordion-group__header-title {
  color: #fff;
}
.wi-accordion-group__header:focus-visible path {
  fill: #fff !important;
}
.wi-accordion-group__header--disabled {
  cursor: default;
  opacity: 0.5;
}
.wi-accordion-group__validationbar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background-color: #e2261e;
  border-radius: 3px 0 0 3px;
}
.wi-accordion-group__header-thumb {
  width: 40px;
  height: 38px;
  padding: 2px 0px 0px;
  border-width: 0px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #667071;
  border-radius: 50%;
  margin: 10px 0 10px 16px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 41px;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-accordion-group__header-info {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
}
.wi-accordion-group__header-title {
  text-align: left;
  font-family: var(--em360-font-family);
  font-size: 16px;
  line-height: 20px;
  margin-left: 18px;
  color: #000000;
}
.wi-accordion-group__header-second-info {
  margin-left: 18px;
  color: #717171;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-accordion-group--maximised .wi-accordion-group__header-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.wi-accordion-group__header-action {
  width: 24px;
  height: 24px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 21px;
}
.wi-accordion-group__header-action:hover svg path {
  fill: #000000 !important;
}
.wi-accordion-group__header-action svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wi-accordion-group__header-action--up svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.wi-accordion-group__content {
  visibility: hidden;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 0;
  border-radius: 0 0 3px 3px;
}
.wi-accordion-group__content--opened {
  height: auto;
}
.wi-accordion-group .data-inputs-fields-list__item:last-child {
  border-bottom-color: transparent;
}
.wi-accordion-group__header--loading .wi-accordion-group__header-thumb {
  color: #F3F5F7;
  background-color: #F3F5F7;
  position: relative;
}
.wi-accordion-group__header--loading .wi-accordion-group__header-title {
  height: 20px;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  position: relative;
}
.wi-accordion-group__header--loading .wi-accordion-group__header-title:after,
.wi-accordion-group__header--loading .wi-accordion-group__header-thumb:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-form-field,
.em360-form-field {
  display: flex;
  flex-direction: column;
  gap: var(--form-field-gap);
}
.em360-form-field__composite {
  display: flex;
  flex-direction: column;
  gap: var(--form-field-gap--composite);
}
.em360-forms__focusable-element:focus-within,
.em360-forms__search-input:focus-within {
  outline: var(--form-field-outline-width) solid var(--form-field-outline-color);
  outline-offset: -1px;
}
.em360-forms__input-base,
.wi-form-field__value-input,
.em360-forms__search-input {
  padding: var(--form-field-padding);
  font-size: var(--form-field-font-size);
  line-height: var(--form-field-line-height);
  background-color: transparent;
  text-align: start;
  color: inherit;
  box-sizing: border-box;
}
.em360-forms__input-wrapped,
.wi-form-field__value-input {
  border: none;
  box-shadow: none;
  outline: 0;
}
.em360-forms__bordered-element,
.wi-form-field__value--date,
.wi-form-field__value--text,
.wi-form-field__value--button,
.em360-forms__search-input {
  border-radius: var(--form-field-border-radius);
  border: var(--form-field-border-width) solid var(--form-field-border-color);
  box-shadow: var(--form-field-box-shadow);
}
.wi-form-field__value--date,
.wi-form-field__value--text,
.wi-form-field__value--button {
  text-align: start;
  color: inherit;
  display: flex;
  align-items: baseline;
  padding: 0;
}
.wi-form-field__value:focus-within {
  outline: var(--form-field-outline-width) solid var(--form-field-outline-color);
  outline-offset: -1px;
}
.wi-form-field__value--loading {
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-form-field__value--loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-form-field__value:hover {
  border-color: var(--form-field-hover-border-color);
}
.wi-form-field__value:focus {
  outline: var(--form-field-outline-width) solid var(--form-field-outline-color);
  outline-offset: -1px;
}
.wi-form-field__value--invalid {
  border-color: var(--validation-error-color);
}
.wi-form-field__value--invalid:hover {
  border-color: var(--validation-error-color);
}
.wi-form-field__value-prefix {
  padding-left: 1rem;
  font-weight: var(--font-weight-semibold);
}
.wi-form-field__value-suffix {
  padding-right: 1rem;
  font-weight: var(--font-weight-semibold);
}
.wi-form-field__label--hidden {
  display: none;
}
.wi-form-field__span {
  font-weight: var(--label-font-weight);
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
}
.wi-form-field__span--loading {
  width: 40%;
  height: calc(var(--label-line-height) * var(--label-font-size));
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  display: block;
}
.wi-form-field__span--loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-form-field__hint,
.wi-form-field__hint {
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
}
.wi-form-field__validation-error {
  color: var(--validation-error-color);
  display: none;
  gap: 0.25rem;
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
  min-height: calc(var(--label-line-height) * var(--label-font-size));
}
.wi-form-field__validation-error--shown {
  display: inline-flex;
}
.wi-form-field__validation-error:before {
  content: "";
  -webkit-box-flex: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%20fill%3D%27%23c92a2a%27%3E%3Cpath%20d%3D%27M256%200C114.6%200%200%20114.6%200%20256s114.6%20256%20256%20256%20256-114.6%20256-256S397.4%200%20256%200zm-24%20152c0-13.2%2010.8-24%2024-24s24%2010.75%2024%2024v128c0%2013.25-10.75%2024-24%2024s-24-10.7-24-24V152zm24%20248c-17.36%200-31.44-14.08-31.44-31.44s14.07-31.44%2031.44-31.44%2031.44%2014.08%2031.44%2031.44C287.4%20385.9%20273.4%20400%20256%20400z%27%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: none;
  flex: none;
  height: 1em;
  position: relative;
  top: 0.2em;
  width: 1em;
}
.wi-form-field__radio,
.wi-form-field__checkbox,
.wi-form-field__selectable-skeleton {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.wi-form-field__radio + .wi-form-field__radio,
.wi-form-field__checkbox + .wi-form-field__checkbox,
.wi-form-field__selectable-skeleton + .wi-form-field__selectable-skeleton {
  margin-top: 1rem;
}
.wi-form-field__checkbox-input {
  border-radius: var(--checkbox-border-radius);
  appearance: none;
  height: 1rem;
  width: 1rem;
  border: var(--form-field-border-width) solid var(--form-field-border-color);
  box-shadow: var(--form-field-box-shadow);
  position: relative;
  top: 0.2em;
  flex: none;
}
.wi-form-field__radio-input,
.wi-form-field__checkbox-input {
  flex-shrink: 0;
}
.wi-form-field__radio-input:checked,
.wi-form-field__checkbox-input:checked {
  background: var(--form-field-accent-color);
  border-color: transparent;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z%27/%3E%3C/svg%3E");
}
.wi-form-field__radio-input:hover:not(:checked),
.wi-form-field__checkbox-input:hover:not(:checked) {
  border-color: var(--form-field-hover-border-color);
}
.wi-form-field__radio-input:focus-visible,
.wi-form-field__checkbox-input:focus-visible {
  outline: var(--form-field-outline-width) solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.wi-form-field__radio-input {
  border-radius: var(--radio-border-radius);
  appearance: none;
  height: 1rem;
  width: 1rem;
  border: var(--form-field-border-width) solid var(--form-field-border-color);
  box-shadow: var(--form-field-box-shadow);
  position: relative;
  top: 0.2em;
}
.wi-form-field__radio-input:checked {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E");
}
.wi-form-field__radio-input:not(:checked):hover {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23e9ecef%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/svg%3E");
}
.wi-form-field__selectable-skeleton .wi-form-field__input {
  width: 1rem;
  height: 1rem;
  top: 0.2em;
  border-radius: var(--checkbox-border-radius);
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-form-field__selectable-skeleton .wi-form-field__input:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-form-field__selectable-skeleton.-radio .wi-form-field__input {
  border-radius: var(--radio-border-radius);
}
.wi-form-field__selectable-skeleton .wi-form-field__span {
  font-weight: var(--label-font-weight);
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
}
.wi-form-field__selectable-skeleton .wi-form-field__span.-loading {
  height: calc(var(--label-line-height) * var(--label-font-size));
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  display: block;
}
.wi-form-field__selectable-skeleton .wi-form-field__span.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-form-field__radio-description,
.wi-form-field__checkbox-description,
.wi-form-field__selectable-skeleton .wi-form-field__description {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.wi-form-field__value-input {
  width: 100%;
}
.wi-form-field__value-input--button {
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 281.09 472%27 fill=%27%23495057%27 height=%2716px%27 width=%277px%27%3E%3Cpath d=%27M0,331.1a28.15,28.15,0,0,1,48.05-19.8L140.74,404l92.68-92.74a28.15,28.15,0,0,1,39.8,39.8L160.63,463.68a28,28,0,0,1-39.66.21l-.13-.13L8.25,351.1A28.1,28.1,0,0,1,0,331.1Z%27/%3E%3Cpath d=%27M281.09,140.9a28.15,28.15,0,0,1-48,19.8L140.35,68,47.66,160.7A28.14,28.14,0,0,1,7.87,120.9L120.45,8.32a28.06,28.06,0,0,1,39.67-.21l.13.13L272.84,120.9a28.1,28.1,0,0,1,8.25,20Z%27/%3E%3C/svg%3E") no-repeat 95% center, white;
  background-size: 0.4375rem 1rem;
  background-position: calc(100% - 1rem) center;
  padding-right: 2.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--form-field-border-radius);
}
.wi-form-field__value-input--loading {
  background: none;
}
.wi-form-field__value-input--file {
  font-size: var(--form-field-font-size);
  line-height: var(--form-field-line-height);
  font-weight: 500;
  padding: var(--em360-form-field-padding);
  border: var(--em360-form-field-file-border);
  border-radius: var(--em360-form-field-border-radius);
}
.wi-form-field__value-input--date {
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 overflow=%27visible%27 preserveAspectRatio=%27none%27 viewBox=%270 0 24 24%27 height=%2724%27 width=%2724%27 data-id=%27wi-common__date%27 class=%27wi-icon wi-common__date%27%3E%3Cg%3E%3Cpath d=%27M7 11h2v2H7v-2zm14-5v14c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2l.01-14c0-1.1.88-2 1.99-2h1V2h2v2h8V2h2v2h1c1.1 0 2 .9 2 2zM5 8h14V6H5v2zm14 12V10H5v10h14zm-4-7h2v-2h-2v2zm-4 0h2v-2h-2v2z%27 vector-effect=%27non-scaling-stroke%27 style=%27fill: rgb%28113, 113, 113%29;%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat 95% center, white;
  background-size: 1.2rem 1.2rem;
  background-position: calc(100% - 0.6rem) center;
  padding-right: 2.5rem;
  border-radius: var(--form-field-border-radius);
}
.wi-form-field__value-input::file-selector-button {
  min-width: 10ch;
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  border-radius: var(--button-border-radius);
  border: 1px solid transparent;
  box-shadow: var(--button-box-shadow);
  cursor: pointer;
  background-color: #f1f3f5;
  color: #343a40;
}
.wi-form-field__value-input::file-selector-button:hover {
  background-color: #dee2e6;
}
.wi-form-field__react-date-picker {
  width: 100%;
}
.em360-form-fieldset {
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
  color: var(--color-text);
}
.em360-form-fieldset legend {
  font-size: var(--form-fieldset-header-size);
  font-weight: var(--font-weight-semibold);
}
.em360-form-fieldset__description {
  --description-offset-compensation: calc(var(--form-gap) - var(--form-field-gap));
  font-size: var(--em360-font-size--fieldset-description);
  margin-top: calc(-1 * var(--description-offset-compensation));
}
.em360-form-fieldset__fields-container {
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
}
.em360-form-fieldset__fields-container--horizontal {
  flex-direction: row;
  gap: var(--form-gap--horizontal);
}
.em360-form-fieldset__fields-container--horizontal .wi-form-field {
  flex: 1;
  min-width: 1px;
}

/* This comment will be in result CSS */
/* Custom */
.em360-form-field__preview-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-style: solid;
  border-color: var(--form-field-border-color);
  border-width: var(--em360-border-width);
  border-radius: var(--em360-border-radius);
  padding: 8px 16px 8px 16px;
}
.em360-form-field__preview-container--loading {
  position: relative;
  overflow: hidden;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border: var(--em360-border-width) solid transparent;
  border-radius: var(--em360-border-radius);
  user-select: none;
}
.em360-form-field__preview-container--loading-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-form-field__image-container {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 1px;
}
.em360-form-field__preview-image {
  flex-shrink: 0;
  background-position: center center;
  background-size: cover;
  border-radius: var(--em360-border-radius);
  height: 3.125rem;
  width: 5.625rem;
}
.em360-form-field__preview-image--circle {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: var(--em360-border-radius-full);
}
.em360-form-field__preview-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}
.em360-form-field__preview-name--loading {
  position: relative;
  overflow: hidden;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border: var(--em360-border-width) solid transparent;
  border-radius: var(--em360-border-radius);
  user-select: none;
}
.em360-form-field__preview-name--loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

.wi-form-field--inline-time .react-datepicker {
  border: none;
  background: transparent;
}
.wi-form-field--inline-time .react-datepicker .react-datepicker__aria-live,
.wi-form-field--inline-time .react-datepicker .react-datepicker-time__caption,
.wi-form-field--inline-time .react-datepicker > .react-datepicker__navigation,
.wi-form-field--inline-time .react-datepicker > .react-datepicker__month-container {
  display: none;
}
.wi-form-field--inline-time .react-datepicker .react-datepicker__input-time-container,
.wi-form-field--inline-time .react-datepicker .react-datepicker-time__caption,
.wi-form-field--inline-time .react-datepicker .react-datepicker-time__input {
  margin: 0;
  border: none;
  background-color: transparent;
}
.wi-form-field--inline-time .react-datepicker input.react-datepicker-time__input {
  width: auto;
  border: none;
  box-shadow: none;
  outline: 0;
  padding: var(--form-field-padding);
  background-color: transparent;
  text-align: start;
  font-size: var(--form-field-font-size);
  height: var(--label-line-height);
  line-height: var(--form-field-line-height);
  color: var(--form-field-color);
}
.wi-form-field--inline-time .react-datepicker input,
.wi-form-field--inline-time .react-datepicker .react-datepicker-time__input[type="time"]::-webkit-calendar-picker-indicator {
  filter: var(--form-field-time-icon-color-filter);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-table-filter-view .wi-general-table-filter-view__container {
  position: relative;
}
.wi-general-table-filter-view .wi-general-table-filter-view__icon {
  position: absolute;
  top: 8px;
  left: 10px;
}
.wi-general-table-filter-view.-wi-general-table-filter-view--data-set-view .wi-general-table-filter-view__input {
  border-radius: 10px;
  margin-bottom: 0;
  background-color: transparent;
}
.wi-general-table-filter-view.-wi-general-table-filter-view--data-set-view .wi-general-table-filter-view__actions {
  margin-bottom: 0;
}
.wi-general-table-filter-view.-wi-general-table-filter-view--data-set-view .wi-general-table-filter-view__input + .wi-general-table-filter-view__actions {
  margin-top: 10px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__input {
  background-color: #f1f1f1;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  padding: 0px 10px 0 37px;
  margin-bottom: 10px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__input:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.wi-general-table-filter-view .wi-general-table-filter-view__input:focus-visible {
  border: 1px solid #717171;
}
.wi-general-table-filter-view .wi-general-table-filter-view__add-item {
  margin-right: 6px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__actions {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__actions-delimeter {
  background-color: #d4d4d4;
  height: 24px;
  width: 1px;
  margin-left: 3px;
  margin-right: 9px;
  flex: 0 0 auto;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-buttons {
  display: flex;
  flex: 1 1 auto;
  min-width: 1px;
  max-width: unset;
  height: 35px;
  margin-left: -20px;
  padding-left: 20px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-buttons .wi-scrollable-container__button {
  width: 34px;
  height: 34px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-buttons .wi-scrollable-container--react__navigate-button {
  width: 34px;
  height: 34px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-buttons:focus-visible {
  box-shadow: 0 0 0 0px #fff, 0 0 0 2px #3697DB, 0 0 0 6px #fff;
  outline: 2px solid transparent;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-button {
  margin-right: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wi-general-table-filter-view .wi-general-table-filter-view__filter-button:focus-visible {
  border: 1px solid #3697DB;
  outline: none;
}
.wi-general-table-filter-view .wi-general-table-filter-view__clear-button {
  margin-right: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0px;
  margin-left: 15px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-buttons {
  display: flex;
  align-items: center;
}
.wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-button {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 35px;
  margin-right: 5px;
  width: 80px;
  overflow: hidden;
}
.wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-button.-low {
  height: 15px;
}
.wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
@media (max-width: 440px) {
  .wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-button:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 350px) {
  .wi-general-table-filter-view .wi-general-table-filter-view__fake-filter-button:nth-of-type(2) {
    display: none;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-data-set-items-loader__filter {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0px;
}
.wi-data-set-items-loader__header {
  display: flex;
  align-items: center;
  height: 35px;
  padding: 0px 10px;
  padding-top: 5px;
  margin-top: 0px;
}
.wi-data-set-items-loader__header-total-count {
  font-size: 14px;
  color: black;
  font-weight: 700;
  align-items: center;
  display: flex;
  min-height: 35px;
}
.wi-data-set-items-loader__header-manage-options.-first {
  margin-left: auto;
}
.wi-data-set-items-loader__items {
  padding: 0;
  margin-top: 0px;
}
.wi-data-set-items-loader__filter + .wi-data-set-items-loader__header {
  margin-top: 5px;
}
.wi-data-set-items-loader__header + .wi-data-set-items-loader__items {
  margin-top: 5px;
}
.wi-data-set-items-loader__filter + .wi-data-set-items-loader__items {
  margin-top: 10px;
}
.wi-data-set-items-loader--scrollable-behaviour {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.wi-data-set-items-loader--scrollable-behaviour .wi-data-set-items-loader__items {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-fields-list-view {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
  margin: 0;
  font-size: var(--font-size-body);
}

/* This comment will be in result CSS */
/* Custom */
.wi-field-view {
  display: flex;
  gap: var(--space-10);
  flex-wrap: wrap;
}
.wi-field-view__label {
  font-weight: var(--font-weight-semibold);
}
.wi-field-view__label.-launch-state {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .wi-field-view__label.-launch-state {
    width: 40%;
  }
}
.wi-field-view__label.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-field-view__value {
  margin: 0;
}
.wi-field-view__value.-launch-state {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .wi-field-view__value.-launch-state {
    width: 70%;
  }
}
.wi-field-view__value.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
@media (max-width: 767px) {
  .wi-field-view {
    flex-direction: column;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-ui-api-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-15);
  position: relative;
  text-align: left;
  color: var(--color-text);
}
.wi-ui-api-card__banner {
  position: relative;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
.wi-ui-api-card__banner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-md);
}
.wi-ui-api-card__banner.-launch-state:after {
  background-color: #F3F5F7;
}
.wi-ui-api-card__banner-image {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border-radius: var(--border-radius-md);
  width: 100%;
  display: block;
}
.wi-ui-api-card__title {
  font-size: var(--font-size-heading-3);
  font-weight: var(--font-weight-bold);
  margin: 0;
}
.wi-ui-api-card__title.-launch-state {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  width: 60%;
  overflow: hidden;
}
.wi-ui-api-card__title.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-cards-view {
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.wi-cards-view__container {
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.wi-cards-view__container:focus-visible {
  border-radius: 10px 10px 0 0;
  outline: var(--outline-width) solid var(--outline-color-old-part);
}
.wi-cards-view__thumbnail-image {
  background-size: cover;
  position: relative;
  background-position: center;
  border-radius: 10px 10px 0 0;
}
.wi-cards-view__overlay-button {
  bottom: 5px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.wi-cards-view__asset-type-name {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 10px 0 15px;
  position: absolute;
  left: 0;
  bottom: 6px;
  max-width: calc(100% - 85px);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0 3px 3px 0;
}
.wi-cards-view__asset-type-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.wi-cards-view__actions {
  position: absolute;
  right: 0;
  top: 7px;
  width: 40px;
  height: 40px;
}
.wi-cards-view__actions button.wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid #3697DB;
  box-shadow: none;
  border-radius: 10px;
}
.wi-cards-view__content {
  position: relative;
  border-top: 1px solid #f1f1f1;
}
.wi-cards-view__content.-hide-image {
  border-top-color: transparent;
}
.wi-cards-view__name {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin: 15px 15px 10px 15px;
  font-weight: 400;
}
.wi-cards-view__name.-actions {
  margin-right: 35px;
}
.wi-cards-view__name-icon {
  position: relative;
  top: 2px;
}
.wi-cards-view__name-icon svg {
  width: 14px;
  height: 14px;
  opacity: 0.5;
}
.wi-cards-view__additional-items {
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: -11px;
  color: #717171;
}
.wi-cards-view__additional-item {
  font-size: 13px;
  padding: 0 5px 0 5px;
  border-radius: 3px;
  cursor: pointer;
  color: #717171;
  display: inline-block;
}
.wi-cards-view__additional-item:hover {
  color: #717171;
}
.wi-cards-view__additional-item.-action {
  color: #147bc2;
}
.wi-cards-view__additional-item.-action:hover {
  color: white;
  background-color: #3697db;
}
.wi-cards-view__translation-item {
  margin: 0 10px 15px;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  padding: 0px 10px 0px 32px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 13px;
  line-height: 22px;
  color: #147bc2;
  text-decoration: none solid #3697db;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-cards-view__translation-item--icon {
  position: absolute;
  left: 10px;
  top: 2px;
  width: 18px;
  height: 18px;
}
.wi-cards-view__translation-item--text {
  white-space: nowrap;
}
.wi-cards-view__translation-item:hover {
  background-color: #f1f1f1;
}
.wi-cards-view__translation-item:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.wi-cards-view__translation-item:focus-visible path {
  fill: #fff !important;
}
.wi-cards-view__additional-item-divider {
  font-size: 13px;
  display: inline-block;
}
.wi-cards-view__subtitle {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 12px;*/
  margin: 0 0 15px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-cards-view__subtitle2 {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 8px;*/
  margin: 0 0 15px 15px;
  padding: 0px 15px 0 0;
}
.wi-cards-view__subtitle2--border {
  padding: 15px 15px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-cards-view__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 31px;
  padding: 8px 15px;
  border-top: 1px solid #fafafa;
}
.wi-cards-view__footer-image {
  border-radius: 100%;
  width: 33px;
  height: 33px;
  background-size: cover;
  background-position: 50% 50%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-cards-view__footer-content {
  line-height: 14px;
  margin-left: 8px;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
}
.wi-cards-view__footer-name {
  font-size: 13px;
  line-height: 15px;
  color: #3D3D3D;
  margin-bottom: 2px;
}
.wi-cards-view__footer-date {
  font-size: 12px;
  line-height: 14px;
  color: #717171;
}
.wi-cards-view__footer-date--highlight {
  color: red;
}
.wi-cards-view__deleted-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.95);
}
.wi-cards-view__deleted-text {
  color: #999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
.wi-cards-view__on-thumbnail-actions {
  bottom: 10px;
  position: absolute;
  left: 14px;
}
.wi-cards-view__embed-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.wi-cards-view--right-menu .wi-card {
  background-color: white;
}
.wi-cards-view--launch-state .wi-cards-view__thumbnail-image {
  background-color: #F3F5F7;
}
.wi-cards-view--launch-state .wi-cards-view__name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 24px;
  width: 150px;
  overflow: hidden;
}
.wi-cards-view--launch-state .wi-cards-view__name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-cards-view--launch-state .wi-cards-view__additional-items {
  display: none;
}
.wi-cards-view--launch-state .wi-cards-view__fake-description-line {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
  margin: 15px 15px 10px 15px;
}
.wi-cards-view--launch-state .wi-cards-view__fake-description-line.-line-1 {
  width: 80%;
}
.wi-cards-view--launch-state .wi-cards-view__fake-description-line.-line-2 {
  width: 90%;
}
.wi-cards-view--launch-state .wi-cards-view__fake-description-line.-line-3 {
  width: 70%;
}
.wi-cards-view--launch-state .wi-cards-view__fake-description-line:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-cards-view--launch-state .wi-cards-view__footer-image {
  position: relative;
  overflow: hidden;
  background-color: #F3F5F7;
}
.wi-cards-view--launch-state .wi-cards-view__footer-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-cards-view--launch-state .wi-cards-view__footer-name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
}
.wi-cards-view--launch-state .wi-cards-view__footer-name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-cards-view__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(325px, 100%), 1fr));
  gap: var(--space-15);
}
.wi-cards-view__item-placeholder {
  /*float: left;
	box-sizing: border-box;
	padding: 13px;*/
}
.wi-cards-view__item {
  padding: var(--space-10);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border);
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  text-align: left;
}
.wi-cards-view__item.-clickable:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
}
.wi-cards-view__view-more-holder {
  max-width: 380px;
  margin: 27px auto 15px;
}
.wi-cards-view__loading-indicator {
  height: 34px;
}
.wi-cards-view__loading-indicator svg {
  width: 24px;
  height: 24px;
}
.wi-cards-view__item-wrapper {
  position: relative;
}
.wi-cards-view__item-actions {
  position: absolute;
  right: var(--space-10);
  top: var(--space-10);
  width: 40px;
  height: 40px;
}
.wi-cards-view__item-actions button.wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid #3697DB;
  box-shadow: none;
  border-radius: 10px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-view-more-button {
  border-radius: 50px;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
  padding: 0px 10px;
  color: #000000;
  font-size: 14px;
  height: 34px;
  text-align: center;
  cursor: pointer;
  display: block;
  line-height: 32px;
  box-sizing: border-box;
}
.wi-view-more-button--disabled {
  opacity: 0.5;
  cursor: default;
}
.wi-view-more-button:hover:not(.wi-view-more-button--disabled) {
  background-color: #f5f5f5;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-inline-message {
  text-align: center;
  padding: 8px 20px;
  color: #000000;
}
.wi-inline-message--in-widget-use {
  gap: 0.5625rem;
  display: flex;
  flex-direction: column;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.wi-inline-message__title {
  font-size: 28px;
  margin: 0;
  margin-bottom: 16px;
  margin-top: 20px;
}
.wi-inline-message--in-widget-use .wi-inline-message__title {
  font-size: 0.875rem;
  margin: 0;
}
.wi-inline-message__description {
  font-size: 16px;
  max-width: 410px;
  margin: 16px auto 20px;
}
.wi-inline-message--in-widget-use .wi-inline-message__description {
  font-size: 0.875rem;
  margin: auto;
}
.wi-inline-message__actions {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.wi-data-set-cards-view__inline-message {
  padding: 12px 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-table-view {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.wi-general-table-view__inline-message {
  padding: 12px 0;
}
.wi-general-table-view__body {
  background-color: rgba(235, 235, 235, 0);
  color: #000000;
  font-size: 14px;
  overflow-x: auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-general-table-view__body-wrapper {
  display: inline-table;
  min-width: 100%;
}
.wi-general-table-view__row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 44px;
  border-bottom: 1px solid #d8d8d8;
  /*&.-header {
			height: @header-height;
		}*/
}
.wi-general-table-view__row.-value:last-of-type {
  border-bottom: none;
}
.wi-general-table-view__row.-no-border-bottom {
  border-bottom: none;
}
.wi-general-table-view__row:before {
  content: "";
  width: 14px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-general-table-view__row:after {
  content: "";
  width: 14px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-general-table-view__row.-clickable:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.wi-general-table-view__row.-status:before {
  content: none;
}
.wi-general-table-view__header-actions,
.wi-general-table-view__row-actions {
  position: sticky;
  right: 0;
  display: flex;
  margin-right: -14px;
  margin-left: auto;
  padding: 0;
}
.wi-general-table-view__header-action,
.wi-general-table-view__row-action {
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  position: relative;
  cursor: default;
}
.wi-general-table-view__header-action.-disabled > *,
.wi-general-table-view__row-action.-disabled > * {
  visibility: hidden;
}
.wi-general-table-view__row-action {
  padding: 13px;
  box-sizing: border-box;
}
.wi-general-table-view__row-action.-clickable {
  cursor: pointer;
}
.wi-general-table-view__row-action-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.wi-general-table-view .wi-general-table-view__thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.wi-general-table-view .wi-general-table-view__row.-header {
  background-color: white;
  border-radius: 10px 10px 0 0;
}
.wi-general-table-view__cell {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  min-width: 1px;
  padding: 0 10px 0 0;
  border-width: 0;
  border-radius: 0px;
  width: 170px;
  flex-shrink: 0;
}
.wi-general-table-view__cell.-header {
  color: #5d5d5d;
  font-weight: normal;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.wi-general-table-view__cell.-header svg {
  display: none;
}
.wi-general-table-view__cell.-clickable {
  cursor: pointer;
}
.wi-general-table-view__cell.-icon svg {
  width: 24px;
  display: block;
  flex-shrink: 0;
}
.wi-general-table-view__cell.-cell-type-2 {
  width: 160px;
}
.wi-general-table-view__cell.-cell-type-4,
.wi-general-table-view__cell.-cell-type-5 {
  /*flex-grow: 1;
			width: 300px;*/
}
.wi-general-table-view__cell.-cell-styling-type-1 {
  flex-grow: 1;
  width: 300px;
}
.wi-general-table-view__cell.-cell-styling-type-2 {
  width: 250px;
}
.wi-general-table-view__cell.-cell-styling-type-3 {
  width: 280px;
}
.wi-general-table-view__cell.-cell-styling-type-4 {
  flex-grow: 1;
}
.wi-general-table-view__cell.-highlighted {
  font-weight: bold;
}
.wi-general-table-view.-wi-general-table-view--app-space .wi-general-table-view__cell.-header {
  color: black;
}
.wi-general-table-view__pagination-element {
  border-top: 1px solid #d8d8d8;
  height: 50px;
}
.wi-general-table-view__status-indicator {
  flex-grow: 0;
  width: 14px;
}
.wi-general-table-view--wide-actions .wi-general-table-view__header-action,
.wi-general-table-view--wide-actions .wi-general-table-view__row-action {
  width: 100px;
}
.wi-general-table-view .wi-general-table-view__body-simple-bar {
  overflow-y: auto;
  height: 100%;
  flex-grow: 1;
}
.wi-general-table-view .wi-general-table-view__body-simple-bar .simplebar-vertical {
  top: 48px;
}
.wi-general-table-view .wi-general-table-view__body-simple-bar .simplebar-track {
  pointer-events: all;
}
.wi-general-table-view__row-mask {
  background-image: linear-gradient(270deg, #f7f7f7 0%, rgba(235, 235, 235, 0) 100%);
  width: 100px;
  position: absolute;
  left: -100px;
  pointer-events: none;
  height: 100%;
  /*&.-with-actions {
			left: -@row-mask-width
		}*/
  display: none;
}
.wi-general-table-view__header-button {
  display: flex;
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  align-items: center;
  cursor: inherit;
  font-weight: 500;
}
.wi-general-table-view__header-button:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.simplebar-scrollable-x .wi-general-table-view__row-mask {
  display: block;
}
.wi-statis-indicator {
  display: flex;
  width: 14px;
  box-sizing: border-box;
}
.wi-statis-indicator__active {
  border-left: 4px solid #238e23;
}
.wi-statis-indicator__inactive {
  border-left: 4px solid #e2261e;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-table-cell-view {
  min-width: 1px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 5px 0;
  gap: 4px;
}
.wi-general-table-cell-view__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: start;
}
.wi-general-table-cell-view__value.-button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.wi-general-table-cell-view__value.-fake {
  width: 70%;
  height: 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  display: block;
  position: relative;
}
.wi-general-table-cell-view__value.-fake.-header {
  background-color: #bababa;
}
.wi-general-table-cell-view__value.-fake.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-general-table-cell-view__value.-link,
.wi-general-table-cell-view__value.-primary {
  color: #3697db;
  font-weight: 700;
  color: #000000;
  text-decoration: underline;
  font-size: 0.875rem;
}
.wi-general-table-cell-view__value.-link:focus-visible,
.wi-general-table-cell-view__value.-primary:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.wi-general-table-cell-view__value.-align-end {
  text-align: end;
}
.wi-general-table-cell-view__value.-fake.-align-end {
  align-self: end;
}
.wi-general-table-cell-view__sub-value {
  font-size: 0.625rem;
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-pagination {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 var(--space-10);
}
.wi-pagination__status-bar {
  display: flex;
  flex: 1 1 auto;
  font-size: 0.8125rem;
  color: #717171;
  margin-left: none;
  font-weight: 500;
}
.wi-pagination__status-bar.-loading {
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  width: 75px;
  height: 0.875rem;
  overflow: hidden;
  position: relative;
}
.wi-pagination__status-bar.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-pagination__current-page {
  font-size: 0.8125rem;
  color: #717171;
  font-weight: 500;
  margin-left: auto;
  margin-right: 0;
}
.wi-pagination__actions-panel {
  display: flex;
  gap: 0.875rem;
}
.wi-pagination__actions-panel.-loading {
  display: none;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-view__item {
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  margin-bottom: 10px;
}
.ui-x-support-hover-on-touch .wi-list-view__item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-list-view__item:hover.-fake,
.ui-x-support-hover-on-touch .wi-list-view__item:hover.-no-hover {
  box-shadow: none;
}
.wi-list-view__item.-clickable {
  cursor: pointer;
}
.wi-list-view__view-more-holder {
  max-width: 380px;
  margin: 27px auto 15px;
}
.wi-list-view__loading-indicator {
  height: 34px;
}
.wi-list-view__loading-indicator svg {
  width: 24px;
  height: 24px;
}

.wi-data-set-list-view__inline-message {
  padding: 12px 0;
}

.wi-data-set-card-list-view {
  gap: var(--widget-gap);
  display: flex;
  flex-direction: column;
}
.wi-data-set-card-list-view__inline-message {
  padding: 12px 0;
}
.wi-data-set-card-list-view__bottom {
  margin: 0px -10px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-card-list-view {
  font-size: var(--font-size-body);
  gap: var(--space-15);
  display: flex;
  flex-direction: column;
}
.wi-card-list-view__header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-10);
  flex-wrap: wrap;
  line-height: var(--line-height-normal);
}
.wi-card-list-view__header-label {
  min-width: 1px;
  overflow-wrap: break-word;
}
.wi-card-list-view__header-label.-launch-state {
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-card-list-view__header-label.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card-list-view__header-value {
  font-weight: var(--font-weight-bold);
  min-width: 1px;
  overflow-wrap: break-word;
}
.wi-card-list-view__header-value.-launch-state {
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-card-list-view__header-value.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card-list-view__items {
  list-style: none;
  padding: 0;
}
.wi-card-list-view__item {
  border-bottom: 1px solid #D8D8D8;
  padding: var(--space-15) 0;
}
.wi-card-list-view__item:first-child {
  border-top: 1px solid #D8D8D8;
}
.wi-card-list-view__item.-clickable {
  cursor: pointer;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-card-list-card {
  display: flex;
  flex-direction: column;
  line-height: var(--line-height-normal);
  font-size: var(--font-size-body);
  gap: var(--space-5);
}
.wi-card-list-card__header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-5);
  flex-wrap: wrap;
}
.wi-card-list-card__primary-info-items {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  flex-wrap: wrap;
}
.wi-card-list-card__primary-info-item {
  font-weight: var(--font-weight-normal);
}
.wi-card-list-card__primary-info-item:first-child:before {
  content: none;
}
.wi-card-list-card__primary-info-item:before {
  content: " \2022 ";
  padding: 0;
  margin-right: var(--space-5);
}
.wi-card-list-card__primary-info-item.-launch-state {
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-card-list-card__primary-info-item.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card-list-card__primary-info-item.-clickable button,
.wi-card-list-card__primary-info-item.-clickable a {
  color: var(--color-text);
  padding: 0;
  border: none;
  background-color: transparent;
  text-decoration: underline;
  font-weight: var(--font-weight-semibold);
}
.wi-card-list-card__primary-info-item.-clickable button:focus-visible,
.wi-card-list-card__primary-info-item.-clickable a:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.wi-card-list-card__value {
  font-weight: var(--font-weight-semibold);
  color: #000;
}
.wi-card-list-card__value.-launch-state {
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-card-list-card__value.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card-list-card__descriptions {
  flex-basis: 100%;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-card-list-card__description-value.-launch-state {
  border-radius: 50px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.wi-card-list-card__description-value.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

.wi-data-set-items-view__elements-delimeter {
  margin: 30px 0;
  border-top: 1px solid #c8c8c8;
}
.wi-data-set-items-view__inline-message {
  padding: 12px 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-two-row-resizable-container {
  display: block;
  list-style: none;
}
.em360-two-row-resizable-container.em360-two-row-resizable-container--data-set-view {
  margin: 0;
  padding: 10px;
  background-color: #f1f1f1;
  border-radius: 10px;
}
.em360-two-row-resizable-container .em360-two-row-resizable-container__big-tiles {
  display: flex;
  gap: 10px;
}
.em360-two-row-resizable-container .em360-two-row-resizable-container__big-tiles.-greedy > * {
  max-width: unset;
}
.em360-two-row-resizable-container .em360-two-row-resizable-container__small-tiles {
  margin-top: 10px;
}
.em360-two-row-resizable-container .em360-two-row-resizable-container__small-tiles .em360-two-row-resizable-container__tiles-content {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-quick-filter {
  flex: 1 1 auto;
  min-width: 1px;
  border-radius: 10px;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
  background-color: #ffffff;
  padding: 15px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  cursor: pointer;
  max-width: unset;
  width: 215px;
  height: 85px;
  box-sizing: border-box;
  overflow: hidden;
}
.em360-quick-filter.-info,
.em360-quick-filter.-info:hover,
.em360-quick-filter.-info:hover:not(.wi-disabled) {
  cursor: default;
  border-color: #d8d8d8;
}
@media (min-width: 601px) {
  .em360-quick-filter {
    max-width: 215px;
  }
}
.em360-quick-filter__title {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.em360-quick-filter__subtitle {
  line-height: 33px;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}
.em360-quick-filter:focus-visible {
  outline: 3px solid #3697DB;
}
.em360-quick-filter:hover:not(.wi-disabled) {
  border-color: #717171;
}
.em360-quick-filter.-fake {
  cursor: progress;
  border: none;
  box-shadow: none;
}
.em360-quick-filter.-fake:hover {
  background-color: #ffffff;
  cursor: progress;
  border: none;
  box-shadow: none;
}
.em360-quick-filter.-fake .em360-quick-filter__title {
  height: 17px;
  width: 60%;
}
.em360-quick-filter.-fake .em360-quick-filter__subtitle {
  height: 34px;
  width: 30%;
}
.em360-quick-filter.-fake div {
  border-radius: 50px;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
}
.em360-quick-filter.-fake div:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-quick-filter.-small {
  height: 26px;
  display: flex;
  flex-direction: row;
  max-width: 150px;
  padding: 0;
  align-items: center;
  width: auto;
  border-radius: 5px;
}
.em360-quick-filter.-small .em360-quick-filter__title {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px;
  flex: 1;
}
.em360-quick-filter.-small .em360-quick-filter__subtitle {
  display: none;
}
.em360-quick-filter.-small:focus-visible {
  border: 1px solid #3697DB;
  outline: none;
}
.em360-quick-filter.-fake.-small {
  min-width: 90px;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake {
  cursor: progress;
  border: none;
  box-shadow: none;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake:hover {
  background-color: #F3F5F7;
  cursor: progress;
  border: none;
  box-shadow: none;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake .em360-quick-filter__title {
  height: 17px;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake .em360-quick-filter__subtitle {
  height: 34px;
  width: 50%;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake div {
  border-radius: 50px;
  background-color: white;
}
.em360-quick-filter.em360-quick-filter--view-screen.-fake div:after {
  content: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-table-edit {
  border-color: #d8d8d8;
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.wi-general-table-edit__inline-message {
  padding: 12px 0;
}
.wi-general-table-edit__body {
  background-color: rgba(235, 235, 235, 0);
  color: #000000;
  font-size: 14px;
  overflow-x: auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-general-table-edit__body-wrapper {
  display: inline-table;
  min-width: 100%;
}
.wi-general-table-edit__row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 44px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 14px;
  gap: 20px;
}
.wi-general-table-edit__row.-value:last-of-type {
  border-bottom: none;
}
.wi-general-table-edit__row.-header {
  height: 47px;
}
.wi-general-table-edit .wi-general-table-edit__thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.wi-general-table-edit .wi-general-table-edit__row.-header {
  background-color: white;
  border-radius: 10px 10px 0 0;
}
.wi-general-table-edit__cell {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  min-width: 1px;
  border-width: 0;
  border-radius: 0px;
  width: 150px;
  flex-shrink: 0;
}
.wi-general-table-edit__cell.-header {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
}
.wi-general-table-edit__cell.-header svg {
  display: none;
}
.wi-general-table-edit__cell.-cell-type-2 {
  width: 160px;
}
.wi-general-table-edit__cell.-cell-type-4,
.wi-general-table-edit__cell.-cell-type-5 {
  /*flex-grow: 1;
			width: 300px;*/
}
.wi-general-table-edit__cell.-cell-styling-type-1 {
  flex-grow: 1;
  width: 290px;
}
.wi-general-table-edit__cell.-cell-styling-type-2 {
  width: 250px;
}
.wi-general-table-edit__cell.-cell-styling-type-3 {
  width: 280px;
}
.wi-general-table-edit__cell.-cell-styling-type-4 {
  flex-grow: 1;
}
.wi-general-table-edit__cell-input {
  margin: 13px 0 13px 0;
}
.wi-general-table-edit .wi-general-table-edit__body-simple-bar {
  overflow-y: auto;
  height: 100%;
  flex-grow: 1;
}
.wi-general-table-edit .wi-general-table-edit__body-simple-bar .simplebar-vertical {
  top: 48px;
}
.wi-general-table-edit .wi-general-table-edit__body-simple-bar .simplebar-track {
  pointer-events: all;
}

.em360-inline-data-set-list-edit {
  display: flex;
  gap: var(--space-30);
  flex-direction: column;
}
.em360-inline-data-set-list-edit__header-text {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-heading-3);
  margin: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-generic-edit-menu-content__section-title {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 0 28px;
  text-transform: uppercase;
  color: #5e5e5e;
  font-weight: 700;
  margin: 10px 0;
}

/* This comment will be in result CSS */
/* Custom */
.em360-form-button,
.wi-form-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 10ch;
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  border-radius: var(--button-border-radius);
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: var(--button-box-shadow);
  cursor: pointer;
}
.em360-form-button:hover,
.wi-form-button:hover {
  box-shadow: var(--button-hover-box-shadow);
}
.em360-form-button:active,
.wi-form-button:active {
  box-shadow: var(--button-active-box-shadow);
}
.em360-form-button:focus-visible,
.wi-form-button:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
}
.em360-form-button[aria-disabled=true],
.em360-form-button:disabled,
.wi-form-button:disabled {
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
}
.em360-form-button--primary,
.wi-form-button--primary {
  --icon-color: var(--button-primary-text-color);
  background-color: var(--button-primary-background-color);
  color: var(--button-primary-text-color);
}
.em360-form-button--primary:hover,
.wi-form-button--primary:hover {
  background-color: var(--button-primary-hover-background-color);
}
.em360-form-button--primary:disabled,
.em360-form-button--primary[aria-disabled=true],
.wi-form-button--primary:disabled,
.wi-form-button--primary[aria-disabled=true] {
  background-color: var(--button-primary-background-color);
}
.em360-form-button--secondary,
.wi-form-button--secondary {
  --icon-color: var(--button-secondary-text-color);
  background-color: var(--button-secondary-background-color);
  border-color: var(--button-secondary-border-color);
  color: var(--button-secondary-text-color);
}
.em360-form-button--secondary:hover,
.wi-form-button--secondary:hover {
  background-color: var(--button-secondary-hover-background-color);
}
.em360-form-button--secondary:disabled,
.em360-form-button--secondary[aria-disabled=true],
.wi-form-button--secondary:disabled,
.wi-form-button--secondary[aria-disabled=true] {
  background-color: var(--button-secondary-background-color);
}
.em360-form-button--remove {
  color: #C92A2A;
  background-color: var(--button-delete-idle-background-color);
  border: none;
  box-shadow: none;
}
.em360-form-button--remove:hover {
  background-color: var(--button-delete-background-color);
  box-shadow: none;
}
.em360-form-button--remove:active {
  background-color: var(--button-delete-background-color);
  box-shadow: 0px 2px 4px 0px #0000000D inset;
}
.em360-form-button--remove:disabled,
.em360-form-button--remove[aria-disabled=true] {
  background-color: var(--button-delete-idle-background-color);
  box-shadow: none;
}
.em360-form-button--wide,
.wi-form-button--wide {
  width: 100%;
}
.em360-form-button--loading,
.wi-form-button--loading {
  position: relative;
  overflow: hidden;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border: 1px solid transparent;
}
.em360-form-button--loading:after,
.wi-form-button--loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-form-button--loading:hover,
.wi-form-button--loading:hover {
  background-color: #F3F5F7;
  box-shadow: none;
}
.em360-form-button--loading:disabled,
.wi-form-button--loading:disabled {
  opacity: 1;
}
.em360-form-button--circle,
.wi-form-button--circle {
  aspect-ratio: 1;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border-radius: 9999px;
  min-width: unset;
  padding: 0;
}
.em360-form-button__icon-element {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

:root {
  --form-field-color: #5D5D5D;
  --form-field-time-icon-color-filter: invert(34%) sepia(0%) saturate(0%) hue-rotate(219deg) brightness(103%) contrast(89%);
  --form-gap: 1.5625rem;
  --form-max-width: 42rem;
  --form-title-font-size: 1.5rem;
  --form-title-line-height: 1.5;
  --form-field-gap: 0.25rem;
  --form-field-background-color: #fff;
  --form-field-border-color: #ced4da;
  --form-field-border-width: var(--em360-border-width);
  --form-field-border-radius: var(--em360-border-radius);
  --em360-form-field-file-border: var(--em360-border-drop-area);
  --em360-form-field-border-radius: var(--em360-border-radius);
  --form-field-padding: var(--em360-input-padding);
  --em360-form-field-padding: var(--em360-input-padding);
  --form-fieldset-header-size: 1rem;
  --form-field-font-size: 1rem;
  --form-field-line-height: 1.5;
  --form-field-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  --form-field-hover-border-color: #adb5bd;
  --form-field-accent-color: var(--primary-accent-color);
  --form-field-outline-width: 2px;
  --form-field-outline-color: #1971c2;
  --checkbox-border-radius: 0.25rem;
  --radio-border-radius: 9999px;
  --label-font-size: 0.875rem;
  --label-line-height: 1.5;
  --label-font-weight: 500;
  --button-border-radius: 0.5rem;
  --button-font-size: 0.875rem;
  --button-font-weight: 500;
  --button-line-height: 1.5;
  --button-padding: 0.5rem 1rem;
  --button-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  /* arbitrary, used in techcloud */
  --button-hover-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  /* arbitrary, used in techcloud */
  --button-active-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  /* arbitrary, used in techcloud, but should be inset when active */
  --button-primary-text-color: #fff;
  /* arbitrary */
  --button-primary-background-color: var(--primary-accent-color);
  /* arbitrary */
  --button-primary-hover-background-color: #212529;
  /* arbitrary */
  --button-delete-idle-background-color: transparent;
  --button-delete-background-color: #F8F9FA;
  --button-secondary-background-color: #fff;
  /* arbitrary */
  --button-secondary-border-color: #ced4da;
  /* arbitrary */
  --button-secondary-text-color: #343a40;
  /* arbitrary */
  --button-secondary-hover-background-color: #f8f9fa;
  /* arbitrary */
  --validation-error-color: #c92a2a;
}
@media (min-width: 768px) {
  :root {
    --form-field-font-size: 0.875rem;
  }
}
.dynamic-edit {
  width: 100%;
  gap: var(--form-gap);
  display: flex;
  flex-direction: column;
  color: var(--color-text);
}
.dynamic-edit__form {
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
}
.dynamic-edit__form .wi-accordion-group--maximised .wi-accordion-group__content {
  margin: 20px;
}
.dynamic-edit__actions {
  display: flex;
  gap: 0.625rem;
}
.dynamic-edit-view {
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
  max-width: var(--form-max-width);
  width: 100%;
  margin: 0 auto;
}

/* This comment will be in result CSS */
/* Custom */
.forms-info-panel__title-element {
  color: #333333;
  margin: 0;
  font-size: var(--form-title-font-size);
  line-height: var(--form-title-line-height);
}
.forms-info-panel__title-element.-center {
  align-self: center;
  text-align: center;
}
.forms-info-panel__title-element.-loading {
  border-radius: 5px;
  height: calc(var(--form-title-line-height) * var(--form-title-font-size));
  width: 60%;
  position: relative;
  color: transparent;
  overflow: hidden;
  background-color: #F3F5F7;
}
.forms-info-panel__title-element.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.forms-info-panel__description-element {
  color: #333333;
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
}
.forms-info-panel__description-element.-center {
  align-self: center;
  text-align: center;
}
.forms-info-panel__description-element.-loading {
  border-radius: 5px;
  height: calc(3 * var(--label-line-height) * var(--label-font-size));
  width: 100%;
  position: relative;
  color: transparent;
  overflow: hidden;
  background-color: #F3F5F7;
}
.forms-info-panel__description-element.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.forms-info-panel__description-element h1 {
  margin: 0;
  font-size: var(--header-h1-size);
  line-height: var(--header-h1-size);
}
.forms-info-panel__description-element h2 {
  margin: 0;
  font-size: var(--header-h2-size);
  line-height: var(--header-h2-size);
}
.forms-info-panel__description-element ul,
.forms-info-panel__description-element ol {
  padding-inline-start: 1.5rem;
  list-style-type: unset;
}

.wi-profile-management {
  padding: 1rem;
  padding-top: 25px;
}

@keyframes wi-animation-slide-in {
  0% {
    transform: translateY(-105%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes wi-animation-slide-out {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-105%);
  }
}

@keyframes wi-menu-confirm-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wi-menu-confirm-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.wi-alertdialog {
  background-color: #3697db;
  color: white;
  font-family: var(--em360-font-family);
  line-height: 1.45;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 12px 65px 0px 65px;
  visibility: collapse;
  pointer-events: none;
}
.wi-alertdialog.-visible {
  visibility: visible;
  pointer-events: initial;
}
.wi-alertdialog--fade-in {
  opacity: 0;
}
.wi-alertdialog--fade-in.-open {
  opacity: 1;
}
.wi-alertdialog--slide-in {
  transform: translateY(-105%);
}
.wi-alertdialog--slide-in.-open {
  transform: translateY(0%);
}
.wi-alertdialog__title {
  font-size: 18px;
  margin-bottom: 19px;
}
.wi-alertdialog__content {
  font-size: 15px;
  margin-bottom: 34px;
}
.wi-alertdialog__actions {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
.wi-alertdialog__action {
  cursor: pointer;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0;
  flex: 0 1 auto;
  min-width: 1px;
  color: inherit;
  background: transparent;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  border: none;
  border-radius: var(--border-radius--menu-header-item);
}
.wi-alertdialog__action:focus-visible {
  outline: var(--outline-width) solid var(--outline-color--menu-header-item);
  outline-offset: var(--outline-offset);
}
@media (min-width: 700px) {
  .wi-alertdialog__title {
    margin-bottom: 22px;
  }
  .wi-alertdialog__content {
    font-size: 16px;
    margin-bottom: 26px;
  }
  .wi-alertdialog__actions {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}

.ui-x-feed-resp {
  margin: 0 auto;
  min-height: 1px;
  margin-top: 30px;
}
.ui-x-feed-resp.ui-x-crumb-margin {
  margin-top: 0;
}
.ui-x-flex-feed .ui-x-feed-resp,
.ui-x-floated-feed .ui-x-feed-resp {
  width: 94%;
  margin: 30px 3% 0;
  /*left: 16px;*/
  position: relative;
}
.ui-x-flex-feed .ui-x-feed-container-inner {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ui-x-flex-feed .ui-x-feed-container-inner > div {
  flex: 1;
  max-width: 50%;
}
.ui-x-flex-feed .ui-x-feed-item-container {
  min-width: 271px;
  width: inherit;
}
.ui-x-flex-feed .ui-x-flex-feed-fakeItem {
  min-width: 271px;
  height: 0;
  overflow: hidden;
}
.ui-x-feed-surprise-mode.ui-x-feed-nocontent {
  visibility: hidden;
}
.ui-x-feed-container {
  margin: 0 auto;
}
.ui-x-feed-container-outer {
  margin-right: 32px;
  position: relative;
  z-index: 1;
}
.ui-x-flex-feed .ui-x-feed-container-outer,
.ui-x-floated-feed .ui-x-feed-container-outer {
  margin-right: 0;
}
.ui-x-feed-container-outer-outer {
  position: relative;
  margin-top: 16px;
  /* halfed for crumbtrail gap */
}
.ui-x-feed-container-outer-outer.ui-x-feed-title-margin {
  margin-top: 20px;
  /* 25 */
}
.ui-x-feed-container-inner {
  position: relative;
  height: 100%;
  top: 0;
  left: 0;
}
.ui-feed-info {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-x-feed-container-outer.ui-x-feed-loading {
  /*visibility: hidden;*/
  left: -40000px;
}
.ui-x-feed-loading .ui-x-loading-icn {
  margin-top: 5%;
}
.ui-x-feed-container .ui-x-loading-icn {
  top: 0;
}
.ui-x-feed-item {
  position: absolute;
  width: 271px;
  margin-left: 32px;
  margin-bottom: 32px;
  background-color: #dedede;
  /*overflow: hidden;*/
  /*z-index: 1;*/
  /*border:1px solid #EAEAEA;*/
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  /*-webkit-transition: all 600ms ease-out 0;
	-moz-transition: all 600ms ease-out 0;
	-ms-transition: all 600ms ease-out 0;
	transition: all 600ms ease-out 0;*/
}
.ui-x-floated-feed .ui-x-feed-item {
  position: relative;
  float: left;
  margin-left: 0;
  margin-right: 32px;
  /*width: calc((100% / 5) - 34px);*/
  /* default columns is BS - uses JS but this is a fall back*/
  width: 269px;
}
.ui-x-flex-feed .ui-x-feed-item {
  float: none;
  position: relative;
  margin-left: 0;
  margin-right: 32px;
  min-width: 269px;
  width: inherit;
}
.ui-x-floated-feed .ui-x-feed-item-container {
  width: 100%;
  min-width: 269px;
}
.ui-x-floated-feed .ui-x-feed-item-content-right {
  width: 179px;
}
.ui-x-feed-card-reverse {
  display: none;
  background-color: #FFFFFF;
  font-size: 88%;
}
.ui-x-feed-item-navigable {
  /*-moz-box-shadow: 0 0 4px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.45);
    box-shadow: 0 0 4px rgba(0,0,0,0.45);*/
  position: relative;
  /*z-index: 1;*/
}
.ui-x-feed-item.ui-x-hidden {
  visibility: hidden;
}
.ui-x-feed-item.ui-x-mobile-mini.ui-x-hidden {
  display: none;
}
/* FILTERS */
.ui-x-filters-inner-content {
  background-color: #FFFFFF;
}
.ui-x-feed-container .ui-x-filters-inner-content .ui-x-loading-icn {
  top: auto;
}
.ui-x-feed-filters {
  display: none;
}
.ui-x-feed-filter .ui-x-menu-title {
  height: 68px;
  border-bottom: 1px solid #EAEAEA;
  background-color: #f8f8f8;
}
.ui-x-feed-filter .ui-x-menu-title p {
  font-family: var(--em360-font-family);
  font-size: 20px;
  font-weight: 300;
  color: #5D5D5D;
  line-height: 68px;
  padding: 0 20px;
  float: left;
}
.ui-x-feed-filter .ui-x-menu-title a {
  cursor: pointer;
  float: right;
  height: 20px;
  margin: 24px 0;
  padding-right: 20px;
  width: 20px;
}
span.ui-x-tickbox-container .ui-x-tickbox-icn {
  display: none;
}
span.ui-x-tickbox-container.ui-x-active .ui-x-tickbox-icn {
  display: block;
}
span.ui-x-tickbox-container.ui-x-active .ui-x-untickbox-icn {
  display: none;
}
.ui-x-feed-item-container {
  /*border:1px solid #d9d5d6;*/
  width: 271px;
  position: relative;
}
.ui-x-feed-item-navigable .ui-x-feed-item-container {
  cursor: pointer;
}
.ui-x-feed-item-container.ui-x-system-card {
  /*height: 355px;*/
}
.ui-x-feed-load-more {
  background-color: #fff;
  border-color: #d8d8d8;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 2px;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  min-height: 40px;
}
.ui-x-feed-load-more.ui-x-button:hover {
  background-color: #bababa;
  background-color: rgba(186, 186, 186, 0.15);
}
.ui-x-feed-load-more-button {
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
}
.ui-x-feed-load-more-icon .ui-x-loading-icn {
  height: 40px;
  margin: 0 auto;
  width: 40px;
  position: static;
}
/* Direct link - svg thumbnails etc */
.ui-x-overlay-button {
  bottom: 5px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.ui-x-feed-item-navigable .ui-x-feed-item-container .ui-x-overlay-button:hover #circleBg {
  opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}
/* Common elements */
.ui-x-feed-item-content {
  position: relative;
  border-top: 1px solid #F1F1F1;
}
.ui-x-feed-item-asset-type-name {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 5px 0 16px;
  position: absolute;
  left: 0;
  bottom: 6px;
  max-width: calc(100% - 80px);
}
.ui-x-feed-play-icn {
  position: relative;
}
.ui-x-feed-item-asset-type-text {
  display: block;
  overflow: hidden;
  padding: 0 8px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-x-feed-item-container h3 {
  font-size: 100%;
  font-weight: 400;
  margin: 0;
  padding: 15px 15px 0;
  line-height: 1.45;
}
.ui-x-feed-item-container.ui-x-system-card .ui-x-feed-item-content {
  background-color: #fff;
}
.ui-x-feed-item-container.ui-x-system-card h3 {
  float: left;
  margin-bottom: 15px;
  max-height: 3em;
  overflow: hidden;
}
.ui-x-feed-item-container.ui-x-card-two h3 {
  height: 46px;
  display: inline-table;
  padding: 15px 20px;
}
.ui-x-feed-item-container.ui-x-card-three h3 {
  font-size: 88%;
}
.ui-x-feed-item-container.ui-x-card-two h3 span.ui-x-interest-title {
  display: table-cell;
  vertical-align: middle;
}
.ui-x-feed-item-container.ui-x-card-two h3 span.ui-x-interest-title span {
  max-height: 46px;
  display: block;
  overflow: hidden;
}
.ui-x-feed-item-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  padding: 15px 15px 0;
}
.ui-x-field {
  padding: 15px 15px 0;
}
.ui-x-field-item {
  padding: 10px 0 0;
}
.ui-x-field-title {
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  display: block;
}
.ui-x-field-data {
  font-size: 14px;
  font-weight: 300;
  color: #333333;
}
.ui-x-feed-item-footer {
  min-height: 31px;
  padding: 10px 15px;
  border-top: 1px solid #fafafa;
  margin-top: 20px;
}
.ui-x-feed-item-footer .ui-x-feet-item-footer-content {
  float: left;
  line-height: 14px;
  margin-left: 8px;
}
.ui-x-feed-item-footer p.ui-x-feed-item-footer-name {
  font-size: 12px;
  line-height: 1.45;
}
.ui-x-feed-item-footer p.ui-x-feet-item-footer-date {
  font-size: 11px;
  font-weight: 300;
}
.ui-x-feed-item-options {
  /*width: 45px;
    position: absolute;
    left: 0;
    top: 0;*/
  background-color: #fefefe;
  border-top: 1px solid #f1f1f1;
  text-align: center;
}
.ui-x-feed-item-options ul {
  margin: 0 5px;
  height: 45px;
}
.ui-x-feed-item-options ul li {
  display: inline-block;
  margin: 0 10px;
}
.ui-x-feed-item-options a {
  display: block;
  height: 45px;
  width: 45px;
  text-align: center;
  position: relative;
}
.ui-x-feed-item-options a span.ui-x-option-overlay-value {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 9px;
  line-height: 10px;
  font-weight: 800;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: white;
  text-align: center;
  color: #575757;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-feed-item-options a span.ui-x-option-overlay-value.ui-x-2-char {
  right: 9px;
}
.ui-x-feed-item-options a span.ui-x-option-overlay-value.ui-x-3-char {
  right: 6px;
}
.ui-x-feed-item-options a:hover span.ui-x-option-overlay-value {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-mobile-mini .ui-x-feed-item-options a span.ui-x-option-overlay-value {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  right: inherit;
  left: 20px;
  bottom: 11px;
}
.ui-x-mobile-mini .ui-x-feed-item-options a span.ui-x-option-overlay-value.ui-x-2-char {
  left: 21px;
}
.ui-x-mobile-mini .ui-x-feed-item-options a span.ui-x-option-overlay-value.ui-x-3-char {
  left: 23px;
}
.ui-x-feed-item-options a.ui-x-option-button {
  cursor: pointer;
}
.ui-x-feed-item-options a svg {
  background-image: none;
  display: inline-block;
  height: 21px;
  margin: 12px 0;
  width: 23px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-feed-item-options a:hover svg {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-feed-item-options a .ui-x-dropdown-container {
  right: 0;
  top: -31px;
  width: 200px;
}
.ui-x-feed-item-options a .ui-x-moreOpts-menu ul {
  margin: 0;
  padding: 0;
}
.ui-x-feed-item-options a .ui-x-moreOpts-menu ul li {
  float: none;
  margin: 0;
}
.ui-x-feed-item-options a .ui-x-moreOpts-menu ul li a {
  color: #5d5d5d;
  cursor: pointer;
  display: block;
  font-size: 93%;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-align: left;
  text-decoration: none;
  width: auto;
}
.ui-x-feed-item-options a .ui-x-moreOpts-menu ul li a:hover {
  background-color: #F5F5F5;
}
.ui-x-feed-item-content-left {
  float: left;
  position: relative;
}
.ui-x-feed-item-content-right {
  /*float: left;
    width: 181px;*/
  float: left;
  margin-right: -90px;
  width: 181px;
}
.ui-x-feed-item-content-right h3 {
  white-space: nowrap;
  overflow: hidden;
  margin: 10px 15px 5px;
  padding: 0;
  /*width: 151px;*/
}
.ui-x-feed-item-content-right.ui-x-content-center {
  /*display: inline-table;*/
  /*margin: 10px 15px;*/
  /*width: 151px;*/
  height: 90px;
}
.ui-x-feed-item-content-right.ui-x-content-center .ui-x-feed-item-content-right-inner {
  display: inline-table;
  height: 70px;
  margin: 10px 15px;
  white-space: normal;
  width: 151px;
}
.ui-x-feed-item-fullWidth .ui-x-feed-item-container .ui-x-feed-item-content-right.ui-x-content-center .ui-x-feed-item-content-right-inner {
  margin-right: 100px;
  width: auto;
}
.ui-x-feed-item-content-right.ui-x-content-center h3 {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  white-space: normal;
}
.ui-x-feet-item-footer-stats {
  margin: 0 15px;
  width: 151px;
}
.ui-x-feet-item-footer-stats > div {
  line-height: 17px;
}
.ui-x-feet-item-footer-stats .ui-x-feed-item-title {
  font-size: 69%;
  color: #717171;
  width: 50%;
  display: inline-block;
}
.ui-x-feet-item-footer-stats span {
  color: #9B9B9B;
  font-size: 69%;
}
/* TILES */
.ui-x-feed-type-rows .ui-x-feed-container-outer {
  margin-right: 6px;
}
.ui-x-feed-type-rows .ui-x-feed-item {
  position: relative;
  width: auto;
  margin-bottom: 6px;
  margin-left: 6px;
  float: left;
  border-radius: 10px;
  /*@feed-item-border-radius*/
  border-width: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  /*@feed-item-box-shadow*/
}
.ui-x-feed-type-rows .ui-x-feed-item-card-thumbnail-image {
  border-radius: 10px 10px 0 0;
  /*@feed-item-border-radius*/
}
.ui-x-feed-type-rows .ui-x-feed-item-container {
  border-radius: 10px;
  /*@feed-item-border-radius*/
}
.ui-x-support-hover-on-touch .ui-x-feed-type-rows .ui-x-feed-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  /*@feed-item-box-shadow--hover*/
}
.ui-x-feed-type-rows .ui-x-feed-item-container {
  width: auto;
  border-radius: 10px;
  /*@feed-item-border-radius*/
}
.ui-x-feed-type-rows .ui-x-feed-item.ui-x-hidden {
  visibility: visible;
}
.ui-x-feed-surprise-mode.ui-x-feed-type-rows.ui-x-feed-nocontent .ui-x-feed-item.ui-x-hidden {
  visibility: hidden;
}
.ui-x-feed-item-card-thumbnail {
  position: relative;
  height: 150px /* todo work out true cause to need this default height*/;
}
.ui-x-feed-item-card-thumbnail-image {
  /*position: absolute;
	top: 0;
	left: 0;*/
  width: 100%;
  height: 100%;
}
.ui-x-feed-type-rows .ui-x-feed-item-content {
  bottom: -1px;
  left: 0;
  position: absolute;
  width: 100%;
  border-top: 0 none;
  background-color: #ffffff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";
}
.ui-x-feed-type-rows .ui-x-overlay-button {
  bottom: 85px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.ui-x-feed-type-rows .ui-x-feed-item-tile-container {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.ui-x-feed-type-rows .ui-x-feed-item-tile-container .ui-x-feed-item-asset-type-name {
  /*position: relative;
    bottom: 6px;
    float: left;*/
  float: left;
  position: absolute;
  top: -30px;
}
.ui-x-feed-type-rows .ui-x-feed-item-tile-container .ui-x-feed-item-content {
  bottom: -1px;
  left: 0;
  position: relative;
  width: 100%;
  border-top: 0 none;
  background-color: #ffffff;
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  float: left;
  height: 81px;
  border-radius: 0 0 10px 10px;
  /*@feed-item-border-radius*/
}
.ui-x-feed-type-rows .ui-x-feed-item-container h3 {
  padding: 9px 15px;
  text-align: left;
  overflow: hidden;
  font-size: 14px;
}
.ui-x-feed-type-rows .ui-x-feed-item-container h3 span {
  display: block;
  max-height: 62px;
  overflow: hidden;
}
.ui-x-feed-item-option {
  float: left;
  cursor: pointer;
  margin-right: 6px;
}
.ui-x-feed-item-option.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-feed-item-option span.ui-x-icon {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  height: 21px;
}
/*MOBILE MINI CARDS */
.ui-x-feed-item.ui-x-mobile-mini {
  overflow: inherit;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  width: 100%;
  background-color: #fff;
  margin-bottom: 5px;
}
.ui-x-feed-item.ui-x-mobile-mini .ui-x-feed-item-navigable {
  z-index: inherit;
}
.ui-x-feed-item-container.ui-x-mobile-mini {
  overflow: hidden;
  padding: 15px;
  min-height: 45px;
}
.ui-x-feed-item-container.ui-x-mobile-mini.ui-x-desktop-mini {
  overflow: visible;
  padding: 20px 20px 0;
  /*min-height: 70px;*/
}
/* options hack specific */
.ui-x-mobile-mini .ui-x-mini-toggle {
  position: absolute;
  right: 20px;
  top: 7px;
  width: 45px;
  height: 40px;
  z-index: 1;
}
.ui-x-mobile-mini .ui-x-mini-toggle svg {
  margin: 12px;
}
.ui-x-mobile-mini .ui-x-feed-item-options {
  right: 2px;
  top: 40px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  cursor: default;
  font-size: 88%;
  position: absolute;
  text-align: left;
  /*width: 393px;*/
  width: 80%;
  max-width: 250px;
  z-index: 10;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul {
  padding: 5px 0;
  margin: 0;
  height: auto;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li {
  display: block;
  margin: 0;
  width: 100%;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a:hover {
  background-color: #f5f5f5;
  z-index: 11;
  zoom: 1;
  -ms-zoom: 1;
}
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini ul li a:hover {
  border-radius: 100%;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a {
  color: #737373;
  cursor: pointer;
  display: inline-block;
  font-size: 113%;
  font-weight: 400;
  height: 45px;
  line-height: normal;
  padding: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
  z-index: 11;
  zoom: 1;
  -ms-zoom: 1;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a span.ui-x-icn {
  width: 45px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  z-index: 11;
  zoom: 1;
  -ms-zoom: 1;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a span.ui-x-icn svg {
  margin: 12px;
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  z-index: 11;
  zoom: 1;
  -ms-zoom: 1;
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a:hover span.ui-x-icn svg {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a span.ui-x-icn + span {
  color: #333333;
  display: inline-block;
  font-size: 88%;
  margin-bottom: 0;
  margin-left: 3px;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
/* end of options */
/* new full width options*/
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini {
  position: relative;
  right: inherit;
  top: inherit;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #27282c;
  cursor: default;
  font-size: 88%;
  text-align: left;
  width: inherit;
  z-index: 10;
  border: none;
  padding-bottom: 10px;
}
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini ul {
  margin-left: 75px;
  padding-top: 10px;
}
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini ul li {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 45px;
  height: 45px;
}
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini ul li a span.ui-x-icn svg {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-mobile-mini .ui-x-feed-item-options ul li a span.ui-x-icn + span {
  display: inline-block;
}
.ui-x-mobile-mini .ui-x-feed-item-options.ui-x-desktop-mini ul li a span.ui-x-icn + span {
  display: none;
}
.ui-x-mobile-mini .ui-x-feed-item-asset-type-name {
  top: 10px;
  right: 0;
  left: inherit;
}
.ui-x-mobile-mini .ui-x-overlay-button {
  background: none repeat scroll 0 0 #fff;
  border: 4px solid #ffffff;
  border-radius: 100%;
  height: 35px;
  right: 20px;
  margin: 0;
  bottom: 15px;
  width: 35px;
}
.ui-x-mobile-mini .ui-x-overlay-button > div {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
}
.ui-x-mobile-mini.ui-x-desktop-mini .ui-x-overlay-button {
  left: 23px;
  top: inherit;
  bottom: -54px;
  z-index: 11;
}
.ui-x-mobile-mini .ui-x-overlay-button svg {
  width: 35px;
  height: 35px;
}
.ui-x-mobile-mini .ui-x-feed-item-content-left {
  border-radius: 100%;
  position: absolute;
}
.ui-x-mobile-mini .ui-x-feed-item-content-left .ui-x-feed-item-card-thumbnail-image {
  border-radius: 100%;
}
.ui-x-mobile-mini .ui-x-feed-item-content-right {
  margin-left: 65px;
  margin-right: 0;
  position: relative;
  width: auto;
}
.ui-x-mobile-mini.ui-x-desktop-mini .ui-x-feed-item-content-right {
  margin-left: 70px;
  margin-right: 0;
  position: relative;
  width: auto;
}
.ui-x-mobile-mini .ui-x-feed-item-subtitle {
  padding: 10px 50px 0 0;
  font-size: 14px;
}
.ui-x-mobile-mini .ui-x-feed-item-content-right h3 {
  overflow: hidden;
  font-size: 18px;
  text-align: left;
  white-space: normal;
  margin: 3px 0 0;
  line-height: 1.35;
}
.ui-x-mobile-mini .ui-x-feed-item-content-right h3 span {
  display: block;
  max-height: 45px;
  overflow: hidden;
}
.ui-x-mobile-mini.ui-x-desktop-mini .ui-x-feed-item-content-right h3 span {
  max-height: 38px;
}
.ui-x-mobile-mini .ui-x-feed-item-footer {
  border-top: none;
  margin-top: 0;
  min-height: auto;
  padding: 0 50px 0 0;
}
.ui-x-mobile-mini.ui-x-desktop-mini .ui-x-feed-item-footer {
  padding: 5px 15px 0 0;
}
.ui-x-mobile-mini .ui-x-feed-item-footer p {
  display: inline;
  color: #9b9b9b;
  position: relative;
  top: 2px;
}
.ui-x-mobile-mini .ui-x-feed-item-footer .ui-x-feet-item-footer-content {
  margin: 0;
}
.ui-x-mobile-mini .ui-x-feed-item-footer p.ui-x-feed-item-footer-name,
.ui-x-mobile-mini .ui-x-feed-item-footer p.ui-x-feet-item-footer-date {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 400;
  color: #9b9b9b;
  top: 0;
}
.ui-x-mobile-mini .ui-x-deletedMask span {
  left: 18%;
  top: 15%;
  width: 65%;
}
.ui-x-mobile-mini .ui-x-deletedMask span.ui-x-removed {
  left: 11%;
  top: 15%;
  width: 77%;
}
/* for single column - block view */
.ui-x-feed-item-fullWidth .ui-x-feed-item {
  position: static;
  width: auto;
}
.ui-x-feed-item-fullWidth .ui-x-feed-item-container {
  width: auto;
}
.ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-item {
  float: none;
  margin: 0 0 5px 0;
}
.ui-x-feed-split-container-outer {
  clear: both;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  top: 20px;
  overflow: hidden;
}
.ui-x-feed-split-container {
  background-color: #f8f8f8;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: #000000 0 1px 3px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px inset;
  position: relative;
  left: -5px;
}
.ui-x-feed-split-inner {
  margin: 0 auto;
  padding: 0;
}
/*  CRUMBTRAIL */
.ui-x-crumbtrail-container {
  /*background-color: #fff;*/
  width: 100%;
  padding: 5px 0 1px;
  /*border-bottom: 1px solid rgba(212, 212, 212, 1);*/
}
.ui-x-crumbtrail-inner {
  margin: 0 auto;
  max-width: 1188px;
}
.ui-x-crumbtrail-inner.ui-x-fluid-header-Width {
  max-width: 94%;
}
.ui-x-crumbtrail-list li {
  background-color: #7f8c8d;
  border: 1px solid #7f8c8d;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 2.4;
  margin: 0 4px 5px 0;
  overflow: hidden;
  padding: 1px 10px 1px 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.ui-x-crumbtrail-list li.ui-x-searchterm {
  background-color: #3697db;
  border: 1px solid #3697db;
  color: #fff;
}
.ui-x-crumbtrail-list li.ui-x-crumbtrail-clearAll {
  background-color: #e74c3c;
  border: 1px solid #e74c3c;
  padding: 1px 10px;
}
.ui-x-desktopMode .ui-x-crumbtrail-list li:hover {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
/* remove on touch device */
.ui-x-touch .ui-x-desktopMode .ui-x-crumbtrail-list li:hover {
  background-color: #7f8c8d;
  border: 1px solid #7f8c8d;
}
.ui-x-touch .ui-x-desktopMode .ui-x-crumbtrail-list li.ui-x-searchterm:hover {
  background-color: #3697db;
  border: 1px solid #3697db;
}
.ui-x-touch .ui-x-desktopMode .ui-x-crumbtrail-list li.ui-x-crumbtrail-clearAll:hover {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.ui-x-crumbtrail-list li span {
  display: block;
  height: 24px;
  position: static;
  width: 24px;
  margin-left: 5px;
  margin-right: -5px;
}
/* MOBILE CRUMBTRAIL */
.ui-x-mobileMode .ui-x-crumbtrail-container {
  min-height: 33px;
  padding: 0;
}
.ui-x-mobileMode .ui-x-crumbtrail-inner {
  margin: 0;
  padding: 6px 0;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: inherit;
}
.ui-x-mobileMode .ui-x-crumbtrail-list {
  margin: 0 12px;
  /*padding: 0 5px;*/
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.ui-x-mobileMode .ui-x-crumbtrail-list li {
  position: relative;
  vertical-align: middle;
}
.ui-x-mobileMode .ui-x-crumbtrail-list li.ui-x-crumbtrail-clearAll {
  padding: 1px 10px;
}
/* GENERIC LIST FOR USE WITH NON-ASSETS */
.ui-x-generic-feed {
  margin: 32px auto 0;
  position: relative;
  left: -16px;
}
.ui-x-generic-feed-item {
  width: 271px;
  margin-left: 32px;
  margin-bottom: 32px;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  float: left;
  /*border:1px solid #EAEAEA;*/
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-generic-feed-item.ui-x-hidden {
  visibility: hidden;
}
.ui-x-generic-feed-item-container {
  cursor: pointer;
}
.ui-x-generic-feed-item-container.ui-x-disabled {
  cursor: default;
}
.ui-x-generic-feed-item-container.ui-x-disabled.ui-x-card-three .ui-x-feed-item-content-right {
  opacity: 0.5;
}
.ui-x-generic-feed-item-container h3 {
  font-size: 100%;
  font-weight: 400;
  margin: 0;
  padding: 15px 15px 0;
  line-height: 1.45;
}
.ui-x-generic-feed-item-container.ui-x-card-two h3 {
  height: 44px;
  display: inline-table;
  padding: 15px 20px;
  color: #333;
}
.ui-x-generic-feed-item-container.ui-x-card-three h3 {
  color: #333;
  font-size: 88%;
  height: 60px;
  margin: 15px;
  padding: 0;
  white-space: normal;
}
.ui-x-generic-feed-item-container.ui-x-card-three .ui-x-feed-item-content-left {
  background-color: #f8f8f8;
  border-right: 1px solid #eaeaea;
}
.ui-x-generic-feed-item-container.ui-x-card-three .ui-x-feed-item-content-right {
  margin-right: -91px;
  width: 66%;
  /*height: 90px;*/
  height: 110px;
}
.ui-x-generic-feed-item-container.ui-x-card-three .ui-x-feed-item-content-right-secondary {
  height: 60px;
  margin: 15px;
}
.ui-x-generic-feed-item-container.ui-x-card-three .ui-x-feed-item-content-right-secondary h3 {
  height: 41px;
  margin: 0;
  font-size: 14px;
}
.ui-x-generic-feed-item-container.ui-x-card-three .ui-x-feed-item-content-right-secondary h4 {
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
/* for single column - block view */
.ui-x-feed-item-fullWidth .ui-x-generic-feed {
  width: auto;
}
.ui-x-feed-item-fullWidth .ui-x-generic-feed-item {
  position: static;
  width: auto;
  float: none;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  text-decoration: none;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: 0;
  /*outline: thin dotted;*/
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  outline: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! END normalize.css v2.1.3 | MIT License | git.io/normalize */

/*https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin-ext,greek-ext,vietnamese,cyrillic-ext,greek,latin,cyrillic*/
/* roboto-100 - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(6e2d432d79ac4be8458b.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(104d481b007043bce631.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-100italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(c38563ef14ba9854a44a.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(5f3dda0e427726df7991.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(8a9d97f64461d05bdfc4.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(858c8bded0408c317937.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(1844503c88731ed8146c.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(a66291984f5950e39bed.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(67038f66040eb62d0f16.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(b5a0a0df312d3423493b.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(c45905373b6d2f71a4f6.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(63782d1445ad031af14d.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(925ebefa06b120cb6f3d.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(b769c23e824c106bdbfd.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(e2d7f5ce61e98b4d71f3.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(6c71ca9b7ea24c6bfad9.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(60bd8f7ec98de22dbb72.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(b1ea34cb49ce46e9345f.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(cf0c403fdc95d6290fd0.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(7307c82539c36450906c.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(14070554c918fb81778b.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(00a94f18b701193118ed.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900italic - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto-embed';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(89408d2385c996fc625d.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(96d1321cf263cc81c93a.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* https://google-webfonts-helper.herokuapp.com/fonts/roboto-slab?subsets=latin-ext,greek-ext,vietnamese,cyrillic-ext,greek,latin,cyrillic */
/* roboto-slab-regular - cyrillic_latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext */
@font-face {
  font-family: 'Roboto Slab Embed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(5d5f9ed5847a5426e5db.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(0199d4205331e384adb4.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Will become the core styles needed to load all the appLoad state and the base shell framework of the app */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* ==========================================================================
   App Shell Framework
   ========================================================================== */
/* ==========================================================================
   App Loader Styles
   ========================================================================== */
#ui-x-app-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
#loaderBar {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  border-bottom: 1px solid #D8D8D8;
  z-index: 1003;
}
#bar {
  position: absolute;
  display: block;
  height: 4px;
  width: 100%;
  left: -100%;
  transform: translateX(0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  background: #3697db;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 1px 0px #3697db, inset 0px -1px 0px 0px rgba(255, 255, 255, 0.45), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1px 0px #3697db, inset 0px -1px 0px 0px rgba(255, 255, 255, 0.45), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
  overflow: hidden;
}
#bar:before {
  position: absolute;
  display: block;
  content: "";
  width: 606px;
  height: 150%;
  top: -25%;
  left: -25px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(50%, rgba(255, 255, 255, 0.01)), color-stop(51%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ffffff', endColorstr='#00ffffff', GradientType=1);
}
#bar:after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 3px;
  right: 0;
  top: 0;
  -webkit-border-radius: 0px 16px 16px 0px;
  border-radius: 0px 16px 16px 0px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(98%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}
#loadHeader {
  height: 155px;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(216, 216, 216, 0.3);
  left: 0;
  z-index: 1001;
}
#loadMenu {
  top: 6px;
  left: 16px;
  height: 45px;
  position: fixed;
  width: 45px;
  background-color: rgba(216, 216, 216, 0.3);
}
#loadProfile {
  width: 31px;
  height: 31px;
  border: 1px solid rgba(216, 216, 216, 0.3);
  border-radius: 100%;
  background-color: rgba(216, 216, 216, 0.3);
  display: block;
  margin: 6px 0 0 6px;
  top: 6px;
  right: 43px;
  position: fixed;
}
#loadExplore {
  background-color: rgba(216, 216, 216, 0.3);
  border: medium none;
  border-radius: 2px;
  height: 29px;
  margin: 10px auto;
  left: -8px;
  max-width: 500px;
  padding: 5px 15px;
  position: relative;
  width: calc(100% - 500px);
}
#loadMainBar {
  background-color: rgba(216, 216, 216, 0.3);
  border: medium none;
  border-radius: 2px;
  height: 92px;
  margin: 10px auto;
  position: relative;
  max-width: 1557px;
  margin: 14px auto 0px;
  width: 100%;
}
#loaderTip {
  z-index: 1001;
  font-weight: 300;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 40px;
  overflow: hidden;
  border: 10px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  padding: 10px 30px;
}
#loaderInfo {
  height: 150px;
  z-index: 1001;
  font-weight: 300;
}
#loaderInfo * {
  margin: 30px auto;
  display: block;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
  }
}
@-moz-keyframes clockwise {
  0% {
    -moz-transform: rotate(-45deg);
  }
  100% {
    -moz-transform: rotate(315deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}
@-webkit-keyframes not-clockwise {
  0% {
    -webkit-transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(-315deg);
  }
}
@-moz-keyframes not-clockwise {
  0% {
    -moz-transform: rotate(45deg);
  }
  100% {
    -moz-transform: rotate(-315deg);
  }
}
@keyframes not-clockwise {
  0% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    -ms-transform: rotate(-315deg);
    -o-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
}
@-webkit-keyframes lt {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes lt {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lt {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#loader {
  width: 94px;
  z-index: 1001;
  margin: 90px auto 10px;
  font-size: 0;
  position: relative;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#loader:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 6px solid #e5e5e5;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#loader:after {
  position: absolute;
  content: '';
  z-index: -1;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: 6px solid #e5e5e5;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box,
.lt,
.rt,
.lb,
.rb {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 25px;
  opacity: 1;
}
.box:before,
.lt:before,
.rt:before,
.lb:before,
.rb:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 50px;
  border-top: 6px solid #3697db;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lt {
  margin-right: -6px;
  -webkit-animation: lt 2s linear -2000ms infinite;
  -moz-animation: lt 2s linear -2000ms infinite;
  animation: lt 2s linear -2000ms infinite;
}
.lt:before {
  top: 0;
  left: 0;
  -webkit-animation: not-clockwise 1s linear infinite;
  -moz-animation: not-clockwise 1s linear infinite;
  animation: not-clockwise 1s linear infinite;
}
.rt {
  -webkit-animation: lt 2s linear -1000ms infinite;
  -moz-animation: lt 2s linear -1000ms infinite;
  animation: lt 2s linear -1000ms infinite;
}
.rt:before {
  top: 0;
  right: 0;
  -webkit-animation: clockwise 1s linear infinite;
  -moz-animation: clockwise 1s linear infinite;
  animation: clockwise 1s linear infinite;
}
.lb {
  margin-right: -6px;
  -webkit-animation: lt 2s linear -1500ms infinite;
  -moz-animation: lt 2s linear -1500ms infinite;
  animation: lt 2s linear -1500ms infinite;
}
.lb:before {
  bottom: 0;
  left: 0;
  -webkit-animation: not-clockwise 1s linear infinite;
  -moz-animation: not-clockwise 1s linear infinite;
  animation: not-clockwise 1s linear infinite;
}
.rb {
  -webkit-animation: lt 2s linear -500ms infinite;
  -moz-animation: lt 2s linear -500ms infinite;
  animation: lt 2s linear -500ms infinite;
}
.rb:before {
  bottom: 0;
  right: 0;
  -webkit-animation: clockwise 1s linear infinite;
  -moz-animation: clockwise 1s linear infinite;
  animation: clockwise 1s linear infinite;
}
#ui-x-app-loader .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ecf0f1;
  z-index: 1000;
}
#ui-x-app-loader .loader-section.section-left {
  left: 0;
}
#ui-x-app-loader .loader-section.section-right {
  right: 0;
}
/* ============
   Loaded State
   ============ */
.ui-x-appLoaded #ui-x-app-loader #loadHeader,
.ui-x-appLoaded #ui-x-app-loader #loadMenu,
.ui-x-appLoaded #ui-x-app-loader #loadExplore,
.ui-x-appLoaded #ui-x-app-loader #loadProfile,
.ui-x-appLoaded #ui-x-app-loader .loader-section.section-left {
  opacity: 0;
  -webkit-transition: all 0.3s 0.6s ease-out;
  transition: all 0.3s 0.6s ease-out;
}
.ui-x-appLoaded #ui-x-app-loader .loader-section.section-right {
  opacity: 0;
  -webkit-transition: all 0.3s 0.6s ease-out;
  transition: all 0.3s 0.6s ease-out;
}
.ui-x-appLoaded #loaderBar,
.ui-x-appLoaded #loaderInfo,
.ui-x-appLoaded #loaderTip,
.ui-x-appLoaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
}
.ui-x-appLoaded #loaderBar #bar {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transform: translateX(100%) !important;
}
.ui-x-appLoaded #ui-x-app-loader {
  /*visibility: hidden;

    -webkit-transform: translateY(-100%); 
        -ms-transform: translateY(-100%);  
            transform: translateY(-100%);  

    -webkit-transition: -webkit-transform 0.3s 1.3s ease-out;  
            transition: transform 0.3s 1.3s ease-out;*/
}
/* JavaScript Turned Off */
.no-js #ui-x-app-loader {
  display: none;
}

/* ui-x-class-name {} */
/*body, html {
	height: 100%;
	overflow: hidden;
}*/
img {
  -ms-interpolation-mode: bicubic;
}
/* fix added for scaling issues */
#ng-app {
  /*overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;*/
  -webkit-overflow-scrolling: touch;
  /*position: relative;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*overflow-y: scroll;*/
  overflow-x: hidden;
}
/*#ng-app.noScroll {
	overflow: hidden;
	overflow-y: hidden;
}*/
/*#ng-app.noScroll.leftMenuOpen {
	margin-right: 0;
}*/
ul,
p {
  margin: 0;
  padding: 0;
}
ul {
  list-style-type: none;
}
.ui-x-loading-icn {
  margin: 0 auto;
  position: absolute;
  left: 50%;
}
.ui-x-container-loading {
  height: 1px;
}
.ui-x-explore-hidden,
.ui-x-explore-hidden * {
  visibility: hidden !important;
}
.ui-x-clickable {
  cursor: pointer;
}
.ui-x-not-editable label,
.ui-x-not-editable .ui-x-inputContainer {
  opacity: 0.5;
}
.ui-x-container-loading .ui-x-loading-icn {
  margin-top: 85px;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  line-height: 0;
}
input::-ms-clear {
  display: none;
}
.ui-text-center {
  text-align: center;
}
.ui-x-modal-mask {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  /* ios 5 safari */
  height: 100vh;
  position: fixed;
  width: 100%;
  /* ios 5 safari */
  width: 100vw;
  z-index: 11;
  /* PM - was 5 but changed due to new feed item indexing (12/12/14) */
  /*-webkit-transform: translateZ(1100px);*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ui-x-modal-mask--on-top {
  z-index: 1000;
  /* just huge z-index to be above right menu */
  /*-webkit-transform: translateZ(100000px);*/
}
.ui-x-deletedMask {
  background-color: rgba(255, 255, 255, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  /* PM - was 5 but changed due to new feed item indexing (12/12/14) */
  text-align: center;
  cursor: default;
}
.ui-x-deletedMask span {
  color: #999999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  /*margin: 0 auto;
    margin-top: -21px;*/
  font-weight: 400;
  line-height: 1.6;
}
.ui-x-deletedMask span.ui-x-tile {
  margin: -30px auto auto;
  width: 75%;
  left: 15%;
  top: 50%;
  line-height: 1.4;
}
.ui-x-deletedMask span.ui-x-interest {
  margin: -30px auto auto;
  width: 50%;
  left: 27%;
  top: 58%;
  line-height: 1.4;
}
.ui-x-deletedMask span.ui-x-removed {
  top: 36%;
}
.app-above__left-bar-holder {
  display: none;
}
@media (min-width: 601px) {
  /* @left-bar-visibility-min + 1 */
  .app-above__left-bar-holder {
    display: block;
  }
}
.ui-x-body-container {
  position: relative;
}
.ui-x-noHeaderMargin {
  margin-top: 50px;
}
.wi-app.ui-x-state-loading,
.wi-app.ui-x-state-loading * {
  cursor: wait !important;
}
.ui-x-fixed {
  position: fixed;
  width: 100%;
  /*width:100vw;*/
  height: 100%;
  /*height:100vh;*/
}
.ui-x-floatLeft {
  float: left;
}
.ui-x-floatRight {
  float: right;
}
.ui-x-wi-auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
/* LOGIN PAGE / PASS FORGOT / REGISTRATION */
.ui-x-login-card {
  width: 320px;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  border-width: 1px 1px 2px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
  position: relative;
  margin: 0 auto;
}
.ui-x-login-card.ui-x-login-card-hasInner {
  background: none;
  border: none;
  box-shadow: none;
}
.ui-x-login-card-inner {
  background-color: #ffffff;
  border: 1px solid #EAEAEA;
  border-width: 1px 1px 2px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
}
.ui-x-login-menu-links {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.ui-x-login-menu-links ul {
  font-size: 0;
}
.ui-x-login-menu-links ul li {
  display: inline-block;
  color: #ffffff;
  padding-right: 5px;
  font-size: 13px;
  line-height: 20px;
}
.ui-x-login-menu-links ul li + li:before {
  content: " \2022 ";
  padding: 0;
  position: relative;
  font-weight: bold;
  top: 1px;
}
.ui-x-login-menu-links ul li em {
  position: relative;
  top: 2px;
}
a.ui-x-login-menu-link {
  font-size: 13px;
  color: #ffffff;
}
.ui-x-login-card-header {
  background-color: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding: 15px 0;
}
.ui-x-login-card-header-text {
  padding: 0 48px 0 26px;
  color: #333;
  font-size: 18px;
  font-weight: 300;
}
.ui-x-login-card-image-container {
  height: 115px;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-login-card-close-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 17px;
  cursor: pointer;
}
.ui-x-login-card-image {
  height: 115px;
  width: 100%;
}
.ui-x-login-card-content {
  margin: 30px 30px 0;
  position: relative;
}
.ui-x-login-card-loading.ui-x-login-card-info {
  height: 75px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 67px;
  width: 270px;
}
.ui-x-login-card-loading-inner {
  height: 75px;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 270px;
}
.ui-x-login-card-info-abs .ui-x-login-buttons {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.ui-x-login-card-info-abs p {
  margin-bottom: 7%;
}
.ui-x-login-card-loading.ui-x-login-card-info p {
  margin-bottom: 0;
}
.ui-x-login-menu .ui-x-login-menu-item {
  display: block;
  text-align: center;
  border-top: 1px solid #f1f1f1;
  color: #5d5d5d;
  text-decoration: none;
  padding: 9px 32px 10px;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}
.ui-x-login-menu .ui-x-login-menu-item:hover {
  color: #000;
}
.ui-x-login-card-info p {
  font-size: 14px;
  font-weight: 300;
  color: #333;
  line-height: 1.45;
}
.ui-x-login-card-info p.ui-x-login-card-info-error {
  color: #f00;
  padding-bottom: 22px;
}
.ui-x-login-buttons {
  padding: 0 0 20px;
}
.ui-x-login-card-button {
  float: right;
  margin-left: 10px;
}
.ui-x-login-card-button--fullwidth {
  float: none;
  margin-left: 0;
}
.ui-x-login-card-button.ui-x-fullwidth {
  width: 100%;
}
.ui-x-login-card-button.ui-x-disabled {
  background-color: #aeaeae;
}
.ui-x-login-card-button.ui-x-login-card-button-secondary {
  background-color: #fff;
  color: #3697db;
  border: 2px solid #3697db;
  border-radius: 3px;
}
a.ui-x-login-card-button {
  display: inline-block;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
}
.ui-x-login-buttons hr {
  border: none;
  border-top: 1px solid #f1f1f1;
  margin: 20px 0;
}
.ui-x-login-card-button-list-item {
  display: block;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  font-weight: 500;
  font-size: 14px;
  padding: 12px 14px;
  margin-bottom: 10px;
  border: 0 solid #717171;
}
.ui-x-login-card-button-list-item.--alt {
  background-color: #fff;
  color: #3697db;
  border: 2px solid #3697db;
  border-radius: 3px;
}
.ui-x-login-card-button-list-item.ui-x-blue {
  background-color: #3697db;
  color: #fff;
  border: none;
}
.ui-x-browserError .ui-x-login-card-button-list-item {
  margin-bottom: 10px;
}
.ui-x-login-card-fields input.ui-x-datapanel-field-text {
  margin: 2% 0 7%;
  width: 95%;
}
.ui-x-login-card-fields input.ui-x-datapanel-field-text.ui-x-invalid {
  background-color: rgba(255, 0, 0, 0.0980392);
  border: 1px solid #d4d4d4;
}
.ui-x-login-card-fields .ui-x-has-rules {
  margin-bottom: 7%;
}
.ui-x-login-card-fields .ui-x-has-rules input.ui-x-datapanel-field-text {
  margin: 2% 0 0;
  width: 95%;
}
.ui-x-login-password-req {
  width: 95%;
  color: #717171;
  border: 1px solid #d4d4d4;
  border-width: 0 1px 1px;
  background-color: #f8f8f8;
  padding: 4% 5px 3%;
  font-size: 75%;
  font-weight: 400;
  line-height: 1.8;
}
.ui-x-login-password-req-item {
  padding: 0 2%;
}
.ui-x-login-card-button {
  border: medium none;
  border-radius: 3px;
  color: #FFFFFF;
  float: right;
  font-size: 88%;
  font-weight: 500;
  height: 40px;
  min-width: 34%;
  padding: 0 14px;
}
.ui-x-login-card-button--fullwidth {
  float: none;
  margin-left: 0;
}
.ui-x-forgot-password-form .ui-x-login-card-fields {
  padding: 36px 0 30px;
}
/* ERROR PAGE BOX */
.ui-x-error .ui-x-login-card {
  overflow: visible;
}
.ui-x-error p {
  font-weight: 300;
  margin-bottom: 25px;
  font-size: 15px;
  color: #333333;
  line-height: 1.8;
}
.ui-x-error .ui-x-browserError p {
  font-size: 14px;
  line-height: 21px;
  min-height: 135px;
}
.ui-x-error-Msg-Container {
  margin: 30px 30px;
  position: relative;
}
.ui-x-error .ui-x-error-msg-toggle {
  font-size: 12px;
  color: #999;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
.ui-x-error-msg {
  display: none;
  width: 320px;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  border-width: 1px 0;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px;
  position: absolute;
  margin: 0 auto;
  top: 70px;
}
.ui-x-error-msg div {
  padding: 5px 15px;
}
/* MSG BOX */
.ui-x-msg-box {
  position: fixed;
  left: 50%;
  margin-left: -238px;
  width: 476px;
  /* min-height: 200px; Commented out because it doesn't need to be there */
  top: 50%;
  margin-top: -125px;
  background-color: #ffffff;
  z-index: 12;
  /* PM - was 10 but changed due to new feed item indexing (12/12/14) */
  -moz-box-shadow: 0 0 10px #333333;
  -webkit-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 10px #333333;
  /*-webkit-transform: translateZ(1200px);*/
}
.ui-x-msg-box:focus-visible {
  outline: none;
}
.ui-x-msg-box--on-top {
  z-index: 1001;
  /* just huge z-index to be above right menu */
  /*-webkit-transform: translateZ(100100px);*/
}
.ui-x-system-action-modal.ui-x-msg-box {
  min-height: 200px;
}
.ui-x-msg-header {
  background-position: 50% center;
  background-size: cover;
  width: 100%;
}
.ui-x-msg-box-close {
  float: right;
  cursor: pointer;
  height: 45px;
  width: 45px;
  margin-top: 9px;
  margin-right: 20px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.ui-x-msg-box-close:focus-visible {
  --outline-offset-inner: -10px;
  outline: var(--outline-width) solid var(--outline-color-old-part);
  outline-offset: var(--outline-offset-inner);
  border-radius: calc(var(--outline-border-radius) - var(--outline-offset-inner));
}
.ui-x-msg-box-close svg {
  margin: 10px;
}
.ui-x-msg-box-title {
  float: left;
  max-width: 360px;
  overflow: hidden;
  padding: 15px 20px 16px 30px;
}
.ui-x-system-action-modal .ui-x-msg-box-title {
  width: 100%;
  text-align: center;
  max-width: none;
  padding: 30px 0;
}
.ui-x-login-card .ui-x-msg-header {
  height: 65px;
}
.ui-x-login-card .ui-x-msg-box-title {
  padding: 0 15px 0 28px;
}
.ui-x-change-password .ui-x-login-card .ui-x-msg-box-title {
  padding: 15px 20px 16px 30px;
}
.ui-x-msg-box-title p {
  color: #5d5d5d;
  font-size: 150%;
  font-weight: 400;
  line-height: 30px;
}
.ui-x-msg-box-content {
  padding: 0 35px 25px;
  /*min-height: 114px; Don't know why we need this and it was screwing up a msgBox I was using, hopefully it doesn't break anything else (Iain) */
}
.ui-x-tag-level-select-popup .ui-x-msg-box-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
  border-top: 1px solid #eaeaea;
}
.ui-x-select-option-popup .ui-x-msg-box-content {
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.ui-x-select-option-popup .ui-x-msg-box-message {
  padding: 0 0 25px;
}
.ui-x-msg-box-message {
  font-size: 88%;
  font-weight: 400;
  line-height: 1.8;
  color: #333333;
}
.ui-x-msg-box-message.ui-x-scrollable {
  max-height: 325px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
.ui-x-msg-box-buttons {
  margin-top: 30px;
  text-align: right;
}
.ui-x-select-option-popup .ui-x-msg-box-buttons {
  margin: 30px 30px 0;
}
.ui-x-tag-level-select-popup .ui-x-msg-box-buttons {
  padding: 20px 30px 0;
  border-top: 1px solid #eaeaea;
  margin: 0;
}
.ui-x-msg-btn-cancel {
  border: 1px solid #bababa;
  border-radius: 2px;
  color: #5D5D5D;
  display: inline-block;
  font-size: 90%;
  font-weight: 300;
  height: 38px;
  line-height: 38px;
  margin-right: 5px;
  padding: 0 10px;
  min-width: 100px;
  text-align: center;
  cursor: pointer;
}
.ui-x-msg-btn-ok {
  border: 1px solid transparent;
  border-radius: 2px;
  display: inline-block;
  font-size: 90%;
  font-weight: 300;
  min-height: 38px;
  line-height: 38px;
  margin: 0 auto;
  padding: 0 10px;
  cursor: pointer;
  background-color: #3697db;
  min-width: 100px;
  text-align: center;
  color: #ffffff;
}
.ui-x-msg-btn-discard {
  border: 1px solid transparent;
  border-radius: 2px;
  display: inline-block;
  font-size: 90%;
  font-weight: 300;
  min-height: 38px;
  line-height: 38px;
  margin: 0 5px 0 0;
  padding: 0 10px;
  cursor: pointer;
  background-color: #e2261e;
  min-width: 100px;
  text-align: center;
  color: #ffffff;
}
.ui-x-msg-btn-ok.ui-x-disabled {
  background-color: #717171;
  cursor: default;
}
.ui-x-msg-btn-delete {
  background-color: #E2261E;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-block;
  font-weight: 300;
  min-height: 38px;
  line-height: 38px;
  padding: 0 30px;
  cursor: pointer;
}
/* over ride for msg box alignment */
.ui-x-msg-box-content .ui-x-msg-box-buttons div {
  /*display: block;
    float: right;*/
  margin: 0 3px 10px;
}
.ui-x-modal-list-item,
.ui-x-modal-list-item--new {
  cursor: pointer;
  padding: 10px 35px;
}
.ui-x-modal-list-item--new {
  display: flex;
  align-items: center;
}
.ui-x-select-option-popup .ui-x-modal-list-item,
.ui-x-select-option-popup .ui-x-modal-list-item--new {
  padding-left: 29px;
}
.ui-x-modal-list-item > div,
.ui-x-modal-list-item--new > div {
  white-space: nowrap;
  overflow: hidden;
}
.ui-x-modal-list-item--new > div {
  text-overflow: ellipsis;
}
.ui-x-modal-list-item:hover,
.ui-x-modal-list-item--new:hover {
  background-color: #f1f1f1;
}
.ui-x-modal-list-item .ui-x-tick {
  float: left;
  height: 24px;
  margin-right: 20px;
  width: 24px;
}
.ui-x-modal-list-item--new .ui-x-tick {
  margin-right: 20px;
  display: flex;
  flex: 0 0 auto;
}
.ui-x-modal-list-item.ui-x-selected .ui-x-tick svg path,
.ui-x-modal-list-item--new.ui-x-selected .ui-x-tick {
  fill: green;
}
/* Mobile select overlay */
.ui-x-select-options ul li {
  position: relative;
  cursor: pointer;
}
.ui-x-select-options ul li:hover {
  background-color: #f1f1f1;
}
.ui-x-select-options ul li.ui-x-selected .ui-x-select-options-tick svg path {
  fill: green;
}
.ui-x-select-options .ui-x-select-options-tick {
  height: 30px;
  margin: 7px 3px 8px 13px;
  position: absolute;
  width: 30px;
}
.ui-x-select-options .ui-x-select-options-name {
  float: left;
  height: 45px;
  margin-left: 60px;
  overflow: hidden;
  text-align: left;
  width: auto;
}
/*    HEADER    */
/*   HEADER > HEADER BAR    */
.ui-x-header-bar {
  position: fixed;
  width: 100%;
  height: 53px;
  top: 0;
  z-index: 4;
  /* PM - was 3 but changed due to new feed item indexing (12/12/14) */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* Standard syntax */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* IE ? */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  /* IE11 syntax */
}
.ui-x-touch .ui-x-header-bar {
  margin-left: 0;
}
.ui-x-header-bar.ui-x-scrolled {
  background: #3697db none repeat scroll 0 0;
  height: 50px;
  top: -55px;
  /* -55px */
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  will-change: transform;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-55px);
  transform: translateY(-55px);
}
.ui-x-header-bar.ui-x-scrolled.ui-x-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.ui-x-header-bar > div {
  position: absolute;
  top: 6px;
}
.ui-x-header-bar.ui-x-scrolled > div {
  top: 0;
}
.ui-x-header-bar.ui-x-scrolled div.ui-x-addEdit-close {
  top: 3px;
}
/*   HEADER > HEADER BAR > MENU   */
.ui-x-header-bar-menu {
  left: 15px;
}
.ui-x-touch .ui-x-header-bar-menu {
  left: 15px;
}
.ui-x-menu-options {
  z-index: 10;
  /* PM - was 10 but changed due to new feed item indexing */
  position: fixed;
  top: 8px;
  width: 230px;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  /*-webkit-transform: translateZ(600px); fix for iOS safari when card flipping */
}
.ui-x-menu-options.ui-x-scrolled {
  top: 0;
}
.ui-x-menu-options ul {
  background-color: #FFFFFF;
}
.ui-x-menu-options ul li {
  background-repeat: no-repeat;
  list-style-type: none;
  overflow: hidden;
}
.ui-x-menu-options ul li.noM {
  margin: 0;
}
.ui-x-menu-options ul li a,
.ui-x-menu-options ul li button {
  display: block;
  height: 44px;
  padding: 0 0 0 30px;
  text-decoration: none;
}
.ui-x-menu-options ul li a:hover,
.ui-x-menu-options ul li button:hover {
  background-color: #F5F5F5;
}
.ui-x-menu-options ul li a span.ui-x-lnkIcn,
.ui-x-menu-options ul li button span.ui-x-lnkIcn {
  display: inline-block;
  height: 22px;
  vertical-align: middle;
  width: 21px;
}
.ui-x-menu-options ul li a span.ui-x-lnkTxt,
.ui-x-menu-options ul li button span.ui-x-lnkTxt {
  color: #737373;
  display: inline-block;
  font-size: 88%;
  margin-bottom: 2px;
  margin-left: 8px;
  max-width: 138px;
  overflow: hidden;
  padding-top: 12px;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.ui-x-menu-options ul li a:hover span.ui-x-lnkTxt,
.ui-x-menu-options ul li button:hover span.ui-x-lnkTxt {
  color: #262626;
}
.ui-x-filters-inner-content {
  margin-bottom: 25px;
}
/*   HEADER > HEADER BAR > TITLE   */
.ui-x-header-bar-title {
  left: 68px;
}
.ui-x-touch .ui-x-header-bar-title {
  left: 75px;
}
.ui-x-title {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.ui-x-title img {
  margin-left: 12px;
  cursor: pointer;
}
.ui-x-title div {
  /*position: absolute;
					left: 0;
					top: 0;*/
  margin: 0 12px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  /* added for beta flag */
}
.ui-x-header-bar.ui-x-scrolled .ui-x-title div {
  font-size: 18px;
  line-height: 50px;
  margin: 0;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu {
  left: 11px;
}
.ui-x-touch .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu {
  left: 12px;
}
.ui-x-addEdit-close {
  cursor: pointer;
  height: 45px;
  left: 17px;
  position: absolute;
  top: 5px;
  width: 45px;
  line-height: 21px;
}
.ui-x-addEdit-close:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
}
.ui-x-addEdit-close span {
  display: block;
  height: 24px;
  margin: 10px;
  width: 24px;
}
/*   HEADER > HEADER BAR > SEARCHBOX (mobile)   */
.ui-x-header-bar .ui-x-header-bar-searchBox {
  /*right: 45px;
            top: 14px;
            width: 60%;*/
  position: absolute;
  right: 45px;
  top: -2px;
  width: 45vw;
  /* used to be 60*/
}
/*   HEADER > HEADER BAR > OPTIONS   */
.ui-x-header-bar .ui-x-header-bar-options {
  right: 20px;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options {
  top: 5px;
}
.ui-x-header-bar-options ul {
  /*margin-top: 6px;*/
  min-height: 45px;
  float: right;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options ul {
  min-height: 40px;
}
.ui-x-header-bar-options ul li {
  float: left;
  margin-left: 3px;
}
.ui-x-header-bar-options a {
  min-width: 45px;
  height: 45px;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  /*overflow: hidden;*/
  float: left;
}
.ui-x-header-bar-options a.ui-x-option-button:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
}
.ui-x-header-bar-options a svg {
  margin: 12px 0 0;
  width: 21px;
  height: 21px;
}
.ui-x-header-bar:not(.ui-x-scrolled) .ui-x-header-bar-options > a {
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
  -webkit-filter: drop-shadow(0 0 2px #000000);
  filter: drop-shadow(0 0 2px #000000);
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options a {
  height: 40px;
  min-width: 40px;
  border-radius: 100%;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-textOnlyMode {
  border: 1px solid #ffffff;
  border-radius: 2px;
  height: 37px;
  padding: 0 15px;
  text-align: center;
  margin: 1px 6px 0;
  min-width: 100px;
  background: transparent;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-alertMode {
  background-color: #e2261e;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-textOnlyMode {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-alertMode {
  background-color: rgba(226, 38, 30, 0.5);
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode.ui-x-alertMode:hover,
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode:hover {
  background-color: #ffffff;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button.ui-x-textOnlyMode:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options svg {
  height: 20px;
  margin: 10px;
  width: 20px;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-textOnlyMode span {
  height: 35px;
  margin: 0;
  line-height: 35px;
  font-size: 14px;
}
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode.ui-x-alertMode:hover span,
.ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-options .ui-x-option-button.ui-x-textOnlyMode:hover span {
  color: #000;
}
/* HEADER > HEADER BAR > OPTIONS (WHEN SCROLLED OPTIONS) */
.ui-x-header-bar-options ul.ui-x-header-bar-page-options {
  margin: 0;
}
.ui-x-header-bar-options ul.ui-x-header-bar-page-options li {
  height: 40px;
  margin-left: 4px;
  /*height: 34px;*/
  /*margin-left: 7px;*/
}
.ui-x-header-bar-options ul.ui-x-header-bar-page-options.ui-x-showBorder li.ui-x-lastItem {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 7px;
  padding-right: 12px;
}
.ui-x-header-bar-options ul.ui-x-header-bar-page-options li .ui-x-dropdown-container ul li {
  margin-left: 0;
  float: left;
  height: auto;
}
.ui-x-header-bar-page-options li a {
  cursor: default;
}
.ui-x-header-bar-page-options li a.ui-x-option-button {
  cursor: pointer;
  position: relative;
}
.ui-x-header-bar-page-options li a.ui-x-option-button:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.ui-x-header-bar-page-options li.ui-x-background-colour-0 a.ui-x-option-button {
  background-color: #cc3232;
}
.ui-x-header-bar-page-options li.ui-x-background-colour-1 a.ui-x-option-button {
  background-color: #238e23;
}
.ui-x-header-bar-page-options li span {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin-right: 15px;
  vertical-align: middle;
}
.ui-x-header-bar-page-options li a.ui-x-textOnlyMode span {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  margin: 0;
}
.ui-x-header-bar-page-options li a.ui-x-textOnlyMode:hover span {
  color: #000;
}
.ui-x-header-bar-page-options li a.ui-x-option-dropdown span {
  margin: 0 5px 0 0;
}
.ui-x-header-bar-page-options li a.ui-x-option-dropdown span.ui-x-dropdown-icn {
  height: 41px;
  margin: 0 10px 0 0;
}
.ui-x-header-bar-page-options span.ui-x-option-overlay-value {
  right: 10px;
  bottom: 10px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: white;
  position: absolute;
  margin-right: 0;
  text-align: center;
}
.ui-x-header-bar-page-options span.ui-x-option-overlay-value.ui-x-2-char {
  right: 9px;
}
.ui-x-header-bar-page-options span.ui-x-option-overlay-value.ui-x-3-char {
  right: 6px;
}
.ui-x-feed-item-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-header-bar-page-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-right-menu-options .ui-x-mobile-options .ui-x-option--highlight .ui-x-option-overlay-value,
.ui-x-asset-content-options .ui-x-option--highlight .ui-x-option-overlay-value {
  background: #3697DB;
  color: white;
}
.ui-x-feed-item-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-header-bar-page-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value,
.ui-x-asset-content-options .ui-x-option--highlight:focus-visible .ui-x-option-overlay-value {
  background: white;
  color: #717171;
}
.ui-x-header-bar-page-options li span.ui-x-icn {
  background-image: none;
  height: 40px;
  margin: 0;
  text-align: center;
  width: 40px;
}
/*.ui-x-header-bar-options ul li a span.ui-x-option-text-only { line-height: 41px; }*/
/*#23315 removed*/
/*   HEADER > HEADER   */
.ui-x-header {
  /*height: 299px;*/
  width: 100%;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding-top: 1px;
  /* z-index: 3; /* PM - was 3 but changed due to new feed item indexing (12/12/14) */
  position: relative;
}
.quick-view .ui-x-header {
  padding-top: 53px;
}
@media (max-width: 600px) {
  .ui-x-header {
    padding-top: 103px;
  }
  .quick-view .ui-x-header {
    padding-top: 103px;
  }
}
/* added for new state changes to be smoother etc*/
.ui-x-header-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  background-position: center center;
  background-size: cover;
}
.ui-x-header.ui-x-scrolled {
  padding-top: 50px;
}
/*   HEADER > TITLE   */
.ui-x-header-title {
  margin: 0 auto;
  width: 79%;
}
.ui-x-scrolled .ui-x-header-title {
  visibility: hidden;
}
.ui-x-header-title-container {
  float: left;
  /*min-width: 273px;*/
  width: auto;
  /*min-height: 84px;*/
  margin-left: 55px;
  /*margin-right:32px;*/
}
.ui-x-header-content-fixed .ui-x-header-title-container {
  margin: 0;
}
.ui-x-title-titleSm,
.ui-x-title-title {
  line-height: 1.3;
  /*padding: 0 0 0 20px;*/
  overflow: hidden;
}
.ui-x-title-title-container {
  float: left;
  /*max-width: 650px;*/
}
.ui-x-title-title {
  float: left;
  font-size: 190%;
  max-width: 650px;
}
.ui-x-header-title--data .ui-x-title-title,
.ui-x-header-title--content .ui-x-title-title {
  max-width: none;
}
.ui-x-title-title.ui-x-readonly {
  color: #c4c4c4;
}
.ui-x-title-titleSm h1,
.ui-x-title-title h1,
.ui-x-title-titleSm p,
.ui-x-title-title p {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
  color: #fff;
  margin: 0;
  font-weight: normal;
}
/*.ui-x-title-titleSm {
			padding: 0 0 0 20px;
		}*/
.ui-x-title-subtitle {
  padding: 15px 0 0;
  line-height: normal;
  color: #F1F1F1;
}
/*   HEADER > CONTENT   */
.ui-x-header-content {
  max-width: 1188px;
}
.ui-x-header-content-fixed {
  margin: 0 auto;
  max-width: 1188px;
}
.ui-x-header-title--data {
  max-width: 1248px;
  /* @header-content-inner-min-width */
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-fixed {
  max-width: none;
  margin: 0;
}
.ui-x-header-content-fixed.ui-x-header-content-fluid {
  margin: 0 auto;
  max-width: 94%;
}
.ui-x-header-content-fixed.ui-x-header-content-middle {
  margin: 0 auto;
  max-width: 862px;
}
.ui-x-header-content-fixed.ui-x-header-title--mobileFluid {
  width: 100%;
}
@media (min-width: 601px) {
  /*@left-bar-visibility-min*/
  .ui-x-header-content-fixed.ui-x-header-title--mobileFluid {
    width: 94%;
    /*@large-screen-content-container-rules();*/
  }
}
@media (min-width: 1330px) {
  /* @data-content-wide-breakpoint*/
  .ui-x-header-content-fixed.ui-x-header-title--data {
    width: 100%;
  }
}
.ui-x-header-content-fixed.ui-x-header-content--narrow {
  max-width: 798px;
}
@media (min-width: 1270px) {
  .ui-x-header-content-fixed.ui-x-header-content--narrow {
    max-width: 1090px;
  }
}
.ui-x-header-content-inner {
  padding: 20px 0 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  border-radius: 2px 2px 0 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
}
.ui-x-header-title--data .ui-x-header-content-inner,
.ui-x-header-title--content .ui-x-header-content-inner {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  padding-bottom: 0;
}
.ui-x-header-title--data .ui-x-header-title,
.ui-x-header-title--data .ui-x-header-optionsbar {
  width: auto;
  margin: 0 20px;
}
@media (min-width: 601px) {
  /*@left-bar-visibility-min*/
  .ui-x-header-title--data .ui-x-header-title,
  .ui-x-header-title--data .ui-x-header-optionsbar {
    margin: 0 30px;
  }
}
.ui-x-header-title--data .ui-x-header-info,
.ui-x-header-title--content .ui-x-header-info {
  min-height: 29px;
}
.ui-x-header-title--data .ui-x-header-info ul,
.ui-x-header-title--content .ui-x-header-info ul {
  padding: 1px 0;
}
.ui-x-header-title--data .ui-x-title-title h1,
.ui-x-header-title--content .ui-x-title-title h1,
.ui-x-header-title--data .ui-x-title-title p,
.ui-x-header-title--content .ui-x-title-title p {
  font-size: 32px;
  font-weight: bold;
  color: #000000;
}
.ui-x-header-title--data .ui-x-header-info ul li,
.ui-x-header-title--content .ui-x-header-info ul li {
  font-size: 13px;
  color: #717171;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner {
  padding: 20px 60px 15px;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner.ui-x-hideTitle {
  padding: 8px 60px;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title {
  width: auto;
  margin: 0;
}
.ui-x-header-content .ui-x-header-title.ui-x-noInfoBar {
  float: left;
  padding-left: 60px;
  width: auto;
  margin: 6px 0;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title.ui-x-noInfoBar {
  float: left;
  padding: 0;
  margin-bottom: 12px;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-title--no-margin.ui-x-noInfoBar {
  margin: 0;
}
.ui-x-header-optionsbar {
  /*height: 45px;*/
  width: 79%;
  margin: 0 auto;
  /*background-color: rgba(0, 0, 0, 0.33);*/
}
.ui-x-header-optionsbar.ui-x-noInfoBar {
  float: right;
  width: inherit;
  margin: 6px 0;
}
.ui-x-header-optionsbar.ui-x-noInfoBar .ui-x-header-options {
  padding-right: 60px;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar.ui-x-noInfoBar .ui-x-header-options {
  padding: 0;
}
.ui-x-scrolled .ui-x-header-optionsbar {
  background-color: transparent;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar {
  width: 100%;
  float: left;
}
.ui-x-header-content.ui-x-header-content-fluid .ui-x-header-optionsbar.ui-x-noInfoBar {
  width: inherit;
  float: right;
}
.ui-x-header-content-fixed .ui-x-header-info,
.ui-x-header-content-fixed .ui-x-header-options {
  margin: 0;
}
/*   HEADER > MULTIPLEVIEWS   */
div.ui-x-multipleViews-menu ul {
  padding: 5px 0;
}
.ui-x-multipleViews-menu ul li {
  line-height: normal;
}
.ui-x-multipleViews-menu ul li a {
  color: #737373;
  cursor: pointer;
  display: inline-table;
  font-size: 113%;
  font-weight: 400;
  height: 45px;
  line-height: normal;
  padding: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
a.ui-x-hover-active .ui-x-multipleViews-menu ul li a:hover {
  color: #262626;
  background-color: #f5f5f5;
}
.ui-x-multipleViews-menu ul li a span {
  display: table-cell;
  padding: 5px 20px 8px;
  vertical-align: middle;
}
/*   HEADER > INFO   */
.ui-x-header-info {
  /*background-color: rgba(158, 158, 158, 0.2);*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  float: left;
  min-height: 45px;
  /*line-height: 45px;*/
  padding: 0;
  position: relative;
  margin-left: 55px;
  /*opacity: 0.75;*/
}
.ui-x-header-info.ui-x-hideTitle {
  /*opacity: 1;*/
}
.ui-x-header-info ul {
  padding: 11px 0;
}
.ui-x-scrolled .ui-x-header-info {
  visibility: hidden;
}
.ui-x-header-info ul li {
  display: inline-block;
  margin-right: 3px;
  white-space: nowrap;
}
.ui-x-header-info ul li + li:before {
  content: " \2022 ";
  padding: 0;
}
.ui-x-header-info ul li + li.ui-x-item--action:before {
  font-weight: normal;
  color: #bab9b5;
}
.ui-x-header-info ul li span.ui-x-loading-icn {
  padding: 0 10px;
}
.ui-x-header-info ul li .ui-x-loading-icn {
  height: 25px;
  left: 0;
  margin-left: 0 !important;
  position: absolute;
  top: 5px;
  width: 25px;
}
/*   HEADER > OPTIONS   */
.ui-x-header-options {
  /*right: 0;*/
  /*bottom: 0;*/
  /*float: right;*/
  margin-right: 55px;
}
.ui-x-scrolled .ui-x-header-options {
  visibility: hidden;
}
.ui-x-header-options ul {
  float: right;
}
.ui-x-header-options .ui-x-floatRight {
  margin-left: 6px;
}
.ui-x-header-options ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  /*min-height: 87px;*/
}
.ui-x-header-options ul li.ui-x-showBorder {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 7px;
  padding-right: 12px;
}
.ui-x-header-options ul li a {
  min-width: 45px;
  height: 45px;
  display: block;
  cursor: default;
  text-align: center;
}
/*.ui-x-header-options ul li button:not(.wi-option-dropdown__list-item) {*/
.ui-x-header-options ul li > .ui-x-option-button,
.ui-x-header-options ul li .ui-x-option-dropdown {
  min-width: 45px;
  height: 45px;
  text-align: center;
  cursor: default;
  border: none;
  background: none;
  position: relative;
  padding: 0;
}
.ui-x-header-options .ui-x-background {
  background-color: rgba(0, 0, 0, 0.25);
}
.ui-x-header-options ul li .ui-x-option-button {
  cursor: pointer;
  position: relative;
}
.ui-x-header-options ul li.ui-x-background-colour-0 .ui-x-option-button {
  background-color: #cc3232;
}
.ui-x-header-options ul li.ui-x-background-colour-1 .ui-x-option-button {
  background-color: #238e23;
}
.ui-x-header-options .ui-x-option-button.ui-x-textOnlyMode {
  border: 1px solid #ffffff;
  border-radius: 2px;
  height: 35px;
  padding: 0 15px;
  text-align: center;
  margin-top: 1px;
  margin-right: 6px;
  min-width: 68px;
}
.ui-x-header-options button.ui-x-option-button.ui-x-textOnlyMode {
  min-width: 100px;
}
.ui-x-header-options .ui-x-disabled .ui-x-textOnlyMode {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-x-header-options ul li button.ui-x-alertMode {
  background-color: #e2261e;
}
.ui-x-header-options ul li a.ui-x-alertMode {
  background-color: #e2261e;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active:focus-visible {
  background-color: #3697DB;
  border-radius: 100%;
}
.ui-x-header-options ul li button.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover,
.ui-x-header-options ul li a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover {
  background-color: #ffffff;
  border-radius: 2px;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:focus-visible {
  background-color: #3697DB;
  border-radius: 2px;
}
.ui-x-header-options ul li.ui-x-disabled button.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover,
.ui-x-header-options ul li.ui-x-disabled a.ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-x-header-options span:not(.em360-sr-only) {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  margin-right: 15px;
}
.ui-x-header-options span.ui-x-icn {
  background-image: none;
  height: 45px;
  width: 45px;
  margin: 0;
  text-align: center;
}
.ui-x-header-options .ui-x-textOnlyMode span {
  height: 35px;
  margin: 0;
  line-height: 35px;
  font-size: 14px;
}
.ui-x-header-options ul li .ui-x-option-button.ui-x-hover-active.ui-x-textOnlyMode:hover span {
  color: #000000;
}
.ui-x-header-options span.ui-x-option-overlay-value {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: white;
  color: #717171;
  margin-right: 0;
  text-align: center;
}
.ui-x-header-options span.ui-x-icn.ui-x-loading-icn {
  left: 0;
}
.ui-x-header-options span.ui-x-icn.ui-x-loading-icn svg {
  height: 37px;
  margin: 4px 0;
  width: 37px;
}
.ui-x-header-options span.ui-x-icn.ui-x-loading-icn svg path {
  stroke: #fff !important;
}
.ui-x-header-options li.ui-x-disabled .ui-x-option-button span.ui-x-loading-icn,
.ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button span.ui-x-loading-icn {
  opacity: 1;
}
.ui-x-option-text-only {
  line-height: 45px;
  padding: 0 15px;
}
.ui-x-header-options svg {
  width: 24px;
  height: 24px;
  margin: 11px 0;
  display: inline-block;
  background-image: none;
}
/*.ui-x-header-options svg path {
	fill: white;
}*/
.ui-x-header-options .ui-x-option-button.ui-x-hover-active:focus-visible svg path {
  fill: white !important;
}
.ui-x-header-options ul li a.ui-x-option-dropdown span {
  /*margin: 0 5px 0 0;*/
}
.ui-x-header-options ul li a.ui-x-option-dropdown span.ui-x-dropdown-icn {
  height: 41px;
  margin: 0 15px 0 0;
}
.ui-x-header-options li.ui-x-disabled .ui-x-option-button,
.ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button {
  cursor: default;
}
.ui-x-header-options ul li.ui-x-disabled .ui-x-option-button:hover,
.ui-x-header-bar-options ul li.ui-x-disabled .ui-x-option-button:hover {
  background: none;
}
.ui-x-header-options ul li.ui-x-disabled .ui-x-option-button.ui-x-alertMode:hover,
.ui-x-header-bar-options ul li.ui-x-disabled .ui-x-option-button.ui-x-alertMode:hover {
  background-color: #e2261e;
}
.ui-x-header-options li.ui-x-disabled .ui-x-option-button span,
.ui-x-header-bar-options li.ui-x-disabled .ui-x-option-button span {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
/*.ui-x-feed-container h2 {
	color: #333;*/
/*5D5D5D*/
/*font-family: var(--em360-font-family);
	font-size: 138%;
	font-weight: 400;
	margin: 0 32px;
	line-height: 1;
	min-height: inherit;
}*/
.ui-x-flex-feed .ui-x-feed-container h2,
.ui-x-floated-feed .ui-x-feed-container h2 {
  margin: 0;
}
.ui-x-option-dropdown {
  position: relative;
}
.ui-x-feed-type-rows .ui-x-feed-container h2 {
  margin-left: 7px;
}
/* DROP DOWN STYLING */
.ui-x-dropdown-container {
  position: absolute;
  top: 40px;
  right: 0;
  width: 393px;
  /*padding:0 5px;*/
  /*border: 1px solid transparent;*/
  border-radius: 2px;
  text-align: left;
  font-size: 88%;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  background-color: #ffffff;
  color: #27282C;
  z-index: 10;
  /* PM - was 10 but changed due to new feed item indexing */
  cursor: default;
}
/* moreOpts specific */
.ui-x-dropdown-container.ui-x-moreOpts-menu {
  width: auto;
  padding: 0;
}
.ui-x-moreOpts-menu ul {
  padding: 5px 0 5px;
}
.ui-x-moreOpts-menu ul li {
  float: none;
}
.ui-x-moreOpts-menu ul li button,
.ui-x-moreOpts-menu ul li a {
  background-color: transparent;
  border: none;
  color: #737373;
  font-size: 97%;
  height: 35px;
  line-height: 35px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
  cursor: pointer;
  width: auto;
  text-align: left;
  text-transform: uppercase;
}
.ui-x-moreOpts-menu ul li button:hover,
.ui-x-moreOpts-menu ul li a:hover {
  color: #262626;
  background-color: #F5F5F5;
}
.ui-x-moreOpts-menu ul li button:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.ui-x-moreOpts-menu ul li button:focus-visible path {
  fill: #fff !important;
}
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button,
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled a {
  opacity: 0.5;
}
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button:hover,
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled a:hover {
  color: #737373;
  background-color: transparent;
  cursor: default;
}
.ui-x-moreOpts-menu ul li.ui-x-moreOpts-menu__item--disabled button:focus-visible {
  color: #737373;
  background-color: #3697DB;
  cursor: default;
}
/* MOBILE VERSION */
.ui-x-mobile-options .ui-x-dropdown-container {
  border: 1px solid #EAEAEA;
  box-shadow: none;
  margin: 2px 0 6px;
  /*padding: 5px 10px;*/
  padding: 0;
  position: relative;
  top: 2px;
  width: 92%;
}
/* subscribe specific */
.ui-x-mobile-options .ui-x-dropdown-container.ui-x-subscribe-menu {
  padding: 10px;
}
.ui-x-dropdown-container ul {
  width: 100%;
  margin: 0;
}
.ui-x-dropdown-container ul li {
  margin: 0;
  width: 100%;
  display: block;
  white-space: nowrap;
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li .ui-x-dropdown-container ul li {
  margin: 0;
}
/*    CONTENT EDIT    */
.ui-x-content-container {
  width: 1188px;
  margin: 0 auto;
  padding: 15px;
}
.ui-x-content-container__widget-panels {
  display: block;
  margin: 0 80px;
  text-align: left;
}
/*    CONTENT VIEW   */
.ui-x-content-container-view {
  max-width: 862px;
  margin: 0 auto;
  padding: 0 0 15px;
}
.ui-x-edge-browser .ui-x-content-container-view--with-creation-button {
  margin-bottom: 100px;
}
@media (max-width: 600px) {
  .ui-x-edge-browser .ui-x-content-container-view--with-creation-button {
    margin-bottom: 140px;
  }
}
.ui-x-content-container-view.ui-x-content-container-loading {
  visibility: hidden;
}
/* ACCORDIAN WIDGET*/
.ui-x-accordion {
  padding: 10px 0;
}
.ui-x-accordion-item {
  /*padding: 20px;*/
  margin: 0 0 10px;
  min-height: 34px;
  position: relative;
}
.ui-x-accordion-item.ui-x-active,
.ui-x-accordion-item.ui-x-whiteBackground {
  border: 1px solid #d8d8d8;
  overflow: hidden;
}
/* REMOVING BORDERS DUE TO RENDERING ISSUE */
/*.ui-x-touch .ui-x-accordion-item.ui-x-active,
.ui-x-ismac .ui-x-accordion-item.ui-x-active,
.ui-x-touch .ui-x-accordion-item.ui-x-whiteBackground,
.ui-x-ismac .ui-x-accordion-item.ui-x-whiteBackground { border: none; }*/
.ui-x-accordion-item.ui-x-whiteBackground.ui-x-complete:not(.ui-x-active),
.ui-x-accordion-item.ui-x-whiteBackground.ui-x-invalid:not(.ui-x-active),
.ui-x-accordion-item.ui-x-complete + .ui-x-accordion-item:not(.ui-x-active) {
  cursor: pointer;
  background-color: #ffffff;
}
.ui-x-accordion-item.ui-x-invalid ~ .ui-x-accordion-item:not(.ui-x-active) {
  cursor: default !important;
  background-color: #eaeaea;
}
.ui-x-non-clickable {
  cursor: default !important;
  background-color: #eaeaea !important;
}
.divider ~ li {
  background-color: green;
}
.ui-x-accordion-header > div {
  /*float: left;*/
  display: inline-block;
}
.ui-x-accordion-header > div.ui-x-accordion-detail {
  display: none;
}
.ui-x-accordion-item.ui-x-non-clickable .ui-x-accordion-detail {
  display: inline-block;
}
.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-detail {
  display: inline-block;
}
.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-title .ui-x-accordion-detail {
  display: inline-block;
}
.ui-x-accordion-item.ui-x-non-clickable .ui-x-accordion-title .ui-x-literal,
.ui-x-accordion-item.ui-x-whiteBackground .ui-x-accordion-title .ui-x-literal {
  margin-right: 20px;
}
.ui-x-accordion-header {
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -ms-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  -webkit-transform: translate3d(0, 0, 0);
}
.ui-x-accordion-content {
  -webkit-transition: opacity ease-in-out 100ms;
  -moz-transition: opacity ease-in-out 100ms;
  -ms-transition: opacity ease-in-out 100ms;
  transition: opacity ease-in-out 100ms;
  -webkit-transform: translate3d(0, 0, 0);
}
.ui-x-accordion-content {
  height: 0;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.ui-x-accordion-header {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  position: absolute;
  width: 87%;
  z-index: 1;
  left: inherit;
  padding: 20px;
  overflow: hidden;
  /* added for really long detail titles etc*/
}
.ui-x-accordion-item.ui-x-active .ui-x-accordion-header {
  opacity: 0;
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 0;
  left: -99999px;
}
.ui-x-accordion-item.ui-x-active .ui-x-accordion-content {
  height: auto;
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  margin: 20px;
  overflow: hidden;
}
.ui-x-accordion-item.ui-x-active.ui-x-title-banner-container .ui-x-accordion-content {
  padding: 0;
  margin: 0;
}
.ui-x-accordion-item.ui-x-content-about-container .ui-x-accordion-content {
  padding: 0;
  margin: 0;
}
.ui-x-accordion-content.ui-x-heightHack,
.ui-x-accordion-content.ui-x-accordion-heightHack {
  overflow: visible;
  display: block;
  position: absolute;
  left: -40000px;
  visibility: hidden;
  height: auto;
}
.ui-x-accordion-content-inner {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.ui-x-accordion-footer {
  text-align: center;
}
.ui-x-accordion-btn {
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  white-space: pre-wrap;
  min-width: 232px;
  padding: 0 10px;
  /*height: 40px;*/
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
  float: right;
  text-overflow: ellipsis;
}
.ui-x-accordion-btn-inActive {
  cursor: default;
}
.ui-x-validationbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  background-color: #e2261e;
  /*@invalid-marker-color*/
  z-index: 1;
  display: none;
}
.ui-x-accordion-footer .ui-x-stepInfo {
  color: #333;
  font-size: 100%;
  font-weight: 300;
  min-height: 40px;
  line-height: 40px;
  float: right;
  margin-right: 3%;
}
.ui-x-validationmsg {
  color: #FE4C4C;
  font-size: 100%;
  font-weight: 300;
  display: none;
}
.ui-x-accordion-header .ui-x-validationmsg {
  display: none;
  float: none;
  height: 0;
}
/* exception for banner variation in creation process*/
.ui-x-accordion-title .ui-x-validationmsg {
  font-size: 70%;
}
.ui-x-accordion-footer .ui-x-validationmsg {
  /*height: 40px;*/
  min-height: 40px;
  line-height: 40px;
  float: right;
  margin-right: 3%;
}
.ui-x-whiteBackground .ui-x-accordion-header .ui-x-validationmsg,
.ui-x-active .ui-x-accordion-header .ui-x-validationmsg {
  height: auto;
}
.ui-x-whiteBackground.ui-x-invalid .ui-x-validationmsg,
.ui-x-active.ui-x-invalid .ui-x-validationmsg,
.ui-x-whiteBackground.ui-x-invalid .ui-x-validationbar,
.ui-x-active.ui-x-invalid .ui-x-validationbar {
  display: block;
}
/* FORM WIDGETS */
.ui-x-widget-title {
  line-height: 1.45;
  margin-bottom: 5px;
}
.ui-x-widget-forms-text-options {
  padding: 20px 0 55px;
}
.ui-x-widget-forms-text-options--center {
  text-align: center;
}
.ui-x-widget-forms-text-options.ui-x-grid {
  padding: 20px 0 40px;
}
.ui-x-no-pad .ui-x-widget-forms-text-options {
  padding: 0 0 55px;
}
/* modifier for if multiple questions in an item*/
.ui-x-widget-subTitle {
  margin-bottom: 3.5%;
}
.ui-x-widget-optionsList {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.ui-x-widget-optionsList.ui-x-grid {
  width: 100%;
}
.ui-x-widget-optionsList span {
  margin: 0 15px 1%;
  cursor: pointer;
  display: inline-block;
}
.ui-x-widget-optionsList.ui-x-grid div {
  width: 630px;
  margin: 0 auto;
}
.ui-x-widget-optionsList.ui-x-grid span {
  /*width: 180px;*/
  margin: 0 15px 4%;
  float: left;
}
/* interest creation - tag explorer widget */
.ui-x-widget-forms-tag-explorer {
  text-align: center;
  padding: 20px 0;
  width: 1060px;
  margin: 0 auto;
}
.ui-x-widget-forms-tag-explorer.ui-x-empty {
  padding: 0 0 50px;
}
.ui-x-widget-forms-tag-explorer-inner {
  text-align: left;
  margin-bottom: 25px;
}
.ui-x-widget-forms-tag-explorer h2 {
  margin-top: 0;
}
.ui-x-widget-forms-tag-explorer h2.ui-x-no-margin {
  margin: 0;
}
.ui-x-widget-forms-tag-explorer .ui-x-loading-icn {
  position: relative;
}
.ui-x-widget-forms-tag-explorer-clear {
  -moz-box-shadow: 0 0 0 1px #f1f1f1 inset;
  -webkit-box-shadow: 0 0 0 1px #f1f1f1 inset;
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  cursor: pointer;
  float: right;
  font-size: 60%;
  padding: 8px 12px;
}
.ui-x-widget-forms-tag-explorer-minmax-selection {
  font-size: 13px;
  color: #f6b516;
  margin-bottom: 15px;
  display: inline-block;
}
.ui-x-widget-forms-tag-explorer-minmax-selection.ui-x-invalid {
  color: #fe4c4c;
}
.ui-x-widget-forms-tag-explorer-cont {
  /*border: 1px solid #f1f1f1;*/
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  min-height: 267px;
  background: transparent url(4422f7dc5e5d8600a146.png) repeat scroll 0 0;
  margin-bottom: 50px;
}
.ui-x-widget-forms-tag-explorer-cont-single {
  min-height: 134px;
}
.ui-x-widget-forms-tag-explorer-gridItem-your-data {
  font-weight: 300;
}
.ui-x-widget-forms-tag-explorer-gridItem-your-data .ui-x-your-data-icon {
  margin-top: 36px;
  margin-bottom: 11px;
}
.ui-x-widget-forms-tag-explorer-gridItem-your-data .ui-x-your-data-icon svg {
  width: 28px;
  height: 28px;
}
.ui-x-widget-forms-tag-explorer-gridItem {
  height: 132px;
  width: 263px;
  border: 1px solid transparent;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.ui-x-widget-forms-tag-explorer-gridItem-icon {
  text-align: center;
  display: inline-block;
  height: 24px;
  margin: 0px auto;
  width: 24px;
  padding: 44px 0 11px;
}
.ui-x-widget-forms-tag-explorer-gridItem div {
  font-weight: 300;
}
.ui-x-widget-forms-tag-explorer-gridItem > div > div:not(.ui-x-show-Search-Status) {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.ui-x-widget-forms-tag-explorer-gridItem > div > div.ui-x-icn {
  padding: 24px 0 6px;
}
.ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tags-explorer-name {
  overflow: hidden;
  margin: 0 15px;
}
.ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tag-explorer-tag-name {
  max-height: 47px;
  overflow: hidden;
  margin: 0 15px;
}
.ui-x-widget-forms-tag-explorer-gridItem.ui-x-tag-required {
  border-color: #F6B516;
}
.ui-x-widget-forms-tag-explorer-gridItem.ui-x-secondary-tag {
  cursor: default;
}
.ui-x-widget-forms-tag-explorer-gridItem.ui-x-secondary-tag svg path {
  opacity: 0.5;
}
.ui-x-tag-disabled {
  cursor: default;
}
.ui-x-tags-explorer-locked-msg,
div.ui-x-tags-explorer-required-msg,
.ui-x-tags-explorer-unavailable-msg {
  color: #F6B516;
  font-size: 80%;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -40%;
  width: 80%;
  font-weight: normal;
}
.ui-x-widget-forms-tag-explorer-gridItem-your-data div.ui-x-tags-explorer-required-msg {
  top: auto;
  bottom: 9px;
}
.ui-x-tags-explorer-locked-msg {
  color: #C4C4C4;
  text-align: left;
}
.ui-x-tags-explorer-unavailable-msg {
  color: #f00;
}
.ui-x-widget-forms-tag-explorer-search {
  position: relative;
}
.ui-x-tag-explorer-search {
  left: 70px;
  position: absolute;
  top: 55px;
  z-index: 1;
}
.ui-x-tag-explorer-search.ui-x-tag-explorer-search-active {
  left: 0;
  top: 45px;
  width: 100%;
}
.ui-x-tag-explorer-search .ui-x-autoComplete {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
  border: 0;
}
.ui-x-tag-explorer-search .ui-x-autoComplete input {
  border: 0 none;
  height: 45px;
  margin: 1% 20%;
  width: 60%;
  padding: 0;
  background: transparent;
  outline: none;
}
.ui-x-svg-holder {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.ui-x-svg-holder svg {
  left: -63px;
  position: relative;
  top: -175px;
  opacity: 0.15;
  -moz-opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.15)";
}
.ui-x-widget-forms-tag-explorer-nav > div {
  float: left;
  height: 100%;
  box-sizing: border-box;
  width: 131px;
}
.ui-x-widget-forms-tag-explorer-nav > div.ui-x-widget-forms-tag-explorer-explore {
  width: 132px;
}
.ui-x-widget-forms-tag-explorer-explore {
  border: 1px solid #F1F1F1;
  border-width: 0 1px 0 0;
  padding: 22px 0;
}
.ui-x-widget-forms-tag-explorer-previous {
  padding: 22px 0;
}
.ui-x-widget-forms-tag-explorer-noSel {
  width: 43%;
  margin: 66px auto;
  text-align: center;
}
.ui-x-tag-selected .ui-x-tick svg path {
  fill: green;
  stroke: green;
}
.ui-x-tag-selected .ui-x-all-tick svg path#alltick {
  fill: green;
  stroke: green;
}
.ui-x-tag-disabled svg path {
  fill: #F1F1F1;
}
.ui-x-widget-forms-tag-explorer-summ {
  border: 1px solid #f1f1f1;
  min-height: 177px;
  position: relative;
  /*margin-bottom: 50px;*/
}
.ui-x-tag-explorer-summ-count {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 168px;
  text-align: center;
}
.ui-x-tag-explorer-summ-title {
  margin-bottom: 10px;
  padding: 10px 10px 0;
  cursor: pointer;
}
.ui-x-tag-explorer-summ-title.ui-x-disabled {
  cursor: default;
}
.ui-x-tag-explorer-summ-title em {
  display: block;
}
.ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-for {
  display: block;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: -20px;
  top: 0;
  width: 40px;
  z-index: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-tag-explorer-summ-arrow {
  border-bottom: 25px solid rgba(0, 0, 0, 0);
  border-left: 25px solid #EAEAEA;
  border-top: 25px solid rgba(0, 0, 0, 0);
  font-size: 0;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
  right: -25px;
  top: 10px;
}
.ui-x-tag-explorer-summ-list {
  margin-left: 171px;
  /*168px*/
  min-height: 177px;
}
.ui-x-define-tags .ui-x-tag-explorer-summ-list,
.ui-x-tag-explorer-summ-list-full {
  margin: 0;
}
.ui-x-tag-explorer-summ-row {
  border-top: 1px solid #F1F1F1;
}
.ui-x-tag-explorer-summ-row .ui-x-tag-first .ui-x-tag-explorer-summ-and {
  background: transparent;
}
.ui-x-tag-explorer-summ-row .ui-x-tag-explorer-summ-arrow-left {
  display: none;
}
.ui-x-tag-explorer-summ-row .ui-x-tag-first .ui-x-tag-explorer-summ-arrow-left {
  border-bottom: 25px solid rgba(0, 0, 0, 0);
  border-right: 25px solid #FAFAFA;
  border-top: 25px solid rgba(0, 0, 0, 0);
  display: block;
  font-size: 0;
  height: 0;
  left: -5px;
  line-height: 0;
  position: absolute;
  top: -10px;
  width: 0;
  z-index: 0;
}
.ui-x-tag-explorer-summ-item {
  float: left;
  width: 176px;
  /*168px*/
  min-height: 177px;
  position: relative;
  text-align: center;
  border-left: 1px solid #F1F1F1;
}
.ui-x-tag-explorer-summ-list-full .ui-x-tag-explorer-summ-item {
  width: 175px;
}
.ui-x-tag-explorer-summ-item.ui-x-tag-first {
  border: none;
}
.ui-x-define-tags .ui-x-tag-explorer-summ-item {
  width: 210px;
}
.ui-x-tag-explorer-summ-and {
  height: 26px;
  left: -20px;
  line-height: 26px;
  position: absolute;
  top: 19px;
  width: 41px;
}
.ui-x-tag-explorer-summ-and span {
  display: block;
  position: relative;
  z-index: 0;
}
.ui-x-tag-explorer-secondary-tag,
.ui-x-tag-explorer-summ-tag {
  border: 1px solid #F1F1F1;
  margin: 0 auto 5px;
  /*overflow: hidden;*/
  padding: 6px 10px;
  position: relative;
  text-align: left;
  width: 70%;
}
.ui-x-tag-explorer-secondary-tag div {
  overflow: hidden;
}
.ui-x-tag-explorer-summ-tag.ui-x-unavailable {
  border-color: #f00;
}
.ui-x-tag-explorer-summ-tag.ui-x-unavailable span {
  color: #f00;
}
.ui-x-tag-explorer-summ-tag .ui-x-tag-explorer-summ-item-info {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 7px;
  right: 7px;
}
/* We need some specific overrides for jQuery UI because these elements implement draggable */
.ui-x-tag-explorer-summ-tag {
  display: block;
}
.ui-x-tag-explorer-summ-tag.ui-state-disabled {
  opacity: 1;
}
.ui-x-tag-explorer-summ-tag.ui-x-tag-required {
  border-color: #F6B516;
  color: #F6B516;
  text-align: center;
  font-size: 85%;
}
.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-tag-name {
  display: block;
  width: 75%;
  overflow: hidden;
}
.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  height: 100%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.ui-x-secondary-items-title {
  background-color: #FAFAFA;
  color: #A3A3A3;
  font-size: 75%;
  font-weight: 300;
  left: 26px;
  padding: 0 10px;
  position: absolute;
  text-align: left;
  top: -10px;
  white-space: nowrap;
  z-index: 1;
}
.ui-x-tag-explorer-secondary-item {
  margin: 45px 0 16px;
  padding-top: 16px;
  border-top: 1px solid #f1f1f1;
  position: relative;
}
.ui-x-secondary-tag-container {
  padding: 5%;
}
.ui-x-tag-explorer-secondary-tag {
  margin: 0 auto;
  color: #9B9B9B;
  border-width: 0 1px 1px 1px;
}
.ui-x-tag-explorer-secondary-tag span.ui-x-tag-explorer-secondary-tag-name {
  font-size: 85%;
}
.ui-x-tag-explorer-secondary-tag.ui-x-tag-first {
  border-width: 1px;
}
.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max {
  margin-top: 10px;
  min-height: inherit;
}
.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-widget-forms-tag-explorer-min-max-item {
  opacity: 0.5;
}
.ui-x-widget-forms-tag-explorer-min-max-item {
  border-top: 1px solid #f1f1f1;
  padding: 16px 18px;
}
.ui-x-widget-forms-tag-explorer-min-max-item.ui-x-first {
  border-top: 0 none;
}
.ui-x-checkbox-num-mask {
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 12px;
  cursor: pointer;
  float: left;
}
.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-checkbox-num-mask {
  cursor: default;
}
.ui-x-checkbox-num-mask svg {
  width: 24px;
  height: 24px;
}
.ui-x-checkbox-num label {
  vertical-align: top;
  padding-top: 2px;
  line-height: 22px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  float: left;
}
.ui-x-widget-forms-tag-explorer-summ.ui-x-widget-forms-tag-explorer-min-max.ui-x-disabled .ui-x-checkbox-num label {
  cursor: default;
}
.ui-x-checkbox-num input.ui-x-checkbox-num-input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  float: right;
  padding: 0;
  text-align: center;
  width: 45px;
  font-size: 14px;
  color: #5d5d5d;
  font-weight: 400;
  line-height: 24px;
}
.ui-x-checkbox-num .ui-x-checkbox-num-chk {
  position: absolute;
  left: -40000px;
}
.ui-x-tag-explorer-priority-item {
  /*border-right: 1px solid #f1f1f1;*/
  float: left;
  min-height: 90px;
  position: relative;
  text-align: center;
  width: 150px;
  cursor: move;
}
.ui-x-tag-explorer-priority-item .ui-x-tag-explorer-summ-title {
  cursor: move;
}
/* sortable widget */
.ui-x-sortable-placeholder {
  border-right: 1px solid transparent;
  float: left;
}
/* interest creation - banner widget & asset creation - content widget */
.ui-x-accordion-item.ui-x-title-banner-container {
  padding: 0;
}
.ui-x-accordion-item.ui-x-content-about-container {
  padding: 0;
  min-height: 74px;
}
.ui-x-title-banner-container .ui-x-accordion-title,
.ui-x-content-about-container .ui-x-accordion-title {
  /*padding:20px 0 20px 20px;*/
  margin-right: 0;
}
.ui-x-title-banner-container .ui-x-accordion-title .ui-x-accordion-detail,
.ui-x-content-about-container .ui-x-accordion-title .ui-x-accordion-detail {
  display: none;
}
.ui-x-title-banner-container .ui-x-accordion-footer,
.ui-x-content-about-container .ui-x-accordion-footer {
  padding: 20px;
}
.ui-x-widget-forms-title-banner {
  float: left;
  padding-top: 50px;
  position: relative;
  width: calc(100% - 277px);
}
.ui-x-widget-forms-title-banner.ui-x-noCardView {
  width: 100%;
}
.ui-x-widget-forms-title-banner.ui-x-slideActive {
  width: calc(100% - 57px);
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.ui-x-widget-forms-title-banner .ui-x-banner-mask {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}
.ui-x-widget-forms-title-banner.ui-x-slideActive.ui-x-slideOpen .ui-x-banner-mask {
  display: block;
  z-index: 1;
}
.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-header-optionsbar {
  top: 0;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 50px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options {
  float: right;
  margin: 3px 10px 0;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options ul li,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options ul li {
  float: left;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options-title,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options-title {
  float: left;
  margin: 0 0 0 25px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-header-options-title {
  max-width: 120px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .loaderContainer,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .loaderContainer {
  position: relative;
  left: inherit;
  top: 12px;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-loading-icn svg,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-loading-icn svg {
  width: 32px;
  height: 32px;
  margin: 6px 0;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar .ui-x-loading-icn svg path,
.ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-loading-icn svg path {
  stroke: #FFFFFF !important;
}
.ui-x-title-banner-content {
  top: 116px;
  width: 100%;
}
.ui-x-title-banner-content-thumb .ui-x-title-banner-content {
  min-height: 85px;
}
.ui-x-widget-forms-title-banner .ui-x-title-banner-content {
  min-height: 85px;
  background-color: rgba(0, 0, 0, 0.5);
}
.ui-x-title-banner-content-thumb {
  position: absolute;
  right: 0;
  padding-top: 50px;
  width: 275px;
  border-left: 2px #fff solid;
}
.ui-x-title-banner-content-thumb.ui-x-slideActive {
  right: -220px;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -ms-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s;
}
.ui-x-title-banner-content-thumb.ui-x-slideActive.ui-x-slideOpen {
  right: 0;
  z-index: 2;
}
.ui-x-title-banner-content-thumb .ui-x-thumbnail-view-control {
  position: absolute;
  left: -23px;
  top: 50%;
  margin-top: -22px;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
}
.ui-x-title-banner-content-thumb .ui-x-thumbnail-view-control span {
  height: 24px;
  margin: 10px;
  width: 24px;
  display: block;
}
.ui-x-title-banner-content-thumb .ui-x-header-optionsbar {
  background-color: rgba(0, 0, 0, 0.5);
  height: 50px;
  position: absolute;
  top: 0;
  width: inherit;
}
.ui-x-widget-forms-title-banner .ui-x-title-title-container {
  max-width: 700px;
}
.ui-x-widget-forms-title-banner .ui-x-title-title-container.ui-x-no-thumb-admin {
  margin-left: 25px;
}
.ui-x-widget-forms-title-banner:not(.ui-x-publishMode) .ui-x-title-title {
  color: #ffffff;
  float: none;
  margin: 0 auto;
  max-width: inherit;
  padding: 22px 0;
  width: 77%;
}
.ui-x-widget-forms-title-banner.ui-x-slideActive:not(.ui-x-publishMode) .ui-x-title-title {
  width: 81%;
}
.ui-x-widget-forms-title-banner .ui-x-title-title .ui-x-countdown,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm .ui-x-countdown {
  font-size: 27.174%;
  line-height: 1;
  color: #FFF;
  display: block;
  clear: both;
  height: auto;
  padding: 0;
}
.ui-x-widget-forms-title-banner .ui-x-title-subtitle .ui-x-countdown {
  font-size: 61.728%;
}
.ui-x-widget-forms-title-banner .ui-x-title-title div,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm div:first-child {
  color: #ffffff;
  display: table-cell;
  line-height: normal;
  /*min-width: 645px;*/
  outline: medium none;
  vertical-align: middle;
  word-wrap: break-word;
}
.ui-x-widget-forms-title-banner .ui-x-title-titleSm .ui-x-title-subtitle div {
  padding: 0;
  height: auto;
  max-width: 620px;
  min-width: 615px;
}
.ui-x-widget-forms-title-banner .ui-x-title-title div.ui-x-placeholder-val,
.ui-x-widget-forms-title-banner .ui-x-title-titleSm div.ui-x-placeholder-val {
  /*color: #D4D4D4;*/
  /*color: #EEECEC;*/
  color: #C4C4C4;
  min-width: 645px;
}
.ui-x-thumb-unedited {
  width: 100%;
  height: 100%;
  opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}
.ui-x-click-edit-input {
  width: 100%;
}
.ui-x-unedited {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
/* auto complete widget */
.ui-x-autoComplete {
  position: relative;
  border: 1px solid #D6D6D6;
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.ui-x-autoComplete input {
  font-weight: 300;
  color: #717171;
  padding: 8px;
  width: 100%;
  /*width: 264px;*/
  z-index: 1;
}
.ui-x-autoComplete input::-ms-clear {
  width: 0;
  height: 0;
}
.ui-x-autoComplete .ui-x-dark-close-icn {
  display: block;
  height: 24px;
  left: 225px;
  padding: 2px 6px 0;
  position: absolute;
  top: 11px;
  width: 24px;
  z-index: 2;
}
.ui-x-autoComplete .ui-x-dark-close-icn svg {
  width: 24px;
  height: 24px;
}
.ui-x-autoComplete-overlay {
  cursor: default;
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  left: -1px;
  padding: 8px 0;
  position: absolute;
  top: 40px;
  width: 529px;
  /* 100% */
  z-index: 10;
}
.ui-x-autoComplete-overlay li {
  font-size: 77%;
  text-align: left;
  font-weight: normal;
}
.ui-x-autoComplete-overlay li.ui-x-noresults {
  padding-left: 20px;
}
.ui-x-autoComplete-overlay li em {
  color: #000000;
  font-style: normal;
  font-weight: 900;
}
.ui-x-autoComplete-overlay li > div {
  cursor: pointer;
  padding: 4px 15px;
}
.ui-x-autoComplete-overlay li > div .ui-x-tag-disabled {
  cursor: default;
}
.ui-x-autoComplete-overlay li > div:hover {
  background-color: #F1F1F1;
}
.ui-x-autoComplete-overlay .ui-x-search-tick {
  float: left;
  height: 28px;
  width: 28px;
}
.ui-x-autoComplete-overlay .ui-x-item-selected .ui-x-tick path {
  fill: #008000;
}
.ui-x-autoComplete-overlay .ui-x-item-parent {
  cursor: default;
}
.ui-x-autoComplete-overlay li .ui-x-item-parent:hover {
  background-color: transparent;
}
.ui-x-autoComplete-overlay .ui-x-item-parent .ui-x-tick path {
  fill: #F1F1F1;
  stroke: #238E23;
}
.ui-x-autoComplete-overlay .ui-x-search-item-text {
  float: left;
  line-height: 24px;
  padding: 2px 0 2px 7px;
  width: 461px;
  color: #000;
}
.ui-x-autoComplete-overlay .ui-x-search-item-text pre {
  color: #7c7c7c;
  display: inline;
  font-family: var(--em360-font-family);
  margin: 0;
}
.ui-x-autoComplete-overlay .ui-x-tag-disabled {
  cursor: default;
}
.ui-x-autoComplete-overlay .ui-x-tag-disabled:hover,
.ui-x-autoComplete-overlay .ui-x-tag-disabled div:hover {
  background: transparent;
}
.ui-x-autoComplete-overlay .ui-x-tag-disabled .ui-x-search-item-text {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
  line-height: 1em;
  padding-bottom: 0;
}
.ui-x-autoComplete-overlay .ui-x-tag-disabled .ui-x-search-item-small {
  /*color: #C4c4c4;*/
  color: #A3A3A3;
  font-weight: 300;
  font-size: 80%;
  margin: 0 0 0 38px;
  display: block;
}
.ui-x-autoComplete-overlay .ui-x-item-selected.ui-x-tag-disabled:hover,
.ui-x-autoComplete-overlay .ui-x-item-selected.ui-x-tag-disabled div:hover {
  background-color: #F1F1F1;
  cursor: pointer;
}
/* content creation widget*/
.ui-x-widget-forms-title-banner.ui-x-widget-forms-title-banner-blank-content {
  margin-bottom: 40px;
}
.ui-x-content-subtitle {
  border: none;
  margin-bottom: 10px;
  resize: none;
  overflow: hidden;
  font-size: 17px;
  color: #000000;
  font-weight: 700;
  line-height: 26px;
}
/* additional info widget*/
.ui-x-widget-forms-grid-form {
  text-align: center;
  padding: 20px 0 55px;
  width: 1060px;
  /* re-added as part of profile edit*/
  margin: 0 auto;
  /*margin: 0 43px;*/
}
.ui-x-widget-grid-form-inner {
  text-align: left;
  /*width: 1060px;*/
  /* removed as part of profile edit*/
  margin: 0 auto;
}
.ui-x-widget-grid-form-cont {
  /*border: 1px solid #f1f1f1;*/
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  /*min-height: 180px;*/
  background: transparent url(8f7f9e1161b9ca8763d8.png) repeat scroll 0 0;
  /*margin-bottom: 50px;*/
}
.ui-x-widget-grid-form-gridItem {
  cursor: pointer;
  float: left;
  height: 88px;
  text-align: center;
  width: 263px;
  border: 1px solid transparent;
  position: relative;
}
.ui-x-widget-grid-form-gridItem:focus {
  background-color: #f1f1f1;
}
.ui-x-widget-grid-form-gridItem.ui-x-mandatory {
  border-color: #F6B516;
}
.ui-x-widget-grid-form-gridItem.ui-x-invalid {
  border-color: #e2261e;
}
/*@invalid-marker-color*/
.ui-x-widget-grid-form-gridItem.ui-x-inputFocused,
.ui-x-widget-grid-form-gridItem:hover {
  background-color: #f1f1f1;
}
.ui-x-widget-grid-form-gridItem.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-widget-grid-form-gridItem.ui-x-disabled:focus,
.ui-x-widget-grid-form-gridItem.ui-x-disabled:not(.ui-x-inputFocused):hover {
  background-color: transparent;
  outline: none;
}
/* Action button */
.ui-x-widget-grid-form-item-action-button {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 21px;
  height: 21px;
}
.ui-x-widget-grid-form-title {
  color: #333;
  font-size: 88%;
  font-weight: 400;
  margin-top: 22px;
}
.ui-x-widget-grid-form-value-container {
  width: 85%;
  margin: 0 auto;
  overflow: hidden;
}
.ui-x-widget-grid-form-value {
  color: #27282C;
  font-size: 90%;
  font-weight: 300;
  margin-top: 5px;
}
.ui-x-widget-grid-form-value.ui-x-placeholder {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
/* text specific */
.ui-x-widget-grid-form-value {
  text-align: center;
}
.ui-x-widget-grid-form-value input {
  font-weight: 300;
  left: -1px;
  position: relative;
  text-align: center;
  top: -2px;
  /*border: 1px solid #D6D6D6;*/
  border: 1px solid transparent;
  background: transparent;
}
.ui-x-widget-grid-form-date input {
  visibility: hidden;
  position: relative;
  top: -21px;
}
.ui-x-widget-grid-form-date img {
  display: none;
}
.ui-x-widget-grid-form-date span {
  display: inline-block;
  width: 100%;
}
/* password specific */
.ui-x-widget-grid-form-password-req {
  background-color: #f8f8f8;
  border: 1px solid #d4d4d4;
  border-width: 0 1px 1px;
  color: #717171;
  font-size: 75%;
  font-weight: 400;
  left: -1px;
  line-height: 1.8;
  padding: 4% 0 3%;
  position: absolute;
  top: 88px;
  width: 263px;
  z-index: 1;
}
.ui-x-widget-grid-form-password-req-item {
  padding: 0 2%;
}
/* select specific*/
.ui-x-grid-form-select-container {
  position: absolute;
  top: 90px;
  left: -1px;
  width: 262px;
  /*padding: 20px;*/
  border: 1px solid transparent;
  text-align: left;
  padding: 10px 0;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
.ui-x-grid-form-select-container ul li {
  padding: 5px 20px;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
.ui-x-grid-form-select-container ul li:hover {
  background-color: #F1F1F1;
}
/* date specific */
.ui-x-widget-grid-form-value input.ui-x-date-input {
  color: #27282C;
  width: 85%;
  cursor: pointer;
}
/* Image gallery Edit */
.ui-x-widget-forms-image-gallery-cont {
  background: url(4422f7dc5e5d8600a146.png) repeat scroll 0 0 transparent;
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  /*margin-bottom: 50px;*/
  min-height: 134px;
}
.ui-x-widget-forms-image-gallery-Item {
  border: 1px solid transparent;
  cursor: pointer;
  float: left;
  height: 132px;
  position: relative;
  text-align: center;
  width: 263px;
  background-color: rgba(9, 48, 114, 0.7);
}
.ui-x-widget-forms-image-gallery-Item .ui-x-widget-grid-form-title {
  color: #fff;
}
.ui-x-widget-forms-image-gallery-Item:hover {
  background-color: #a3a3a3;
}
.ui-x-widget-grid-form-image {
  height: 85px;
  position: relative;
}
.ui-x-widget-forms-image-gallery-thumb {
  border-radius: 0;
  height: 70px;
  margin: 5px 10px 0;
  position: absolute;
  width: 243px;
  line-height: 65px;
}
.ui-x-widget-forms-image-gallery-thumb div {
  margin: 0 auto;
}
.ui-x-widget-forms-image-gallery-thumb img {
  vertical-align: middle;
}
.ui-x-widget-forms-image-gallery-thumb span {
  display: block;
  margin: 0;
  position: absolute;
  width: 100%;
}
.ui-x-widget-forms-image-gallery-thumb svg {
  opacity: 0;
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ui-x-widget-forms-image-gallery-Item:hover svg {
  opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.75)";
}
.ui-x-widget-forms-image-gallery-Item:hover .ui-x-widget-forms-image-gallery-thumb img {
  opacity: 0.25;
  -moz-opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.25)";
}
.ui-x-widget-forms-image-gallery-button {
  border-radius: 0;
  height: 75px;
  margin: 0 10px 10px;
  position: absolute;
  width: 243px;
}
.ui-x-widget-grid-form-image svg {
  display: inline-block;
  height: 32px;
  margin: 15px auto;
  width: 32px;
  vertical-align: middle;
}
.ui-x-widget-grid-form-image .ui-x-loading-icn svg {
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
/* sphere select - (uses above grid) */
.ui-x-expandable-grid-list-header {
  font-size: 156%;
  font-weight: 300;
}
.ui-x-expandable-grid-list {
  background: url(4422f7dc5e5d8600a146.png) repeat scroll 0 0 transparent;
  box-shadow: 0 0 0 1px #f1f1f1 inset;
  margin-bottom: 50px;
}
.ui-x-expandable-grid-list.ui-x-no-margin {
  margin: 0;
}
.ui-x-expandable-grid-list.ui-x-warning-active {
  background: url(9ec71d9753621a6875b8.png) repeat scroll 0 0 transparent;
}
.ui-x-expandable-grid-list .ui-x-gridItem-splitter {
  background-color: #f1f1f1;
  height: 2px;
  left: -1px;
  position: absolute;
  top: -2px;
  width: 100%;
}
.ui-x-expandable-grid-list-gridItem-icon {
  height: 35px;
  margin: 12% auto 5%;
  width: 35px;
}
.ui-x-expandable-grid-list-gridItem-icon .ui-x-tick {
  width: 24px;
  height: 24px;
}
.ui-x-expandable-grid-list-gridItem {
  border: 1px solid transparent;
  cursor: pointer;
  float: left;
  height: 132px;
  position: relative;
  text-align: center;
  width: 263px;
}
.ui-x-expandable-grid-list .ui-x-sortable-placeholder {
  border: 1px solid transparent;
  border-radius: 3px;
  float: none;
  height: 45px;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
.ui-x-expandable-grid-list-gridItem-sort {
  cursor: move;
  float: right;
  height: 48px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  border-left: 1px solid #f1f1f1;
}
.ui-x-expandable-grid-list-gridItem-sort span {
  display: block;
  left: 10px;
  overflow: hidden;
  position: relative;
  top: 12px;
  width: 24px;
  height: 24px;
}
.ui-x-expandable-grid-list-gridItem.ui-x-locked {
  cursor: auto;
}
.ui-x-expandable-grid-list-gridItem.ui-x-locked svg {
  opacity: 0.5;
}
.ui-x-expandable-grid-list.ui-x-warning-active .ui-x-expandable-grid-list-gridItem {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.ui-x-expandable-grid-list-gridItem.ui-x-selected .ui-x-expandable-grid-list-gridItem-icon svg path {
  fill: green;
}
.ui-x-expandable-grid-list-gridItem-title {
  max-height: 50px;
  overflow: hidden;
  padding: 0 15px;
  text-align: center;
  font-weight: 300;
  font-size: 113%;
}
.ui-x-expandable-grid-list-gridItem.ui-x-warning {
  height: auto;
  float: none;
  display: inline-block;
  vertical-align: top;
  border: 1px solid transparent;
  background-color: rgba(255, 170, 0, 0.0980392);
  -webkit-tap-highlight-color: transparent;
}
.ui-x-expandable-grid-list-gridItem .ui-x-warning-content {
  padding: 15px;
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  text-align: left;
  border: 1px solid #ffaa00;
  -webkit-tap-highlight-color: transparent;
}
/* tag list ordering specific */
.ui-x-widget-grid-form-gridItem .ui-x-tag-list-ordering-name {
  width: 100%;
  margin: 0;
}
.ui-x-widget-grid-form-gridItem .ui-x-tag-list-ordering-overlay {
  top: -95px;
  height: 255px;
  left: 0;
  width: 261px;
  text-align: left;
}
.ui-x-data-tooltip {
  width: 21px;
  height: 21px;
  float: right;
}
.ui-x-tooltip-content {
  padding: 10px;
  font-size: 110%;
}
.ui-x-tooltip-content .ui-x-taglist-title {
  padding-bottom: 15px;
}
.ui-x-tooltip-content .ui-x-taglist-title p {
  padding-bottom: 5px;
}
.ui-x-tooltip-content .ui-x-taglist-title span {
  font-weight: 300;
}
.ui-x-tooltip-content .ui-x-taglist-title li {
  display: inline;
}
.ui-x-warning-content .ui-x-expandable-grid-list-gridItem-title {
  margin: 5px 0 0;
}
.ui-x-warning-content p {
  font-size: 88%;
  font-weight: 300;
  padding: 15px 0 25px;
  white-space: normal;
}
.ui-x-warning-content .ui-x-taglist-title {
  padding-bottom: 15px;
}
.ui-x-warning-content .ui-x-taglist-title p {
  font-size: 88%;
  font-weight: 400;
  padding: 0;
}
.ui-x-warning-content .ui-x-taglist-title li {
  display: inline;
  font-size: 88%;
  font-weight: 300;
}
.ui-x-warning-content .ui-x-warning-buttons {
  margin-top: 10px;
  text-align: right;
}
.ui-x-warning-buttons .ui-x-warning-btn {
  overflow: hidden;
  font-size: 14px;
  border: 1px solid #5d5d5d;
  border-radius: 2px;
  text-align: center;
  /*white-space: pre-wrap; Removed by iain because it was fucking up the sphere warning on interest creation.... oddly */
  height: 34px;
  font-weight: 300;
  background-color: #ffffff;
  padding: 0 15px;
  display: inline-block;
  line-height: 34px;
}
.ui-x-warning-buttons .ui-x-warning-btn-cancel {
  color: #5d5d5d;
  background-color: #ffffff;
}
.ui-x-warning-buttons .ui-x-warning-btn-ok {
  color: #ffffff;
  background-color: #3697db;
  border: 0;
  height: 36px;
  margin: 0 0 0 5px;
}
.ui-x-expandable-grid-list.ui-x-blockview {
  background: transparent;
  box-shadow: none;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem-icon {
  float: left;
  height: 24px;
  margin: 0;
  width: 24px;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  cursor: default;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem {
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  float: none;
  height: auto;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-invalid {
  border-color: #e2261e;
}
/*@invalid-marker-color*/
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem:hover {
  background-color: #f1f1f1;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content {
  padding: 10px 20px;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content,
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments {
  padding: 12px 20px;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments {
  display: flex;
  align-items: center;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-content--comments .ui-x-expandable-grid-list-gridItem-icon {
  display: flex;
  height: unset;
  width: unset;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-content-type .ui-x-content-type-name {
  padding: 15px 20px;
  float: left;
}
.ui-x-select-container {
  float: right;
  max-width: 592px;
}
@media (max-width: 949px) {
  .ui-x-select-container {
    max-width: 294px;
  }
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem .ui-x-content-type .ui-x-admin-list-select {
  /*position: absolute;
	right: 0;*/
  /* switched for multivendor in admin */
  max-width: 297px;
  float: left;
  border-width: 0 0 0 1px;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem-title {
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 20px;
  text-align: left;
  color: #000;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled .ui-x-expandable-grid-list-gridItem-title {
  color: #8f8f8f;
}
.ui-x-expandable-grid-list.ui-x-blockview .ui-x-expandable-grid-list-gridItem.ui-x-disabled svg path {
  fill: grey;
}
/* View Asset - basic styling */
.ui-x-asset-content {
  /*margin: 15px 0 0;*/
  background-color: #FFFFFF;
  border: 1px solid #d8d8d8;
  border-width: 0px 1px 2px 1px;
  border-radius: 0 0 3px 3px;
}
.ui-x-content-container-inner {
  margin: 0 auto;
  padding: 25px 0 0;
  /* #22611 - discussion with TS to normalise */
  width: 79%;
}
.ui-x-content-container-inner.--topics {
  padding: 10px 0 0;
  /* #22708 */
}
.ui-x-content-container-no-title {
  margin-top: -10px;
}
.ui-x-content-container-authorDetails {
  padding: 30px 0;
  color: #717171;
  font-size: 13px;
  margin: 0 auto;
  width: 79%;
}
.ui-x-content-container-authorDetails ul li {
  display: inline-block;
  margin-right: 3px;
}
.ui-x-content-container-authorDetails ul li + li:before {
  content: " \2022 ";
  padding: 0;
}
.ui-x-accordion-content .ui-x-content-container-inner {
  padding: 3% 0 1%;
}
.ui-x-accordion-content .ui-x-asset-content-related .ui-x-content-container-inner {
  padding: 3% 0 3%;
}
.ui-x-content-subtitle {
  margin-top: 0;
}
/* View Asset - status banner */
.ui-x-status-bar {
  min-height: 45px;
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border: none;
  padding: 0;
  display: block;
}
.ui-x-status-bar:focus-visible {
  outline: 2px solid white;
  border-radius: 2px;
  outline-offset: -4px;
}
.ui-x-status-bar.ui-x-notActive {
  cursor: default;
}
.ui-x-status-bar-message {
  color: #FFFFFF;
  display: table;
  /*float: left;*/
  font-size: 110%;
  font-weight: 300;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  width: 86%;
  text-align: center;
}
.ui-x-status-bar-message span {
  display: table-cell;
  vertical-align: middle;
}
.ui-x-status-yellow {
  background-color: #F6B516;
}
.ui-x-status-green {
  background-color: green;
}
.ui-x-status-bar.ui-x-status-disabled {
  cursor: default;
}
/* View Asset - additional */
.ui-x-related-content-container {
  margin: 0 auto;
  width: 79%;
  /*border-top: 1px dashed #eaeaea;*/
  /*padding: 10px 0 0;*/
}
.ui-x-asset-content-additional {
  position: relative;
}
.ui-x-asset-content-additional-no-content {
  margin-top: 25px;
}
/* View Asset - additional - options */
.ui-x-asset-content-options {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-width: 1px 0 0;
  width: 100%;
  height: 45px;
}
.ui-x-asset-content-options ul {
  text-align: center;
}
.ui-x-asset-content-options ul li {
  display: inline-block;
  margin-left: 10px;
}
.ui-x-asset-content-options ul li a {
  min-width: 45px;
  height: 45px;
  display: flex;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.ui-x-asset-content-options ul li a:hover {
  /*background-color: rgba(186,186,186, 0.25);*/
  background-color: #eeeeee;
}
.ui-x-asset-content-options ul li.ui-x-disabled a {
  opacity: 0.5;
  cursor: default;
}
.ui-x-asset-content-options ul li.ui-x-disabled a:hover {
  background-color: transparent;
}
.ui-x-asset-content-options span {
  display: inline-block;
  vertical-align: middle;
}
.ui-x-asset-content-options span.ui-x-option-overlay-value {
  position: absolute;
  left: 22px;
  bottom: 10px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: #717171;
  color: white;
  text-align: center;
}
.ui-x-asset-content-options span.ui-x-option-label {
  font-size: 81%;
  font-weight: 400;
  line-height: 45px;
  padding: 0 15px 0 0;
}
.ui-x-asset-content-options .ui-x-icn {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-asset-content-options .ui-x-dropdown-icn {
  height: 29px;
  margin: 0 5px 0 0;
  width: 29px;
}
.ui-x-asset-content-options .ui-x-dropdown-container {
  bottom: 45px;
  left: 0;
  right: inherit;
  top: inherit;
}
/* View Asset - additional - tags */
.ui-x-asset-content-tags {
  /*border-top: 1px dashed #eaeaea;*/
  /*#22527*/
  margin: 0 auto;
  padding: 0;
  /*#22526 adjusted */
  position: relative;
  width: 79%;
}
.ui-x-asset-content-tags__title {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin: 0px 3px 5px 0;
  position: relative;
  word-break: break-word;
}
/* data specific tags */
.ui-x-asset-content-tags.ui-x-highlighted-tags {
  margin: 0 auto;
  padding: 0;
  border: none;
}
.ui-x-asset-content-tags-title {
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  color: #000000;
  font-size: 88%;
  font-weight: 400;
  height: 33px;
  line-height: 33px;
  padding: 0 30px;
  position: absolute;
  top: -34px;
  border-width: 1px 1px 0;
}
.ui-x-asset-content-tags ul {
  margin-top: 10px;
}
.ui-x-asset-content-tags ul li {
  margin: 0 6px 6px 0;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 2.4;
  position: relative;
}
.ui-x-asset-content-tags ul li a {
  color: #000;
  padding: 0 10px;
  display: block;
}
.ui-x-asset-content-tags ul li a:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 5px;
  outline-offset: 2px;
}
.ui-x-asset-content-tags ul li:hover {
  border-color: #3697db;
  background-color: #3697db;
}
.ui-x-asset-content-tags ul li:hover a {
  color: #fff;
}
/* View Asset - additional - related */
.ui-x-asset-content-related {
  border-top: 3px solid #f1f1f1;
}
.ui-x-asset-content-related h2.ui-x-content-subtitle {
  color: #717171;
  font-family: var(--em360-font-family);
  font-size: 156%;
  font-weight: 300;
}
/* expand widget */
.ui-x-expand-container {
  position: relative;
}
.ui-x-expand-content {
  overflow: hidden;
}
.ui-x-expand-bar {
  /*background: none repeat scroll 0 0 #FFFFFF;
    padding: 1em 0;*/
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -60px;
}
.ui-x-expand-bar-text-container {
  background: none repeat scroll 0 0 #FFFFFF;
  cursor: pointer;
  height: 25px;
  padding: 0 8px;
}
.ui-x-expand-bar-txt {
  display: inline-block;
  font-size: 81.25%;
  /* = 11px*/
  font-weight: 300;
  line-height: 25px;
  padding-left: 5px;
}
.ui-x-expand-bar-text-container .ui-x-contract-icn,
.ui-x-expand-bar-text-container .ui-x-expand-icn {
  height: 25px;
  width: 25px;
  float: left;
  display: block;
}
/* Create Asset - preview - overview */
.ui-x-asset-content-overview-item {
  margin-left: 6px;
  border: 1px solid #eaeaea;
  float: left;
  width: 32.7%;
}
.ui-x-asset-content-overview-item.ui-x-first {
  margin: 0;
}
.ui-x-asset-content-overview-item h3 {
  padding: 0 20px;
  font-weight: 400;
  font-size: 113%;
}
.ui-x-asset-content-overview-item ul {
  padding: 0 15px 10px;
  font-size: 88%;
  /* = 14px */
  font-weight: 300;
}
.ui-x-asset-content-overview-item ul li {
  margin-bottom: 10px;
  overflow: hidden;
}
.ui-x-asset-content-overview-item ul li > span {
  display: inline-block;
  max-width: 56%;
  color: #27282C;
}
/* Tooltip */
.ui-x-tooltip {
  position: absolute;
  width: 1px;
  height: 1px;
  z-index: 1;
}
.ui-x-tooltip-inner {
  position: absolute;
  top: 6px;
  border-radius: 5px;
  background-color: #000;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
  color: #fff;
  padding: 8px 10px;
  font-size: 12px;
}
.ui-x-tooltip:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -4px;
  top: -2px;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000000;
  border-bottom: 4px solid rgba(0, 0, 0, 0.7);
}
.ui-x-tooltip-inner a {
  color: #fff;
  text-decoration: none;
}
/* Data panels */
.ui-x-datapanels {
  margin: 0 auto;
  width: 1196px;
}
.ui-x-datapanels-inner {
  margin-left: 30px;
  margin-right: 35px;
  margin-bottom: 35px;
}
.ui-x-datapanels-inner.ui-x-datapanels-block {
  margin-left: 5px;
  margin-right: 10px;
}
.ui-x-datapanel-section {
  margin-top: 30px;
}
.ui-x-datapanels h2 {
  font-size: 138%;
  font-weight: 400;
  color: #333;
  /* 5D5D5D */
  display: inline-block;
  margin: 0 0 20px 5px;
}
.ui-x-datapanels-section-tooltip {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.ui-x-datapanel-container-container {
  width: 390px;
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-datapanel-container {
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  /*width:390px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	position:relative;*/
  padding-bottom: 5px;
}
.ui-x-datapanels-block .ui-x-datapanel-container-container {
  width: auto;
  float: none;
}
.ui-x-datapanel-header {
  /*padding: 20px 21px 16px;*/
  padding: 13px 21px 13px;
  background: #FCFCFC;
  border-bottom: 1px solid #F0F0F0;
  border-radius: 3px 3px 0 0;
}
.ui-x-datapanel-header h3 {
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 24px;
}
.ui-x-datapanel-options {
  float: right;
  height: 24px;
}
.ui-x-datapanel-options > button,
.ui-x-datapanel-options > div {
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
}
.ui-x-datapanel-options > button:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.ui-x-datapanel-options > button:focus-visible path {
  fill: #fff !important;
}
.ui-x-datapanel-options > button span {
  display: block;
  height: 24px;
}
.ui-x-datapanel-options .ui-x-icn-sync svg,
.ui-x-datapanel-options .ui-x-icn-cog svg {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.50)";
}
.ui-x-datapanel-options > button:focus-visible svg,
.ui-x-datapanel-options .ui-x-icn-sync:hover svg,
.ui-x-datapanel-options .ui-x-icn-cog:hover svg {
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-datapanel-options .ui-x-icn-sync.ui-x-disabled,
.ui-x-datapanel-options .ui-x-icn-cog.ui-x-disabled {
  cursor: default;
}
.ui-x-datapanel-options .ui-x-icn-sync.ui-x-disabled:hover svg,
.ui-x-datapanel-options .ui-x-icn-cog.ui-x-disabled:hover svg {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.50)";
}
.ui-x-datapanel-fields {
  margin: 17px 21px;
  overflow: hidden;
}
.ui-x-datapanel-fields.ui-x-no-field-margin {
  margin: 0;
}
.ui-x-datapanel-field-container {
  margin-bottom: 15px;
  position: relative;
}
.ui-x-datapanel-field-section-container {
  margin-bottom: 30px;
}
.ui-x-datapanel-field-container.ui-x-no-field-margin {
  margin: 0;
}
.ui-x-datapanel-field-container .ui-x-tag-group-structure-trans-icon {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.ui-x-datapanel-field-container li {
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  height: 50px;
  line-height: 50px;
  position: relative;
  padding: 0 21px;
}
.ui-x-datapanel-field-container li .ui-x-tag-group-structure-trans-icon {
  height: 30px;
  margin-top: 0;
  position: absolute;
  right: 21px;
  top: 9px;
}
.ui-x-datapanel-header-preview .ui-x-widget-forms-title-banner {
  width: 100%;
  min-height: 115px;
  padding: 0;
  /*border-radius: 0 0 2px 2px;*/
}
.ui-x-datapanel-header-preview .ui-x-widget-forms-title-banner.ui-x-thumbWidth {
  width: calc(100% - 132px);
  padding: 0;
}
.ui-x-datapanel-header-preview .ui-x-title-banner-content-thumb {
  min-height: 145px;
  padding: 0;
  width: 130px;
}
.ui-x-datapanel-header-preview .ui-x-title-title {
  font-size: 16px;
  max-width: 135px;
  height: 85px;
}
.ui-x-datapanel-header-preview .ui-x-title-title p {
  height: 85px;
  padding-right: 10px;
}
.ui-x-datapanel-field-image-gallery {
  display: table;
  height: 145px;
  width: 100%;
  background-color: rgba(9, 48, 114, 0.7);
}
.ui-x-datapanel-field-image-item {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.ui-x-datapanel-field-image-item-frame {
  margin: 0 auto;
  width: 115px;
  overflow: hidden;
}
.ui-x-datapanel-field-image-item-fullwidth {
  width: 100%;
}
.ui-x-login-card-fields label,
.ui-x-datapanel-fields label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 2px;
  display: inline-block;
}
.ui-x-datapanel-fields .ui-x-sectionTitle {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-bottom: 15px;
}
.ui-x-datapanel-field-value--link {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}
.ui-x-datapanel-field-value--child {
  margin-left: 21px;
}
.ui-x-datapanel-field-value--with-action {
  margin-right: 21px;
}
.ui-x-datapanel-field-validation-message {
  color: #FF3333;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 3px;
}
input.ui-x-datapanel-field-text {
  display: block;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 300;
  color: #333;
  padding: 5px 5px 4px;
  margin: 6px 0 9px;
  width: 100%;
}
.ui-x-datapanel-text__wrapper--with-icon {
  position: relative;
  padding-right: 27px;
}
select.ui-x-datapanel-field-tag {
  display: block;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 300;
  color: #333;
  padding: 4px 2px 3px;
  margin: 6px 0 9px;
  width: 100%;
}
select.ui-x-datapanel-field-tag.ui-x-disabled {
  background-color: #ebebe4;
}
input.ui-x-datapanel-field-text.ui-x-invalid {
  border-color: #FF3333;
  margin-bottom: 4px;
}
textarea.ui-x-datapanel-field-text {
  display: block;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  font-weight: 300;
  color: #333;
  padding: 5px 5px 4px;
  margin: 6px 0 9px;
  resize: none;
  width: 100%;
}
.ui-x-datapanel-field-tag {
  margin-bottom: 15px;
}
.ui-x-datapanel-field-tag ul li ul {
  margin-left: 10px;
}
.ui-x-datapanel-field-list li {
  background-repeat: no-repeat;
  list-style-type: none;
  overflow: hidden;
}
.ui-x-datapanel-field-list li a {
  display: block;
  height: 44px;
  padding: 0 0 0 30px;
  text-decoration: none;
  color: #6c6c6c;
  border-bottom: 1px solid #eaeaea;
}
.ui-x-datapanel-field-list li a.ui-x-noBorder {
  border-bottom: none;
}
.ui-x-datapanel-field-list li a:hover {
  background-color: #F5F5F5;
}
.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-icn {
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  float: left;
  height: 25px;
  margin-top: 10px;
  width: 25px;
}
.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-name {
  float: left;
  height: 45px;
  margin-left: 20px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  color: #000;
  width: 190px;
}
.ui-x-datapanel-field-list li a .ui-x-datapanel-field-list-name div {
  line-height: 45px;
  vertical-align: middle;
}
/* used for full width ( tag group view - structure */
.ui-x-datapanel-container.ui-x-no-pad {
  padding: 0;
}
.ui-x-tag-group-structure ul li ul {
  border-top: 1px solid #eaeaea;
}
.ui-x-tag-group-structure-item {
  padding: 12px 20px;
  position: relative;
}
.ui-x-tag-group-structure-item.ui-x-has-tags {
  cursor: pointer;
}
.ui-x-tag-group-structure-item.ui-x-has-tags.ui-x-locked .ui-x-tag-group-structure-tag-select {
  cursor: auto;
}
.ui-x-tag-group-structure-item.ui-x-has-tags.ui-x-secondary-tag.ui-x-add-tag-primary-action {
  cursor: default;
}
.ui-x-tag-group-structure-item.ui-x-add-tag-primary-action:hover,
.ui-x-tag-group-structure-item.ui-x-has-tags:hover {
  background-color: #f1f1f1;
}
.ui-x-tag-group-structure-parent-icon {
  height: 24px;
  position: absolute;
  width: 24px;
  z-index: 5;
}
.ui-x-tag-group-structure-parent-icon div {
  cursor: pointer;
}
.ui-x-tag-group-structure-parent-icon svg {
  position: relative;
  /*top: 3px;*/
}
.ui-x-tag-group-structure-parent-name {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 20pt;
  margin: 0 0 0 42px;
  overflow: hidden;
  width: 83%;
  /*max-height: 27px;*/
}
.ui-x-tag-group-structure-parent-name.ui-x-msg-active > div {
  line-height: 17px;
  margin-bottom: 10px;
  position: relative;
  top: -2px;
}
.ui-x-tag-group-structure-parent-name > div.ui-x-tag-group-structure-msg {
  color: #aeaeae;
  font-size: 90%;
  font-weight: normal;
  line-height: 15px;
  position: absolute;
  top: 25px;
  margin: 0;
  width: 68%;
}
.ui-x-tag-group-structure-trans-icon {
  float: right;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.ui-x-tag-group-structure-trans-icon-wrapper {
  padding-top: 2px;
}
.ui-x-tag-group-structure-trans-icon svg {
  opacity: 0.5;
}
.ui-x-tag-group-structure-trans-icon:hover svg {
  opacity: 1;
}
.ui-x-bordered-item {
  border-bottom: 1px solid #eaeaea;
}
/* EDIT MODE START */
.ui-x-editmode .ui-x-tag-group-structure-item {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ui-x-editmode .ui-x-tag-group-structure-item.ui-x-isParent {
  padding-left: 22px !important;
  background-color: #fafafa;
}
.ui-x-editmode .ui-x-tag-group-structure-item.ui-x-disabled {
  background-color: #f1f1f1;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-tag-group-structure-parent-sort {
  cursor: move;
  float: right;
  height: 45px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
}
.ui-x-tag-group-structure-parent-sort span {
  display: block;
  left: 12px;
  overflow: hidden;
  position: relative;
  top: 10px;
  height: 24px;
  width: 24px;
}
.ui-x-tag-group-structure .ui-x-sortable-placeholder {
  border-bottom: 1px solid #eaeaea;
  border-right: 0 none;
  float: none;
  height: 31px;
  padding-bottom: 7px;
  padding-top: 7px;
}
/* SELECT MODE START */
.ui-x-selectmode .ui-x-tag-group-structure-item {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-selectable {
  cursor: pointer;
}
.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isParent {
  padding-left: 22px !important;
  background-color: #fafafa;
}
.ui-x-mobileOverlay-list.ui-x-tag-explore .ui-x-tag-group-structure-item.ui-x-isParent {
  padding-left: 17px !important;
}
.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-disabled {
  background-color: #f1f1f1;
  opacity: 0.5;
  cursor: default;
}
.ui-x-tag-group-structure-tag-select {
  float: right;
  height: 45px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
}
.ui-x-tag-group-structure-item.ui-x-secondary-tag .ui-x-tag-group-structure-tag-select {
  cursor: default;
}
.ui-x-tag-group-structure-tag-select:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.ui-x-tag-group-structure-item.ui-x-locked .ui-x-tag-group-structure-tag-select:hover {
  background-color: transparent;
}
.ui-x-tag-group-structure-item.ui-x-has-tags .ui-x-tag-group-structure-tag-select:hover {
  background-color: transparent;
}
.ui-x-tag-group-structure-tag-select span {
  display: block;
  height: 21px;
  left: 13px;
  overflow: hidden;
  position: relative;
  top: 12px;
  width: 21px;
}
.ui-x-tag-level-select-popup .ui-x-tag-group-structure-tag-select {
  width: 49px;
}
.ui-x-mobileOverlay .ui-x-tag-group-creator-tree-modal .ui-x-tag-group-structure-tag-select {
  width: 55px;
}
.ui-x-mobileOverlay .ui-x-tag-group-creator-tree-modal .ui-x-tag-group-structure-parent-name {
  width: 80%;
}
.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isSelected .ui-x-tag-group-structure-tag-select svg path {
  fill: green;
}
.ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-secondary-tag .ui-x-tag-group-structure-tag-select svg path {
  stroke: #238E23;
  fill: #F1F1F1;
}
/* User permissionSet control */
.ui-x-datapanel-field-permissionset-left {
  float: left;
  width: 110px;
}
.ui-x-datapanel-field-permissionset-middle {
  float: left;
  width: 110px;
}
.ui-x-datapanel-field-permissionset-right {
  float: left;
  width: 110px;
}
.ui-x-datapanel-field-permissionset-remove,
.ui-x-datapanel-field-permissionset-add {
  float: right;
  width: 16px;
  height: 16px;
  background-color: red;
}
.ui-x-datapanel-field-permissionset-add-container select {
  width: 100px;
}
.ui-x-data-container__sections {
  width: 100%;
  margin: 0 auto 20px;
  display: block;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  max-width: 1248px;
  /*@header-content-inner-min-width: 1248px;*/
  padding: 0  16px;
  /*@padding + @offset-mobile - @section-item-margin;*/
}
@media (min-width: 601px) {
  /* @left-bar-visibility-min*/
  .ui-x-data-container__sections {
    width: 94%;
    padding: 0 26px;
    /*@padding + @offset - @section-item-margin;*/
  }
  /*/@large-screen-content-container-rules();*/
}
@media (min-width: 1330px) {
  /* @data-content-wide-breakpoint*/
  .ui-x-data-container__sections {
    width: 100%;
  }
}
/* HUBS */
.ui-x-hub-container {
  padding-bottom: 35px;
}
.ui-x-hub-container__sections {
  width: 94%;
  display: block;
  margin: 0 auto;
}
.ui-x-page-info {
  font-size: 165%;
  font-weight: 300;
  margin: 30px auto;
  /* was 50px */
  max-width: 500px;
  text-align: left;
  line-height: 1.6;
  padding: 0 5%;
}
.ui-x-page-info.ui-x-info-center {
  text-align: center;
}
.ui-x-popout-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  /*-webkit-transform: translateZ(500px);*/
}
.ui-x-accordion-embed-panel {
  padding: 24px;
  /*min-height: 72px;*/
}
.ui-x-accordion-embed-panel > div {
  display: flex;
}
.ui-x-accordion-embed-panel.ui-x-error {
  padding-bottom: 10px;
}
.ui-x-accordion-embed-panel .ui-x-accordion-btn {
  height: 37px;
  line-height: 37px;
  width: inherit;
  text-decoration: none;
  min-width: 124px;
  white-space: nowrap;
  margin-left: 10px;
}
.ui-x-accordion-embed-panel input {
  border: 1px solid #dedede;
  font-size: 16px;
  padding: 6px 6px 7px;
  flex: 1;
  color: #5d5d5d;
}
.ui-x-accordion-embed-panel input.ui-x-placeholder-val {
  color: #bababa;
}
.ui-x-accordion-embed-panel-error {
  padding: 12px 0 2px;
  color: #F00;
}
/* TAG STRUCTURE CREATOR */
.ui-x-tag-group-creator {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 1060px;
}
.ui-x-tag-group-creator-inner {
  margin-bottom: 25px;
  text-align: left;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-tag-group-creator-left {
  border-right: 1px solid #b7b7b7;
  float: left;
  position: relative;
  width: 445px;
  box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.498);
  overflow: hidden;
}
.ui-x-tag-group-creator-right {
  float: right;
  width: 611px;
}
.ui-x-tag-group-creator-header {
  background: none repeat scroll 0 0 #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 3px 3px 0 0;
  padding: 15px 21px;
}
.ui-x-tag-group-creator-header h3 {
  color: #717171;
  float: left;
  font-size: 125%;
  font-weight: 300;
  margin: 0;
}
.ui-x-tag-group-creator-header.ui-x-tag-group-option-header {
  padding: 0;
}
.ui-x-tag-group-creator-header.ui-x-tag-group-option-header h3 {
  padding: 15px 21px;
}
.ui-x-tag-group-creator-options {
  float: right;
  height: 45px;
  padding: 6px 10px;
}
.ui-x-tag-group-creator-options > div {
  cursor: pointer;
  float: left;
  height: 45px;
  width: 45px;
}
.ui-x-tag-group-creator-options > div:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.ui-x-tag-group-creator-options > div svg {
  margin: 10px 11px;
}
.ui-x-tag-group-creator-options div.ui-x-inactive {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  cursor: default;
}
.ui-x-tag-group-creator-options > div.ui-x-inactive:hover {
  background-color: transparent;
}
.ui-x-tag-group-creator-taginput-container {
  border-bottom: 1px solid #b7b7b7;
  box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.498);
}
.ui-x-tag-group-creator-taginput {
  padding: 15px 57px 15px 21px;
  position: relative;
}
.ui-x-tag-group-creator-taginput-icon {
  height: 22px;
  right: 21px;
  top: 16px;
  position: absolute;
  width: 23px;
  cursor: pointer;
}
.ui-x-tag-group-creator-taginput-tagname {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 17pt;
  width: 100%;
}
.ui-x-tag-group-creator-taginput-input {
  border: 0;
  width: 100%;
  color: #333;
}
.ui-x-tag-group-creator-taginput-input:-ms-input-placeholder {
  color: #a1a1a1;
}
.ui-x-tag-group-creator-tree {
  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-x-tag-group-creator-tree-modal {
  height: 425px;
}
.ui-x-tag-group-creator-tree-modal {
  height: 425px;
}
.ui-x-tag-level-select-popup .ui-x-tag-group-creator-tree-modal {
  height: auto;
  min-height: 325px;
}
.ui-x-tag-group-creator-selected-tag {
  padding: 15px 21px;
  border-bottom: 1px solid #f0f0f0;
}
.ui-x-tag-group-creator-selected-empty {
  font-size: 18px;
  font-weight: 300;
  padding: 55px 21px;
  position: relative;
  text-align: center;
}
.ui-x-tag-group-creator-translation {
  padding: 15px 21px;
}
/* TAG LEVELS NAMING */
.ui-x-tag-group-levels {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 1060px;
}
.ui-x-tag-group-levels-item {
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.ui-x-tag-group-levels-item-header {
  background: none repeat scroll 0 0 #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 3px 3px 0 0;
  padding: 10px 21px;
}
.ui-x-tag-group-levels-item-header input {
  background-color: transparent;
  color: #717171;
  font-size: 22px;
  font-weight: 300;
}
.ui-x-tag-group-levels-item-content {
  padding: 20px;
  text-align: left;
}
.ui-x-tag-group-levels-item-tag {
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  color: #5d5d5d;
  display: inline-block;
  font-size: 81%;
  font-weight: 400;
  height: auto;
  line-height: 2.2;
  margin: 0 6px 5px 0;
  overflow: hidden;
  padding: 0 7px;
  text-align: center;
  vertical-align: middle;
  /*white-space: nowrap;*/
}
/* TAG CONFIGURATION */
.ui-x-tag-group-configuration {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 1060px;
}
.ui-x-tag-group-configuration-inner {
  margin-bottom: 25px;
  text-align: left;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-tag-group-configuration-left {
  border-right: 1px solid #b7b7b7;
  float: left;
  position: relative;
  width: 285px;
  box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.498);
  overflow: hidden;
}
.ui-x-tag-group-configuration-right {
  float: right;
  width: 772px;
}
.ui-x-tag-group-configuration-header {
  background: none repeat scroll 0 0 #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 3px 3px 0 0;
  padding: 17px 21px;
}
.ui-x-tag-group-configuration-header h3 {
  color: #717171;
  float: left;
  font-size: 125%;
  font-weight: 300;
  margin: 0;
}
.ui-x-tag-group-configuration-types {
  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-x-tag-group-configuration-item {
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
}
.ui-x-tag-group-configuration-item:hover {
  background-color: #f1f1f1;
}
.ui-x-tag-group-configuration-name {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 18pt;
  margin: 0 0 0 4px;
  overflow: hidden;
  width: 85%;
}
.ui-x-tag-group-configuration-tabs-container {
  border-bottom: 1px solid #b7b7b7;
  box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.498);
}
.ui-x-tag-group-configuration-tabs {
  margin: 0 auto;
  text-align: center;
}
.ui-x-tag-group-configuration-tabs li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 45px;
  line-height: 45px;
  width: 153px;
  cursor: pointer;
}
.ui-x-tag-group-configuration-tabs li:hover {
  -webkit-box-shadow: 0 -11px 0 -7px #eaeaea inset;
  -moz-box-shadow: 0 -11px 0 -7px #eaeaea inset;
  box-shadow: 0 -11px 0 -7px #eaeaea inset;
}
.ui-x-tag-group-configuration-tab-selected {
  -webkit-box-shadow: 0 -11px 0 -7px #eaeaea inset;
  -moz-box-shadow: 0 -11px 0 -7px #eaeaea inset;
  box-shadow: 0 -11px 0 -7px #eaeaea inset;
}
.ui-x-tag-group-configuration-options {
  padding: 2px 0;
}
.ui-x-tag-group-configuration-options .ui-x-options-disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-tag-group-configuration-options-options {
  position: relative;
}
.ui-x-tag-group-configuration-options-mask {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ui-x-tag-group-configuration-options-item {
  cursor: pointer;
  padding: 10px 20px;
}
.ui-x-tag-group-configuration-options-icon .ui-x-tick {
  width: 24px;
  height: 24px;
}
.ui-x-tag-group-configuration-options-item.ui-x-options-disabled {
  cursor: default;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-tag-group-configuration-options-item.ui-x-options-disabled:hover {
  background-color: transparent;
}
.ui-x-tag-group-configuration-options-item:hover {
  background-color: #f1f1f1;
}
.ui-x-tag-group-configuration-options-header {
  padding: 10px 20px;
}
.ui-x-tag-group-configuration-options-icon {
  float: left;
  margin: 0 15px 0 4px;
  width: 21px;
  height: 21px;
}
/*.ui-x-tag-group-configuration-options-icon.ui-x-options-enabled svg path { fill: #238E23; }*/
.ui-x-tag-group-configuration-options-name {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 18pt;
  margin: 0 0 0 5px;
  overflow: hidden;
  width: 85%;
}
.ui-x-tag-group-configuration-options-header .ui-x-tag-group-configuration-options-name {
  color: #717171;
  font-weight: 300;
}
.ui-x-options-error {
  color: red;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 18pt;
  margin: 0 0 0 5px;
  overflow: hidden;
  padding: 10px 20px;
}
.ui-x-tag-group-configuration-options-header .ui-x-options-error {
  font-size: 14px;
  font-weight: 300;
  padding: 0;
}
.ui-x-tag-group-configuration-options .ui-x-relative {
  position: relative;
}
.ui-x-tag-group-configuration-options-overlay {
  font-size: 14px;
  font-weight: 400;
  left: 29px;
  line-height: 18pt;
  position: absolute;
  top: -11px;
  min-width: 200px;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 10px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 5px 0;
  background: #fff;
  z-index: 1;
}
.ui-x-tag-group-configuration-options-overlay ul li {
  padding: 5px 15px;
}
.ui-x-tag-group-configuration-options-overlay ul li:hover {
  padding: 5px 15px;
  background-color: #f1f1f1;
}
/* TAG LIST ORDERING WIDGET */
.ui-x-tag-list-ordering-name {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 18pt;
  margin: 0 0 0 5px;
  overflow: hidden;
  width: 85%;
}
.ui-x-tag-list-ordering-overlay {
  font-size: 14px;
  font-weight: 400;
  left: 29px;
  line-height: 18pt;
  position: absolute;
  top: -175px;
  width: 275px;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 10px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 5px 0;
  background: #fff;
  z-index: 1;
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-x-tag-list-ordering-overlay ul li {
  padding: 5px 35px 5px 15px;
  white-space: nowrap;
  position: relative;
  cursor: default;
  background: #fff;
}
.ui-x-tag-list-ordering-overlay ul li div {
  overflow: hidden;
}
.ui-x-tag-list-ordering-overlay ul li.ui-x-tag-list-ordering-target:hover {
  background-color: #f1f1f1;
}
.ui-x-tag-list-ordering-sort {
  cursor: move;
  float: right;
  height: 34px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
.ui-x-tag-list-ordering-sort span {
  display: block;
  left: 5px;
  overflow: hidden;
  position: relative;
  top: 5px;
  width: 24px;
}
.ui-x-tag-list-ordering-overlay .ui-x-sortable-placeholder {
  float: none;
  border: none;
  height: 20px;
}
.ui-x-asset-inline-thumbnail {
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  height: 35px;
  width: 35px;
  /*border: 1px solid #d4d4d4;*/
  border-radius: 100%;
}
/* ASSET TYPE NAVIGATION */
.ui-x-assettype-navigation-tabs li {
  border-right: 1px solid #d9d9d9;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 15px;
}
.ui-x-assettype-navigation-tabs li:hover {
  background-color: #f1f1f1;
}
/* ANIMATION SPECIFIC */
.wi-remove-feed-header-spacing .ui-x-feed-container-outer-outer {
  margin-top: 0px;
}
.wi-remove-feed-header-spacing .ui-x-feed-resp--fixed-margin {
  margin-top: 0px !important;
}
.fsp-picker-appear-active.fsp-picker-appear-to {
  z-index: 1;
  position: relative;
}
.fsp-url-source__submit-button {
  right: 0 !important;
  top: 0 !important;
}
.fsp-picker {
  /*transform: translateZ(2147483647px);*/
}
/*hide chatbot float button*/
.embeddedServiceHelpButton .helpButton {
  display: none;
}
/*hide chatbot minimize button*/
.sidebarHeader > button.minimizeButton {
  display: none;
}
.sidebarHeader.minimizedContainer {
  display: none;
}
.ui-x-login-form__separator {
  margin-top: 16px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 11px;
}
.ui-x-login-form__separator-line {
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
  position: absolute;
  top: 9px;
}
.ui-x-login-form__separator-label {
  background-color: white;
  position: relative;
  padding: 0 7px;
}

.ngdialog {
  box-sizing: border-box;
}
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit;
}
.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
  -webkit-animation: none !important;
  animation: none !important;
}
.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
}
.ngdialog-no-overlay {
  pointer-events: none;
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
}
.ngdialog-content {
  /*background: white;*/
  -webkit-backface-visibility: hidden;
  pointer-events: all;
}
.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
}
.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}
html.ngdialog-open,
body.ngdialog-open {
  overflow: hidden;
}
.ngdialog-theme-slide-in-out.ngdialog-closing .ngdialog-overlay {
  display: none;
}

/*! jQuery UI - v1.13.1 - 2022-01-29
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(16fec672acf4e60b212d.png);
}
.ui-widget-header .ui-icon {
  background-image: url(16fec672acf4e60b212d.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(e30ce9397cddc63d3f18.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(e716c93fb8aa23c1e10b.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(2487f1f6cffd2524ad3c.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(ae9b3e279d547e10151b.png);
}
.ui-button .ui-icon {
  background-image: url(af253b1b82b79498bced.png);
}
/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

body {
  background-color: white;
  color: #212529;
  /*it should be --color-text but Production branch hasn't had this variable yet*/
  font-family: var(--em360-font-family);
}
body.ui-x-login {
  background-color: #093072;
}
.ui-x-icn {
  /*background-image:url("/BaseTheme/sprite-nav.png");*/
  background-image: none;
  background-repeat: no-repeat;
}
/*    LOGIN    */
.ui-x-login-card-image {
  background-image: url(6ec2518059bbdabc7713.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ui-x-login-card-button {
  background-color: #3697DB;
}
.ui-x-login-card-button.ui-x-login-disabled {
  background-color: #999;
}
/*    HEADER    */
.ui-x-header {
  background-color: #0f0f0f;
  /*background-image:url("/BaseTheme/headerImage.jpg");*/
}
.quick-view .ui-x-header {
  background-color: #dcdcdc;
}
/*    HEADER > MENU    */
.ui-x-menu-options {
  background-color: #fff;
}
.ui-x-menu-options ul li {
  background-color: #fff;
  /*border-bottom:1px solid #f4f4f4;*/
}
.ui-x-menu-options ul li a,
.ui-x-menu-options ul li button {
  background-color: #fff;
  color: #6c6c6c;
  font-family: var(--em360-font-family);
  font-weight: 400;
}
.ui-x-menu-options ul li a:hover,
.ui-x-menu-options ul li a:active,
.ui-x-menu-options ul li button:hover,
.ui-x-menu-options ul li button:active {
  color: #6c6c6c;
}
/*    HEADER > TITLE    */
.ui-x-title div {
  /*background-color:rgba(158, 158, 158, 0.2);*/
  /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
  font-family: var(--em360-font-family);
  font-weight: normal;
  font-size: 101%;
  color: #fff;
}
/*   HEADER > HEADER   */
.ui-x-header {
  color: #fff;
}
/*   HEADER > TITLE   */
.ui-x-header-title-container {
  /*background-color:rgba(158, 158, 158, 0.1);*/
  /*background-color:rgba(158, 158, 158, 0.2);*/
  /*box-shadow: 5px 0 8px 0px rgba(0, 0, 0, 0.15);*/
  font-family: var(--em360-font-family);
  font-weight: normal;
}
.ui-x-title-title h1,
.ui-x-title-title {
  font-size: 30px;
}
.ui-x-title-titleSm {
  font-size: 30px;
}
.ui-x-title-subtitle {
  font-size: 44%;
  font-weight: 300;
}
/*   HEADER > OPTIONS   */
.ui-x-header-options ul li a {
  /*background-color:rgba(158, 158, 158, 0.2);*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  /*border: 1px solid rgba(0, 0, 0, 0);*/
}
.ui-x-header-options ul li a.ui-x-option-button {
  /*background-color: rgba(158, 158, 158, 0.35);*/
  /*border: 1px solid rgba(255, 255, 255, 0.6);*/
}
.ui-x-header-bar-options span,
.ui-x-header-options span {
  font-size: 81%;
  color: #FFFFFF;
}
/*   HEADER > INFO   */
.ui-x-header-info ul li {
  font-size: 81%;
  color: #bab9b5;
  font-weight: 400;
  /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);*/
}
.ui-x-header-info.ui-x-hideTitle ul li {
  font-size: 88%;
  color: #FFF;
}
.ui-x-header-info ul li.ui-x-item-highlight-date {
  color: #C2070C;
}
.ui-x-header-info ul li.ui-x-item--action {
  cursor: pointer;
  font-weight: bold;
  color: white;
}
/* FEED */
.ui-x-feed-item-container {
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  color: #5d5d5d;
}
.ui-x-feed-item-asset-type-name {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0 3px 3px 0;
}
.ui-x-feed-item-subtitle {
  color: #3d3d3d;
}
.ui-x-feed-item-container h3 {
  color: #000000;
}
.ui-x-feed-item-footer p.ui-x-feed-item-footer-name {
  color: #333333;
  font-weight: 400;
}
.ui-x-feed-item-footer p.ui-x-feet-item-footer-date {
  color: #a4a4a4;
}
.ui-x-feed-item-footer p.ui-x-feet-item-footer-date.ui-x-item-highlight-date {
  color: #f00;
}
/* CONTENT */
/* ACCORDIAN WIDGET*/
.ui-x-accordion-item {
  background-color: #EAEAEA;
  color: #5D5D5D;
}
.ui-x-accordion-item.ui-x-whiteBackground {
  background-color: #FFFFFF;
}
.ui-x-accordion-title {
  font-weight: 300;
  font-size: 156%;
}
.ui-x-accordion-detail {
  font-weight: 300;
  color: #147bc2;
  font-size: 156%;
}
.ui-x-accordion-item.ui-x-active,
.ui-x-accordion-item.ui-x-active .ui-x-accordion-header {
  background-color: #ffffff;
}
.ui-x-accordion-btn {
  background-color: #3697DB;
  color: #FFFFFF;
  font-size: 95%;
  font-weight: 300;
}
.ui-x-accordion-btn-inActive {
  background-color: #909090;
}
/* FORM WIDGETS */
.ui-x-widget-title {
  font-size: 156%;
  /* = 25px */
  font-weight: 300;
}
.ui-x-widget-subTitle {
  font-size: 100%;
  font-weight: 300;
}
.ui-x-widget-optionsList span {
  font-size: 156%;
  font-weight: 300;
}
.ui-x-widget-selected {
  color: #147bc2;
}
/* INTEREST CREATION - TAG EXPLORER WIDGET */
.ui-x-widget-forms-tag-explorer h2 {
  font-size: 156%;
  font-weight: 300;
}
.ui-x-widget-forms-tag-explorer-search {
  background-color: #F1F1F1;
}
.ui-x-tag-explorer-search {
  font-size: 113%;
  font-weight: 300;
}
.ui-x-widget-forms-tag-explorer-explore {
  background-color: #D4D4D4;
}
.ui-x-widget-forms-tag-explorer-previous {
  background-color: #EAEAEA;
}
.ui-x-widget-forms-tag-explorer-summ {
  background-color: #FAFAFA;
}
.ui-x-widget-forms-tag-explorer-noSel {
  font-weight: 300;
}
.ui-x-tag-explorer-summ-count {
  background-color: #EAEAEA;
}
.ui-x-tag-explorer-summ-title {
  color: #9B9B9B;
  font-size: 75%;
}
.ui-x-tag-explorer-summ-title em {
  color: #147bc2;
  font-size: 156%;
  font-weight: 300;
  font-style: normal;
}
.ui-x-tag-explorer-summ-count span {
  color: #717171;
  font-size: 156%;
  font-weight: 300;
}
.ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-for {
  font-size: 100%;
}
.ui-x-tag-explorer-summ-list {
  background-color: #FAFAFA;
}
.ui-x-tag-explorer-summ-and {
  background-color: #FAFAFA;
}
.ui-x-tag-explorer-summ-and span {
  color: #717171;
  font-size: 100%;
  font-weight: 300;
}
.ui-x-tag-explorer-secondary-tag,
.ui-x-tag-explorer-summ-tag {
  background-color: #FFFFFF;
}
.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-tag-name,
.ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-tag-name {
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 23px;
  text-overflow: ellipsis;
}
/* INTEREST CREATION - BANNER WIDGET */
.ui-x-title-banner-container .ui-x-accordion-title .ui-x-accordion-detail,
.ui-x-content-about-container .ui-x-accordion-title .ui-x-accordion-detail {
  font-size: 100%;
}
.ui-x-widget-forms-title-banner {
  background-color: #9B9B9B;
}
.ui-x-title-banner-content-thumb {
  background-color: #9B9B9B;
}
.ui-x-title-banner-content-thumb:before {
  /*background-color: rgba(255, 255, 255, 0.1);*/
}
.ui-x-click-edit-input {
  background-color: rgba(255, 255, 255, 0.25);
}
/* THEME COLORS*/
.ui-x-widget-color-0 {
  background-color: #2980b9;
}
.ui-x-widget-color-1 {
  background-color: #e74c3c;
}
.ui-x-widget-color-2 {
  background-color: #1abc9c;
}
.ui-x-widget-color-3 {
  background-color: #f89406;
}
.ui-x-widget-color-4 {
  background-color: #27ae60;
}
.ui-x-widget-color-5 {
  background-color: #f1c40f;
}
.ui-x-widget-color-6 {
  background-color: #8e44ad;
}
.ui-x-widget-color-7 {
  background-color: #2c3e50;
}
.ui-x-widget-color-8 {
  background-color: #7f8c8d;
}
/* THEME TEXT COLORS*/
.ui-x-widget-text-color-0 {
  color: #2980b9;
}
.ui-x-widget-text-color-1 {
  color: #e74c3c;
}
.ui-x-widget-text-color-2 {
  color: #1abc9c;
}
.ui-x-widget-text-color-3 {
  color: #f89406;
}
.ui-x-widget-text-color-4 {
  color: #27ae60;
}
.ui-x-widget-text-color-5 {
  color: #f1c40f;
}
.ui-x-widget-text-color-6 {
  color: #8e44ad;
}
.ui-x-widget-text-color-7 {
  color: #2c3e50;
}
.ui-x-widget-text-color-8 {
  color: #7f8c8d;
}
/* THEME BORDER COLORS*/
.ui-x-widget-border-color-0 {
  border-color: #2980b9;
}
.ui-x-widget-border-color-1 {
  border-color: #e74c3c;
}
.ui-x-widget-border-color-2 {
  border-color: #1abc9c;
}
.ui-x-widget-border-color-3 {
  border-color: #f89406;
}
.ui-x-widget-border-color-4 {
  border-color: #27ae60;
}
.ui-x-widget-border-color-5 {
  border-color: #f1c40f;
}
.ui-x-widget-border-color-6 {
  border-color: #8e44ad;
}
.ui-x-widget-border-color-7 {
  border-color: #2c3e50;
}
.ui-x-widget-border-color-8 {
  border-color: #7f8c8d;
}

.ui-x-collaborators-Menu {
  margin: 0 13px;
}
.ui-x-collaborators-menu-container h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-collaborator-menu-button-container,
.ui-x-collaborator-menu-owner-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-collaborator-menu-item {
  padding: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.ui-x-collaborator-menu-button-container .ui-x-collaborator-menu-item {
  padding: 1px 0 0;
}
.ui-x-collaborator-menu-item div {
  overflow: hidden;
}
.ui-x-collaborator-menu-item-image {
  /*border: 1px solid #d4d4d4;*/
  border-radius: 100%;
  float: left;
  height: 36px;
  margin: 5px 5px 4px;
  width: 36px;
}
.ui-x-collaborator-menu-item-content {
  line-height: 18px;
  margin-left: 10px;
  height: 39px;
  padding-bottom: 3px;
  padding-top: 3px;
  width: 61%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-collaborator-menu-item-content.ui-x-contentIcon {
  margin-left: 55px;
  height: 30px;
  width: 63%;
}
.ui-x-collaborator-menu-item-content-name {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-x-collaborator-menu-item-content-date {
  color: #8E8E8E;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-x-collaborator-menu-item.ui-x-disabled .ui-x-collaborator-menu-item-image,
.ui-x-collaborator-menu-item.ui-x-disabled .ui-x-collaborator-menu-item-content {
  opacity: 0.6;
}
.ui-x-collaborator-menu-item.ui-x-item-selected,
.ui-x-collaborator-menu-item:hover {
  background-color: #f5f5f5;
}
.ui-x-collaborators-menu-form-container .ui-x-collaborator-menu-item:hover {
  background-color: transparent;
}
.ui-x-collaborators-menu-selected-overlay .ui-x-collaborator-menu-item.ui-x-item-selected,
.ui-x-collaborators-menu-selected-overlay .ui-x-collaborator-menu-item:hover {
  background-color: #f1f1f1;
}
.ui-x-collaborator-menu-item.ui-x-disabled {
  cursor: default;
}
.ui-x-collaborator-menu-item.ui-x-disabled:hover {
  background-color: transparent;
}
.ui-x-collaborators-menu-form-container {
  padding: 0;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-collaborators-menu-form-icn {
  height: 21px;
  left: 8px;
  padding: 12px;
  position: absolute;
  width: 23px;
  border: none;
  background: transparent;
  border-radius: var(--engage-focusable-element-border-radius);
}
.ui-x-collaborators-menu-form-icn:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--outline-offset);
}
.ui-x-disabled .ui-x-collaborators-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
.ui-x-collaborator-menu-button-container .ui-x-mobile-button,
.ui-x-collaborators-menu-form-container input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 0 55px;
  width: 69%;
  height: 45px;
}
.ui-x-collaborator-menu-button-container .ui-x-mobile-button {
  height: auto;
  line-height: 21px;
  padding: 12px 10px;
}
.ui-x-collaborators-menu-form-container input {
  margin: 0 0 0 55px;
}
.ui-x-collaborators-menu-form-container input.ui-x-placeholder-val {
  color: #9b9b9b;
}
.ui-x-disabled .ui-x-collaborators-menu-form-container input {
  opacity: 0.5;
}
.ui-x-collaborator-menu-collaborator-collection {
  /*margin: 10px 0 0;*/
}
.ui-x-collaborator-menu-collaborator-collection ul li {
  border-top: 1px solid #eaeaea;
  color: #5d5d5d;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  line-height: 2.2;
  vertical-align: middle;
  cursor: pointer;
}
.ui-x-collaborator-menu-collaborator-collection ul li div.ui-x-remove-active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  margin-bottom: 4px;
}
.ui-x-collaborator-menu-collaborator-collection ul li.ui-x-disabled {
  cursor: default;
}
.ui-x-collaborator-menu-collaborator-collection ul li:hover {
  background-color: #f5f5f5;
}
.ui-x-collaborator-menu-collaborator-collection ul li.ui-x-disabled:hover {
  background-color: transparent;
}
.ui-x-collaborator-menu-collaborator-menu {
  float: right;
  width: 45px;
  height: 45px;
}
.ui-x-collaborator-menu-collaborator-menu svg {
  height: 21px;
  margin: 12px;
  position: relative;
  width: 21px;
}
/*.ui-x-collaborator-menu-collaborator-collection ul li.ui-x-disabled .ui-x-collaborator-menu-collaborator-remove svg path {
	fill: #bababa;
}*/
/*.ui-x-collaborator-menu-collaborator-collection ul li:hover svg path {
    fill: #5d5d5d;
}*/
.ui-x-remove-collaborator {
  background: none repeat scroll 0 0 #fafafa;
  padding: 10px 20px;
}
.ui-x-remove-collaborator .ui-x-msg-box-buttons {
  margin-top: 20px;
}
.ui-x-responsive .ui-x-remove-collaborator .ui-x-msg-box-buttons div {
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  min-width: inherit;
}
.ui-x-responsive .ui-x-remove-collaborator .ui-x-msg-box-buttons div.ui-x-msg-btn-cancel {
  margin: 0 5px 0 0;
}
.ui-x-collaborators-menu-form-container .ui-x-collaborator-menu-item.ui-x-remove-collaborator:hover {
  background-color: #fafafa;
}
.ui-x-remove-collaborator p {
  font-size: 14px;
  text-align: left;
  color: #333333;
}
.ui-x-remove-collaborator .ui-x-msg-btn-ok {
  font-size: 14px;
}
.ui-x-remove-collaborator .ui-x-msg-btn-cancel {
  font-size: 14px;
  background-color: #fff;
}
.ui-x-collaborators-menu-selected-overlay {
  background-color: #ffffff;
  /*border: 1px solid rgb(234, 234, 234);*/
  border-radius: 3px;
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.498);
  left: 0;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.ui-x-collaborators-menu-selected-overlay .ui-x-collaborator-menu-item {
  cursor: pointer;
}
.ui-x-collaborators-menu-selected-overlay .ui-x-collaborator-menu-item.ui-x-disabled {
  cursor: default;
}
.ui-x-collaborator-menu-item span.ui-x-share-content-item-info {
  float: right;
  height: 21px;
  margin: 0;
  width: 21px;
  position: relative;
  top: 10px;
}
.ui-x-collaborator-list {
  overflow-y: scroll;
  max-height: 210px;
  -webkit-overflow-scrolling: touch;
}
.ui-x-collaborator-list .ui-x-collaborator-menu-item-content {
  width: 79%;
  margin-left: 8px;
}
/* OPTIONS MENU */
.ui-x-collaborator-menu-item-options-menu {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  cursor: default;
  font-size: 88%;
  position: absolute;
  right: 2px;
  text-align: left;
  top: 50px;
  width: auto;
  z-index: 10;
}
.ui-x-collaborator-menu-item-options-menu ul {
  height: auto;
  margin: 0;
  padding: 5px 0;
}
.ui-x-collaborator-menu-item-options-menu ul li {
  display: block;
  margin: 0;
  width: 100%;
  border: medium none;
}
.ui-x-collaborator-menu-item-options-menu ul li a {
  color: #737373;
  cursor: pointer;
  display: inline-table;
  font-size: 113%;
  font-weight: 400;
  height: 45px;
  line-height: normal;
  padding: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.ui-x-collaborator-menu-item-options-menu ul li a:hover {
  background-color: #f5f5f5;
}
.ui-x-collaborator-menu-item-options-menu ul li a span.ui-x-icn {
  display: inline-block;
  height: 45px;
  vertical-align: middle;
  width: 45px;
  padding: 0 0 0 10px;
}
.ui-x-collaborator-menu-item-options-menu ul li a span.ui-x-icn svg {
  margin: 12px;
  opacity: 1;
}
.ui-x-collaborator-menu-item-options-menu ul li a span.ui-x-icn + span {
  color: #333333;
  display: inline-block;
  font-size: 88%;
  margin-bottom: 0;
  margin-left: 3px;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  padding-right: 15px;
}
/* MOBILE */
.ui-x-collaborators-menu-mobile {
  left: 0;
  position: absolute;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 20;
  /*to be above ShareOverlay header*/
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-form-container {
  border-width: 0;
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-form-container .ui-x-collaborators-menu-form-icn {
  cursor: pointer;
  height: 32px;
  width: 32px;
  left: 15px;
  top: 10px;
  padding: 0;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-form-container input {
  height: 32px;
  z-index: 10;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-form-container .ui-x-collaborator-menu-item {
  padding: 9px;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-menu-item {
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-menu-item-content {
  width: 57%;
}
.ui-x-collaborators-menu-mobile.ui-x-editOwner .ui-x-collaborator-menu-item-content {
  width: 79%;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-selected {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborators-menu-selected-overlay {
  border: medium none;
  box-shadow: none;
  left: 0;
  position: relative;
  top: 0;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-list {
  max-height: inherit;
  overflow-y: inherit;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-menu-collaborator-remove {
  height: 21px;
  margin: 12px;
  position: relative;
  width: 21px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-menu-collaborator-remove svg {
  height: 21px !important;
  width: 21px !important;
}
.ui-x-collaborators-menu-mobile .ui-x-collaborator-menu-item.ui-x-selected .ui-x-collaborator-menu-collaborator-remove svg path {
  fill: green;
  stroke: green;
}
.ui-x-collaborators-menu-mobile .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}

/* ADMIN LIST SELECT WIDGET */
.ui-x-admin-list-select {
  border: 1px solid #f1f1f1;
  border-width: 0 1px;
  padding: 8px 10px 0;
  min-width: 275px;
  background-color: #fff;
  cursor: pointer;
}
.ui-x-admin-list-select:hover {
  background-color: #f1f1f1;
}
.ui-x-admin-list-select.ui-x-disabled {
  cursor: default;
}
.ui-x-admin-list-select.ui-x-disabled:hover {
  background-color: #fff;
}
.ui-x-admin-list-select .ui-x-admin-list-select-title {
  font-size: 12px;
  color: #9b9b9b;
}
.ui-x-admin-list-select .ui-x-admin-list-select-active {
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.ui-x-admin-list-select .ui-x-admin-list-select-container {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  left: 0;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  top: 45px;
  width: 294px;
  z-index: 1;
}
.ui-x-admin-list-select-container ul li {
  color: #27282c;
  font-size: 90%;
  font-weight: 300;
  padding: 5px 20px;
}
.ui-x-admin-list-select-container ul li:hover {
  background-color: #F1F1F1;
}

.ui-x-analytics-Menu {
  margin: 15px 13px;
}
.ui-x-analytics-Menu h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-manage-analytics-container {
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-manage-analytics-container.ui-x-dateSel {
  margin-bottom: 10px;
}
.ui-x-dateSel ul {
  display: none;
  list-style: outside none none;
  padding: 0;
  width: 100%;
  color: #333333;
  overflow: hidden;
}
.ui-x-dateSel ul li {
  border-top: 1px solid #f1f1f1;
  box-sizing: border-box;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0;
  position: relative;
}
.ui-x-dateSel ul li:hover {
  background-color: #f5f5f5;
}
.ui-x-dateSel ul li span {
  display: block;
  font-size: 14px;
  margin: 0 auto;
  overflow: hidden;
  width: 90%;
}
.ui-x-dateSel ul li.ui-x-rangeOpt {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  margin-bottom: 3px;
  cursor: default;
  height: 48px;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div {
  float: left;
  margin: 0 auto;
  text-align: center;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div span {
  border: 1px solid #eeeeee;
  height: 28px;
  line-height: 28px;
  margin-top: 9px;
  width: 85%;
  background-color: #fff;
  cursor: pointer;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div input {
  border: 1px solid #eeeeee;
  height: 25px;
  line-height: 28px;
  margin-top: 7px;
  width: 85%;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div.ui-x-rangeBox {
  width: 45%;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div.ui-x-rangeBox img {
  display: none;
}
.ui-x-dateSel ul li.ui-x-rangeOpt div.ui-x-rangeBox-seperator {
  width: 10%;
}
.ui-x-dateSel ul li.ui-x-rangeApply {
  height: 65px;
}
.ui-x-dateSel ul li.ui-x-rangeApply .ui-x-msg-box-buttons {
  margin-top: 10px;
  padding: 0 18px;
}
.ui-x-dateSel ul li.ui-x-rangeApply .ui-x-msg-box-buttons .ui-x-msg-btn-ok {
  height: 35px;
  line-height: 34px;
}
.ui-x-dateSel ul li.ui-x-first {
  border-top: medium none;
}
.ui-x-manage-analytics-item {
  padding-left: 10px;
  position: relative;
  text-align: left;
  cursor: pointer;
  border-top: 1px solid #f1f1f1;
}
.ui-x-manage-analytics-container.ui-x-addAud .ui-x-manage-analytics-item {
  border: none;
}
.ui-x-manage-analytics-item.ui-x-isParent {
  background-color: #fafafa;
  cursor: default;
}
.ui-x-manage-analytics-item:hover {
  background-color: #f8f8f8;
  /*rgb(241, 241, 241);*/
}
.ui-x-disabled .ui-x-manage-analytics-item {
  cursor: default;
}
.ui-x-disabled .ui-x-manage-analytics-item:hover {
  background-color: transparent;
}
.ui-x-manage-analytics-item-icn {
  height: 45px;
  position: absolute;
  width: 45px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-manage-analytics-item-txt {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 45px 0 0;
  overflow: hidden;
  padding: 12px 20px 12px 10px;
  width: 73%;
}
.ui-x-disabled .ui-x-manage-analytics-item .ui-x-manage-analytics-item-txt {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-manage-analytics-title {
  padding-left: 10px;
  position: relative;
  text-align: left;
  height: 52px;
  background: none repeat scroll 0 0 #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
}
.ui-x-manage-analytics-title .ui-x-manage-analytics-item-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 52px;
  margin: 0 0 0 15px;
  padding: 0;
}
.ui-x-manage-analytics-title .ui-x-manage-analytics-item-icn {
  cursor: pointer;
  right: 15px;
  top: 3px;
}
.ui-x-manage-analytics-title .ui-x-manage-analytics-item-icn.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
}
.ui-x-manage-analytics-graph {
  padding: 15px 0;
  position: relative;
  text-align: center;
  min-height: 182px;
}
.ui-x-manage-analytics-graph .count {
  color: #000000;
  font-size: 20px;
  white-space: pre;
}
.ui-x-manage-analytics-graph .chart {
  height: 155px;
  margin: 0 10px;
  width: 250px;
}
.ui-x-manage-analytics-graph .ui-x-loading-icn {
  margin-top: 55px;
}
#ui-datepicker-div {
  /*-webkit-transform: translateZ(1100px)*/
}

#ui-x-app-loader .loaderContainer {
  position: relative;
  left: 10px;
  top: 10px;
}
.loader-fix-wrapper {
  position: relative;
}

/* ASSET LIST CREATOR */
.ui-x-asset-list-creator {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 1060px;
}
.ui-x-asset-list-creator-inner {
  margin-bottom: 25px;
  text-align: left;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-asset-list-creator-left {
  border-right: 1px solid #b7b7b7;
  float: left;
  position: relative;
  width: 445px;
  box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.498);
  overflow: hidden;
}
.ui-x-asset-list-creator-right {
  float: right;
  width: 612px;
}
.ui-x-asset-list-creator-header {
  background: none repeat scroll 0 0 #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 3px 3px 0 0;
  padding: 15px 21px;
}
.ui-x-asset-list-creator-header h3 {
  color: #717171;
  float: left;
  font-size: 125%;
  font-weight: 300;
  margin: 0;
}
.ui-x-asset-list-creator-header.ui-x-asset-list-option-header {
  padding: 0;
}
.ui-x-asset-list-creator-header.ui-x-asset-list-option-header h3 {
  padding: 15px 21px;
}
.ui-x-asset-list-creator-options {
  float: right;
  height: 45px;
  padding: 6px 10px;
}
.ui-x-asset-list-creator-options > div {
  cursor: pointer;
  float: left;
  height: 45px;
  width: 45px;
}
.ui-x-asset-list-creator-options > div:hover {
  background-color: rgba(186, 186, 186, 0.25);
}
.ui-x-asset-list-creator-options > div svg {
  margin: 12px 11px;
}
.ui-x-asset-list-creator-options > div.ui-x-inactive {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  cursor: default;
}
.ui-x-asset-list-creator-options > div.ui-x-inactive:hover {
  background-color: transparent;
}
.ui-x-asset-list-creator-assetInput-container {
  border-bottom: 1px solid #b7b7b7;
  box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.498);
}
.ui-x-asset-list-creator-assetInput {
  padding: 12px 21px 12px 57px;
  position: relative;
}
.ui-x-asset-list-creator-assetInput-icon {
  height: 24px;
  left: 21px;
  top: 16px;
  position: absolute;
  width: 24px;
}
.ui-x-asset-list-creator-assetInput-tagname {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 24pt;
  width: 100%;
}
.ui-x-asset-list-creator-assetInput-input {
  border: 0;
  width: 100%;
  color: #333;
}
.ui-x-asset-list-creator-assetInput-input:-ms-input-placeholder {
  color: #a1a1a1;
}
.ui-x-asset-list-creator-assetInput-input.ui-x-placeholder-val {
  color: #a1a1a1;
}
.ui-x-asset-list-creator-assetInput-btn {
  display: none;
}
.ui-x-asset-list-creator-tree {
  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-x-asset-list-creator-tree .ui-x-content-msg {
  padding: 25px;
  text-align: center;
}
.ui-x-asset-list-creator-tree-modal {
  height: 425px;
}
.ui-x-asset-list-creator-tree-modal {
  height: 425px;
}
.ui-x-tag-level-select-popup .ui-x-asset-list-creator-tree-modal {
  height: auto;
  min-height: 325px;
}
.ui-x-asset-list-creator-selected-tag {
  padding: 15px 21px;
  border-bottom: 1px solid #f0f0f0;
}
.ui-x-asset-list-creator-selected-empty {
  font-size: 18px;
  font-weight: 300;
  padding: 55px 21px;
  position: relative;
  text-align: center;
}
.ui-x-asset-list-creator-translation {
  padding: 15px 21px;
}
.ui-x-asset-list-creator-selected li {
  background-repeat: no-repeat;
  list-style-type: none;
  overflow: hidden;
  display: block;
  height: 44px;
  padding: 0 0 0 20px;
  text-decoration: none;
  color: #6c6c6c;
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
}
.ui-x-asset-list-creator-selected li:hover {
  background-color: #F5F5F5;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-icn {
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  float: left;
  height: 24px;
  margin-top: 10px;
  width: 24px;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-name {
  float: left;
  height: 45px;
  margin-left: 20px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  color: #000;
  width: 190px;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-name div {
  line-height: 45px;
  vertical-align: middle;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options {
  float: right;
  margin-right: 10px;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options div {
  float: left;
  height: 45px;
  width: 45px;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options-sort {
  cursor: move;
  overflow: hidden;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options-sort span {
  display: block;
  left: 10px;
  overflow: hidden;
  position: relative;
  top: 10px;
  width: 24px;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options-remove {
  cursor: pointer;
  overflow: hidden;
}
.ui-x-asset-list-creator-selected li .ui-x-asset-list-creator-selected-options-remove span {
  display: block;
  left: 13px;
  overflow: hidden;
  position: relative;
  top: 10px;
  width: 24px;
}
.ui-x-asset-list-creator-suggested {
  margin-top: 3px;
}
.ui-x-asset-list-creator-suggested li {
  background-repeat: no-repeat;
  list-style-type: none;
  overflow: hidden;
  display: block;
  height: 44px;
  padding: 0 0 0 19px;
  text-decoration: none;
  color: #6c6c6c;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
}
.ui-x-asset-list-creator-suggested li:hover {
  background-color: #F5F5F5;
}
.ui-x-asset-list-creator-suggested li.ui-x-selected {
  cursor: default;
}
.ui-x-asset-list-creator-suggested li.ui-x-selected:hover {
  background-color: inherit;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-icn {
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  float: left;
  height: 24px;
  margin-top: 10px;
  width: 24px;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-name {
  float: left;
  height: 45px;
  margin-left: 20px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  color: #000;
  width: 190px;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-name div {
  line-height: 45px;
  vertical-align: middle;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-options {
  float: right;
  margin-right: 10px;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-options div {
  float: left;
  height: 45px;
  width: 45px;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-options div span {
  display: block;
  left: 11px;
  overflow: hidden;
  position: relative;
  top: 10px;
  width: 24px;
  height: 24px;
}
.ui-x-asset-list-creator-suggested li .ui-x-asset-list-creator-suggested-options div span svg {
  height: 100%;
  margin: auto;
  width: 100%;
}

.ui-x-assettype-fields-container {
  width: 93%;
  margin: 0 auto 30px;
}
.ui-x-widget-forms-assettype-fields-header,
.ui-x-widget-forms-assettype-templates-header {
  text-align: center;
}

.ui-x-audience-Menu {
  margin: 15px 13px;
}
.ui-x-manage-audience-container {
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-manage-audience-container.ui-x-addAud {
  margin-bottom: 10px;
}
.ui-x-manage-audience-item {
  padding-left: 10px;
  position: relative;
  text-align: left;
  cursor: pointer;
  border-top: 1px solid #f1f1f1;
}
.ui-x-manage-audience-item--currently-viewing {
  cursor: default;
}
.ui-x-manage-audience-container.ui-x-addAud .ui-x-manage-audience-item {
  border: none;
}
.ui-x-manage-audience-item.ui-x-isParent {
  background-color: #fafafa;
  cursor: default;
}
.ui-x-manage-audience-item:hover {
  background-color: #f8f8f8;
  /*rgb(241, 241, 241);*/
}
.ui-x-disabled .ui-x-manage-audience-item {
  cursor: default;
}
.ui-x-disabled .ui-x-manage-audience-item:hover {
  background-color: transparent;
}
.ui-x-manage-audience-item-icn {
  height: 45px;
  position: absolute;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-manage-audience-item-txt {
  color: #333;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0 0 0 45px;
  overflow: hidden;
  padding: 12px 20px 12px 10px;
  width: 73%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-x-disabled .ui-x-manage-audience-item .ui-x-manage-audience-item-txt {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-manage-audience-title {
  padding-left: 10px;
  position: relative;
  text-align: left;
  height: 52px;
  background: none repeat scroll 0 0 #fcfcfc;
}
.ui-x-manage-audience-title .ui-x-manage-audience-item-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 52px;
  margin: 0 0 0 15px;
  padding: 0;
}
.ui-x-manage-audience-title .ui-x-manage-audience-item-icn {
  cursor: pointer;
  right: 15px;
  top: 3px;
}
.ui-x-manage-audience-title .ui-x-manage-audience-item-icn.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
}
.ui-x-manage-audience-lang {
  position: relative;
  text-align: left;
  height: 45px;
}
.ui-x-manage-audience-availLang .ui-x-manage-audience-item-txt,
.ui-x-manage-audience-lang .ui-x-manage-audience-item-txt {
  line-height: 44px;
  margin: 0 0 0 15px;
  padding: 0;
}
.ui-x-manage-audience-availLang .ui-x-manage-audience-title .ui-x-manage-audience-item-txt {
  line-height: 52px;
}
.ui-x-manage-audience-lang.ui-x-draftMode .ui-x-manage-audience-item-txt {
  opacity: 0.5;
}
.ui-x-manage-audience-lang .ui-x-manage-audience-item-icn {
  cursor: pointer;
  right: 15px;
}
.ui-x-manage-audience-lang .ui-x-manage-audience-item-icn--currently-viewing {
  cursor: default;
}
.ui-x-manage-audience-item.ui-x-isParent .ui-x-manage-audience-item-txt {
  /*line-height: 44px;
    margin: 0 0 0 15px;
    padding: 0;*/
  color: #666;
}
/* mobile tweaks */
/* OLD */
/*.ui-x-menu-options .ui-x-mobileOverlay-list.ui-x-audience-Menu ul li {
    border-bottom: 0;
    line-height: 21px;
}
 .ui-x-menu-options .ui-x-mobileOverlay-list.ui-x-audience-Menu .ui-x-manage-audience-item {
    padding-left: 6px;
} .ui-x-menu-options .ui-x-mobileOverlay-list.ui-x-audience-Menu .ui-x-manage-audience-item.ui-x-isSelected {
    padding-left: 20px;
}*/
/* OLD END */

/* AuditMenu list */
.ui-x-AuditMenu-panels-container {
  position: relative;
  overflow: hidden;
  margin: 8px 10px;
}
.ui-x-AuditMenu-menu-item {
  padding: 10px 15px;
  /*cursor: pointer;*/
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-AuditMenu-menu-item-btn {
  text-align: center;
  /*opacity: 0.5;*/
  font-size: 14px;
  cursor: pointer;
}
.ui-x-AuditMenu-menu-item-btn:hover {
  background-color: rgba(186, 186, 186, 0.15);
  /*opacity: 1;*/
}
.ui-x-AuditMenu-menu-item-image {
  /*border: 1px solid #d4d4d4;*/
  border-radius: 100%;
  float: left;
  height: 36px;
  margin: 5px 4px 4px 0;
  width: 36px;
}
.ui-x-AuditMenu-menu-item-image-icon {
  height: 21px;
  left: 8px;
  position: relative;
  top: 7px;
  width: 21px;
  display: inline-block;
}
.ui-x-AuditMenu-menu-item-content {
  float: left;
  line-height: 18px;
  margin-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  max-width: 206px;
}
.ui-x-AuditMenu-menu-item-content-name {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  max-height: 20px;
  overflow: hidden;
}
.ui-x-AuditMenu-menu-item-content-name.ui-x-no-secondary {
  margin-top: 9px;
}
.ui-x-AuditMenu-menu-item-content-date {
  /*color: rgb(113, 113, 113);*/
  color: #8e8e8e;
  font-size: 13px;
  font-weight: 400;
  height: 21px;
  overflow: hidden;
}
.ui-x-AuditMenu-menu-item-content-message {
  color: #333;
  font-size: 14px;
  margin-top: 10px;
  padding: 0;
  position: relative;
  word-wrap: break-word;
}
.ui-x-AuditMenu-item-header-name {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.ui-x-AuditMenu-item-content-text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 15px 0;
  line-height: 1.45;
}
.ui-x-AuditMenu-item-content-text a {
  color: #000;
  text-decoration: none;
}
/* Overrides for feed margins */
.ui-x-AuditMenu-item-content-item {
  margin: 18px 0 8px;
}
.ui-x-AuditMenu-item-content-item .ui-x-feed-container-outer {
  margin-right: 0;
}
.ui-x-AuditMenu-item-content-item .ui-x-feed-container-outer-outer {
  margin-top: 0;
}
.ui-x-AuditMenu-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
  margin-left: 0;
  margin-bottom: 0;
}
.ui-x-AuditMenu-item-content-item .ui-x-page-info {
  font-size: 18px;
  margin: 10px auto;
  text-align: center;
}
.ui-x-AuditMenu-menu-item .ui-x-markAsRead-icn {
  height: 45px;
  position: absolute;
  right: 5px;
  top: 9px;
  width: 45px;
  display: block;
  opacity: 0.45;
  border-radius: 100%;
}
.ui-x-AuditMenu-menu-item .ui-x-markAsRead-icn svg {
  background-image: none;
  display: block;
  height: 21px;
  margin: 12px auto;
  width: 21px;
}
/*.ui-x-AuditMenu-menu-item:hover .ui-x-markAsRead-icn {
	display: block;
}*/
.ui-x-AuditMenu-menu-item .ui-x-markAsRead-icn:hover {
  background-color: rgba(186, 186, 186, 0.15);
  opacity: 1;
}
.ui-x-AuditMenu-menu-item .ui-x-markAsRead-icn:hover svg path {
  /*fill: #e2261e;*/
}
/* ANIMATION FOR MARK AS READ */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes openspace {
  to {
    height: auto;
  }
}
.ui-x-AuditMenu-menu-item.ui-x-removed-item {
  -webkit-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  -o-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
}
@keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes openspace {
  to {
    height: auto;
  }
}
@-o-keyframes openspace {
  to {
    height: auto;
  }
}
@-webkit-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-o-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
/* FULL VIEW */
.ui-x-AuditMenu-back {
  cursor: pointer;
  position: relative;
  top: -5px;
}
.ui-x-AuditMenu-back .ui-x-icn {
  cursor: pointer;
  float: left;
  height: 45px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  width: 45px;
}
.ui-x-AuditMenu-back .ui-x-icn svg {
  height: 23px;
  margin: 12px auto 0;
  width: 23px;
}
.ui-x-AuditMenu-back p {
  float: left;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 500;
  line-height: 45px;
  margin-right: -65px;
  text-align: left;
  width: 100%;
}
.ui-x-AuditMenu-view {
  padding: 12px 15px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
  min-height: 300PX;
}

.ui-x-auth-dialog {
  display: none;
}
.ui-x-auth-dialog.ui-x-visible {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ecf0f1;
  z-index: 1200;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ui-x-auth-dialog.ui-x-visible iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px none;
}

/* This comment will be in result CSS */
/* Custom */
/*this magic number is a sum footer + 30px?*/
.ui-x-backButton {
  background-color: #3697db;
  border-radius: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  height: 55px;
  position: fixed;
  width: 55px;
  z-index: 4;
  bottom: 30px;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s, bottom 0.3s ease-out;
  -moz-transition: opacity 0.5s, bottom 0.3s ease-out;
  -ms-transition: opacity 0.5s, bottom 0.3s ease-out;
  -o-transition: opacity 0.5s, bottom 0.3s ease-out;
  transition: opacity 0.5s, bottom 0.3s ease-out;
  will-change: opacity;
  -webkit-transform: translateX(60px);
  transform: translateX(60px);
}
.ui-x-buttonHidden {
  opacity: 0;
  pointer-events: none;
}
.quick-view .ui-x-backButton {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  bottom: 30px;
}
@media (min-width: 737px) {
  .wi-app--with-header .ui-x-backButton {
    left: 20px;
  }
  .quick-view .ui-x-backButton {
    left: 10px;
  }
}
@media (max-width: 600px) {
  .ui-x-backButton {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    bottom: 70px;
  }
}
.ui-x-backButton a {
  cursor: pointer;
  height: 55px;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-backButton:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.ui-x-backButton span {
  display: flex;
  align-items: center;
}
.ui-x-back-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: white;
  font-size: 14px;
  line-height: 35px;
  max-width: 250px;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  text-overflow: ellipsis;
  transition: all 0.25s ease-out 0s;
  white-space: nowrap;
}
.ui-x-backButtonTooltip {
  bottom: 12px;
  left: 70px;
  opacity: 0;
  display: none;
}
.ui-x-backButton.ui-x-hovered .ui-x-backButtonTooltip {
  display: block;
  opacity: 100;
}

.ui-x-content-search-modal .ui-x-msg-box-content {
  padding: 0;
}
.ui-x-content-search-container .ui-x-grid-form-select-container ul li {
  padding: 13px 20px;
}
.ui-x-content-search-text {
  background-color: #fafafa;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 6px 31px;
  box-shadow: #000000 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px;
  position: relative;
}
.ui-x-content-search-text .ui-x-search {
  float: left;
  width: 21px;
  height: 21px;
  margin: 4px 0;
}
.ui-x-content-search-text input {
  float: left;
  background-color: transparent;
  border: 0 none;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 29px;
  margin-left: 20px;
  width: 376px;
  height: 29px;
}
.ui-x-content-search-text input.ui-x-content-search-menu-visible {
  width: 290px;
}
.ui-x-menu-mobileOverlay .ui-x-content-search-text {
  padding-right: 0;
  padding-left: 18px;
}
.ui-x-menu-mobileOverlay .ui-x-content-search-text input {
  width: 80%;
}
.ui-x-menu-mobileOverlay .ui-x-content-search-text input.ui-x-content-search-menu-visible {
  width: 54%;
}
.ui-x-content-search-text input.ui-x-placeholder-val {
  color: #d4d4d4;
}
.ui-x-content-search-menu {
  float: left;
  position: relative;
  z-index: 2;
}
.ui-x-content-search-menu.ui-x-search-menu-has-items {
  cursor: pointer;
}
.ui-x-grid-form-select-container {
  top: 31px;
  width: 170px;
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
}
.ui-x-content-search-menu-button {
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90px;
  position: relative;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.ui-x-content-search-menu-button .ui-x-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.ui-x-content-search-results {
  height: 358px;
  overflow-y: auto;
  margin-top: 3px;
  position: relative;
  z-index: 1;
}
.ui-x-content-search-results-info {
  text-align: center;
  margin: 14px;
}
.ui-x-content-search-results-info .ui-x-loading {
  margin: 40px auto;
  width: 60px;
}
.ui-x-content-search-result-item {
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  padding: 8px 8px 8px 21px;
  font-size: 14px;
  font-weight: 400;
}
.ui-x-menu-mobileOverlay .ui-x-content-search-result-item {
  padding-left: 10px;
}
.ui-x-content-search-result-item.ui-x-disabled {
  cursor: default;
}
.ui-x-content-search-result-item:hover {
  background-color: #f1f1f1;
}
.ui-x-content-search-result-item.ui-x-disabled:hover {
  background-color: transparent;
}
.ui-x-content-search-result-item-image {
  float: left;
}
.ui-x-content-search-result-item-image.ui-x-asset-inline-thumbnail {
  width: 30px;
  height: 30px;
  margin: 3px 0;
}
.ui-x-content-search-result-item-content {
  float: left;
  margin-left: 14px;
}
.ui-x-menu-mobileOverlay .ui-x-content-search-result-item-content {
  overflow: hidden;
  white-space: nowrap;
  width: 70%;
}
.ui-x-content-search-result-item.ui-x-disabled .ui-x-content-search-result-item-image,
.ui-x-content-search-result-item.ui-x-disabled .ui-x-content-search-result-item-content {
  opacity: 0.5;
}
.ui-x-content-search-result-item-title {
  line-height: 16px;
  margin-top: 9px;
  max-width: 370px;
}
.ui-x-content-search-result-item-title-has-secondary {
  margin-top: 0;
}
.ui-x-content-search-result-item-lookup-fields {
  font-size: 12px;
  color: #9b9b9b;
  line-height: 15px;
  margin-top: 5px;
}
.ui-x-content-search-result-item-selected {
  float: right;
  margin: 7px;
}
.ui-x-content-search-result-item-selected .ui-x-tick,
.ui-x-content-search-result-item-selected .ui-x-info {
  width: 21px;
  height: 21px;
}
.ui-x-content-search-result-item-selected.ui-x-selected .ui-x-tick svg path {
  fill: green;
  stroke: green;
}


/* Embed Item */
.ui-x-editor-block-embed-item-thumbnail {
  background-position: center center;
  background-size: cover;
  position: relative;
  border-bottom: 1px solid #d4d4d4;
}
.ui-x-editor-block-embed-item-provider {
  position: absolute;
  top: 10px;
  left: -1px;
  font-size: 11px;
  font-weight: 300;
  color: #717171;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3px 10px;
  border-left: 1px solid #fff;
}
.ui-x-editor-block-embed-item-embedUrl {
  margin: 12px 33px 26px;
}
.ui-x-editor-block-embed-item-embedUrl a,
.ui-x-editor-block-embed-item-embedUrl a:active,
.ui-x-editor-block-embed-item-embedUrl a:hover,
.ui-x-editor-block-embed-item-embedUrl a:visited {
  color: #147bc2;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.ui-x-editor-block-embed-item-photo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*TODO: check usages
ui-x-widget-title
ui-x-widget-selected
ui-x-widget-title
wi-secondary-info--separator
wi-secondary-info--separator
ui-x-accordion-btn
ui-x-error
ui-x-accordion-btn
ui-x-accordion-btn-inActive
ui-x-accordion-btn
ui-x-accordion-btn-inActive
ui-x-accordion-embed-panel-error
ui-x-selected
ui-x-editor-block-embed
ui-x-editor-block-embed-item-thumbnail
ui-x-editor-block-embed-item-provider
ui-x-editor-block-embed-item-embedUrl
ui-x-editor-block-embed-item-thumbnail
ui-x-editor-block-embed-item-provider
ui-x-editor-block-embed-item-photo-link

ASSET-RESOURCEBACK
ASSET-RESOURCEEMBED
CREATE-CONTENT-EMBED-EMBED
ASSET-RESOURCEEDITNAME
ASSET-RESOURCEDONE
EMBED-INPUT-TEXT-EMBED
EMBED-LINK-INVALID-LINK
*/

.ui-x-field-explorer-container {
  min-height: 492px;
}
.ui-x-field-explorer-container-single {
  min-height: 411px;
}
.ui-x-field-explorer {
  overflow: hidden;
}
.ui-x-field-explorer-search-box-container {
  width: 101%;
  box-shadow: #000000 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px;
  position: relative;
  z-index: 1;
}
.ui-x-field-explorer-search-box {
  padding: 12px 0;
  width: 99%;
}
.ui-x-field-explorer-search-box .ui-x-field-explorer-search-box-icon {
  float: left;
  width: 21px;
  height: 21px;
  margin-left: 40px;
}
.ui-x-field-explorer-search-box .ui-x-field-explorer-search-box-input {
  float: left;
  width: 330px;
  margin-left: 20px;
  border: 0 none;
  color: #777;
  font-size: 14px;
}
.ui-x-field-explorer-search-box .ui-x-field-explorer-search-box-input.ui-x-placeholder-val {
  color: #d4d4d4;
}
.ui-x-field-explorer-search-box .ui-x-field-explorer-search-box-close {
  float: right;
  width: 21px;
  height: 21px;
  opacity: 0.5;
  cursor: pointer;
  margin-right: 33px;
}
.ui-x-field-explorer-search-box .ui-x-field-explorer-search-box-close:hover {
  opacity: 0.8;
}
.ui-x-field-explorer-results {
  height: 366px;
  overflow: auto;
}
.ui-x-field-explorer-no-results-msg {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 23px 82px;
}
.ui-x-field-explorer-refresh-option {
  padding: 26px 0;
}
.ui-x-field-explorer-refresh-option-buttons {
  text-align: center;
}
.ui-x-field-explorer-refresh-option-button {
  display: inline-block;
  border: 1px solid #717171;
  font-size: 14px;
  color: #5d5d5d;
  border-radius: 2px;
  padding: 7px 20px;
  cursor: pointer;
}
.ui-x-field-explorer-refresh-option-button:hover {
  background-color: #fafafa;
}
.ui-x-field-explorer-refresh-in-progress {
  padding: 40px 0;
}
.ui-x-field-explorer-result {
  padding: 13px 15px 10px 82px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ui-x-field-explorer-result:hover {
  background-color: #f5f5f5;
}
.ui-x-field-explorer-result-icon {
  position: absolute;
  top: 22px;
  left: 40px;
  width: 21px;
  height: 21px;
}
.ui-x-field-explorer-result-icon.ui-x-selected g path {
  fill: green;
}
.ui-x-field-explorer-result-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding-bottom: 1px;
}
.ui-x-field-explorer-result-title.ui-x-nocrumb {
  padding-top: 9px;
}
.ui-x-field-explorer-result-crumb {
  display: block;
  font-size: 13px;
  color: #9b9b9b;
  font-weight: 300;
}
.ui-x-field-explorer-buttons {
  border-top: 1px solid #dedede;
  padding: 20px 37px;
  text-align: right;
}

.ui-x-widget-forms-integration-header {
  text-align: center;
}
.ui-x-integration-container {
  width: 93%;
  margin: 0 auto 30px;
}
.ui-x-integration-source-connection-header {
  background-color: #fafafa;
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-connection-header-item {
  float: left;
  padding: 8px 11px;
  text-align: left;
  border-left: 1px solid #f1f1f1;
}
.ui-x-connection-header-item-connection {
  width: 308px;
  border-left: 0 none;
}
.ui-x-connection-header-item label {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #9B9B9B;
}
.ui-x-connection-header-item span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.ui-x-asset-type-field {
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 1px;
  border-radius: 3px;
  margin-top: 10px;
}
.ui-x-asset-type-field.ui-x-asset-type-field-system {
  border-color: #ff0000;
}
.ui-x-asset-type-field-item {
  float: left;
  padding: 8px 11px;
  text-align: left;
  border-left: 1px solid #f1f1f1;
  height: 40px;
}
.ui-x-asset-type-field-item.ui-x-disabled {
  opacity: 0.5;
}
.ui-x-asset-type-field-item.ui-x-first {
  border-left: 0 none;
}
.ui-x-asset-type-field-item span {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #9B9B9B;
}
.ui-x-asset-type-field-item label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.ui-x-asset-type-field-name input {
  border: 0 none;
  padding: 0;
  margin: 0;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.ui-x-asset-type-field-mapped-from,
.ui-x-asset-type-field-name,
.ui-x-asset-type-field-type {
  width: 335px;
}
.ui-x-asset-type-field-mapped-from,
.ui-x-asset-type-field-mapped-from label {
  cursor: pointer;
}
.ui-x-asset-type-field-mapped-from:hover {
  background-color: #f6f6f6;
}
.ui-x-asset-type-field-searchable,
.ui-x-asset-type-field-editable,
.ui-x-asset-type-field-mandatory {
  text-align: center;
  width: 64px;
  padding: 8px 6px;
  cursor: pointer;
}
.ui-x-asset-type-field-searchable:hover,
.ui-x-asset-type-field-editable:hover,
.ui-x-asset-type-field-mandatory:hover {
  background-color: #f6f6f6;
}
.ui-x-asset-type-field-searchable.ui-x-disabled,
.ui-x-asset-type-field-editable.ui-x-disabled,
.ui-x-asset-type-field-mandatory.ui-x-disabled {
  cursor: default;
}
.ui-x-asset-type-field-searchable.ui-x-disabled:hover,
.ui-x-asset-type-field-editable.ui-x-disabled:hover,
.ui-x-asset-type-field-mandatory.ui-x-disabled:hover {
  background-color: inherit;
}
.ui-x-asset-type-field-searchable {
  position: relative;
}
.ui-x-asset-type-field-searchable .ui-x-asset-type-field-searchable-edit {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
}
.ui-x-asset-type-field-searchable .ui-x-asset-type-field-searchable-edit:hover svg g {
  stroke: #414141;
}
.ui-x-asset-type-field-options {
  text-align: center;
  width: 104px;
  padding: 18px 6px 17px;
  height: 20px;
}
.ui-x-asset-type-field-options .ui-x-option-icon {
  width: 21px;
  height: 21px;
  display: inline-block;
  cursor: pointer;
}
.ui-x-asset-type-field-options .ui-x-option-icon.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
}
.ui-x-asset-type-field-tick-icon {
  width: 21px;
  height: 21px;
  display: inline-block;
}
.ui-x-asset-type-field-tick-icon.ui-x-selected path {
  fill: #2dcc70;
}
.ui-x-asset-type-field-text-bucket .ui-x-msg-box-content {
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.ui-x-asset-type-field-text-bucket-options {
  padding-bottom: 22px;
}
.ui-x-asset-type-field-text-bucket-options .ui-x-msg-box-message {
  font-size: 14px;
  padding: 0 35px 14px;
}
.ui-x-asset-type-field-text-bucket-options .ui-x-modal-list-item--new .ui-x-asset-type-field-tick-icon,
.ui-x-asset-type-field-text-bucket-options .ui-x-modal-list-item .ui-x-asset-type-field-tick-icon {
  margin-right: 25px;
  vertical-align: top;
  position: relative;
  top: 3px;
}
.ui-x-integration-source-connection-add-field {
  margin-top: 10px;
  border: 1px dashed #bababa;
  padding: 18px 10px 13px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  cursor: pointer;
  text-align: center;
}
.ui-x-integration-source-connection-add-field:hover {
  background-color: #f6f6f6;
}
.ui-x-integration-source-connection-add-field span {
  display: inline-block;
  width: 21px;
  height: 21px;
}
.ui-x-integration-source-connection-add-field label {
  display: inline-block;
  line-height: 19px;
  vertical-align: top;
  margin-left: 8px;
  cursor: pointer;
}
.ui-x-msg-box.ui-x-add-integration-add-fields .ui-x-msg-box-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/* left nav */
.ui-x-left-menu-options {
  position: static;
  width: auto;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  background-color: #f1f1f1;
}
/* normal width right menus*/
.ui-x-translationsOverlay-container,
.ui-x-createData-container,
.ui-x-add-content-container,
.ui-x-createCollection-container,
.ui-x-filterMenu-container,
.ui-x-createInterest-container,
.ui-x-share-container,
.ui-x-collections-container,
.ui-x-rssListMenu-container,
.ui-x-comments-container,
.ui-x-languagesOverlay-container,
.ui-x-manageContent-container,
.ui-x-simpleListMenu-container,
.ui-x-createUser-container,
.ui-x-partnerAccess-container {
  top: 0;
  right: 0;
  width: 325px;
  position: fixed;
  opacity: 0;
  -moz-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  background-color: #f1f1f1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0s 0.3s;
  -moz-transition: transform 0.3s, opacity 0s 0.3s;
  -ms-transition: transform 0.3s, opacity 0s 0.3s;
  -o-transition: transform 0.3s, opacity 0s 0.3s;
  transition: transform 0.3s, opacity 0s 0.3s;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  will-change: transform, opacity;
}
/* over rides */
.ui-x-filterMenu-container,
.ui-x-partnerAccess-container,
.ui-x-simpleListMenu-container,
.ui-x-createUser-container,
.ui-x-createData-container {
  background-color: #ffffff;
}
/* when active */
.ui-x-menu-translationsOverlay.ui-x-active .ui-x-translationsOverlay-container,
.ui-x-menu-createDataOverlay.ui-x-active .ui-x-createData-container,
.ui-x-menu-addContent.ui-x-active .ui-x-add-content-container,
.ui-x-menu-createCollectionOverlay.ui-x-active .ui-x-createCollection-container,
.ui-x-menu-filterMenu.ui-x-active .ui-x-filterMenu-container,
.ui-x-menu-createInterestOverlay.ui-x-active .ui-x-createInterest-container,
.ui-x-menu-shareOverlay.ui-x-active .ui-x-share-container,
.ui-x-menu-rssListMenu.ui-x-active .ui-x-rssListMenu-container,
.ui-x-menu-commentsOverlay.ui-x-active .ui-x-comments-container,
.ui-x-menu-languagesOverlay.ui-x-active .ui-x-languagesOverlay-container,
.ui-x-menu-simpleListMenu.ui-x-active .ui-x-simpleListMenu-container,
.ui-x-menu-createUserOverlay.ui-x-active .ui-x-createUser-container {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0s 0s;
  -moz-transition: transform 0.3s, opacity 0s 0s;
  -ms-transition: transform 0.3s, opacity 0s 0s;
  -o-transition: transform 0.3s, opacity 0s 0s;
  transition: transform 0.3s, opacity 0s 0s;
}
/* wider width menu over-rides */
@media (min-width: 400px) and (max-width: 699px) {
  .ui-x-translationsOverlay-container,
  .ui-x-createData-container,
  .ui-x-rssListMenu-container,
  .ui-x-comments-container,
  .ui-x-createUser-container {
    width: 90%;
  }
}
@media (min-width: 700px) {
  .ui-x-translationsOverlay-container,
  .ui-x-createData-container,
  .ui-x-rssListMenu-container,
  .ui-x-comments-container,
  .ui-x-createUser-container {
    width: 600px;
  }
}
@media (min-width: 1024px) {
  .ui-x-translationsOverlay-container,
  .ui-x-createData-container,
  .ui-x-rssListMenu-container,
  .ui-x-comments-container,
  .ui-x-createUser-container {
    width: 800px;
  }
}

.ui-x-menu-options.ui-x-mobileOverlay {
  /*left: 9999px;*/
  left: 0;
  display: none;
  position: fixed;
  -moz-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  width: 100%;
  width: 100vw;
  background-color: #ffffff;
  /*-webkit-transform:translateZ(1050px);*/
}
.ui-x-menu-mobileOverlay.ui-x-active .ui-x-mobileOverlay {
  display: block;
}
.ui-x-mobileOverlay .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #ffffff;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-mobileOverlay .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
}
.ui-x-mobileOverlay .ui-x-menu-title-inner div.ui-x-mobileOverlay-icn {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
}
.ui-x-mobileOverlay .ui-x-menu-title div svg {
  margin-top: 6px;
}
.ui-x-mobileOverlay .ui-x-menu-title .ui-x-mobileOverlay-title {
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.ui-x-mobileOverlay .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
.ui-x-mobileOverlay .ui-x-menu-scroll-inner {
  padding-top: 4px;
}
.ui-x-menu-options .ui-x-mobileOverlay-list ul {
  background-color: transparent;
}
.ui-x-menu-options .ui-x-mobileOverlay-list ul li {
  line-height: 45px;
  border-bottom: 1px solid #f1f1f1;
  background-color: transparent;
}
/* IE mobile tick fix */
.ui-x-menu-options .ui-x-mobileOverlay-list ul li .ui-x-select-options-tick .ui-x-tick {
  height: 28px;
  width: 28px;
}
/* IE mobile tick fix end */
.ui-x-menu-options .ui-x-mobileOverlay-list.ui-x-tag-explore ul li {
  line-height: normal;
}
.ui-x-menu-options .ui-x-mobileOverlay-list ul li a {
  font-weight: 400;
  padding: 0 0 0 60px;
  background-color: transparent;
}
.ui-x-menu-options .ui-x-mobileOverlay-list ul li a:hover {
  background-color: transparent;
}

.ui-x-orderingMode-container {
  margin: 32px auto;
  max-width: 800px;
}
.ui-x-orderingMode-container ul {
  margin: 0 1%;
}
.ui-x-orderingMode-container ul li {
  width: inherit;
  margin-bottom: 8px;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  padding: 9px 20px;
  position: relative;
}
.ui-x-orderingMode-container ul li.ui-sortable-helper {
  box-shadow: 3px 3px 6px #000;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.ui-x-orderingMode-container ul li .ui-x-orderingMode-content-left {
  border-radius: 100%;
  float: left;
  height: 50px;
  margin: 5px 4px 4px 0;
  width: 50px;
}
.ui-x-orderingMode-container ul li .ui-x-orderingMode-content-right {
  float: left;
  padding: 5px 0;
  margin: 0 0 0 18px;
  width: 75%;
}
.ui-x-orderingMode-container ul li .ui-x-orderingMode-content-right h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.ui-x-orderingMode-container__finish-button-wrapper {
  margin: 0 1%;
}
.ui-x-orderingMode-finishBtn {
  background-color: #3697db;
  color: #fff;
  cursor: pointer;
  padding: 9px 30px;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  margin-bottom: 8px;
  width: 100%;
}
.ui-x-orderingMode-finishBtn:focus-visible {
  outline: var(--outline-width) solid var(--outline-color-old-part);
  outline-offset: var(--outline-offset);
}
.ui-x-orderingMode-finishBtn-tick div {
  display: flex;
}
.ui-x-orderingMode-finishBtn .ui-x-orderingMode-content-right {
  padding: 0;
  margin: 0;
  float: left;
}
.ui-x-orderingMode-finishBtn-tick-cont {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #fff;
  float: left;
}
.ui-x-orderingMode-finishBtn-tick {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-orderingMode-finishBtn .ui-x-orderingMode-content-right h3 {
  color: #fff;
  line-height: 34px;
  margin: 0 0 0 25px;
  font-size: 18px;
  font-weight: 400;
}
.ui-x-orderingMode-content-right .ui-x-orderingMode-content-details {
  border-top: none;
  margin-top: 0;
  min-height: inherit;
  padding: 0 15px 0 0;
}
.ui-x-orderingMode-content-details p {
  display: inline;
  color: #9b9b9b;
}
.ui-x-orderingMode-content-details .ui-x-feet-item-footer-content {
  margin: 0;
}
.ui-x-orderingMode-content-details p.ui-x-feed-item-footer-name,
.ui-x-orderingMode-content-details p.ui-x-feet-item-footer-date {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 400;
  color: #9b9b9b;
}
.ui-x-orderingMode-content-details p.ui-x-feet-item-footer-date.ui-x-archived-item-highlight-date {
  color: red;
}
.ui-x-orderingMode-handle-cont {
  background-color: #3697db;
  border-radius: 100%;
  height: 45px;
  margin: 8px 0 0;
  position: absolute;
  right: 20px;
  width: 45px;
  cursor: move;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-orderingMode-handle-cont div {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 719px) {
  .ui-x-orderingMode-container ul li .ui-x-orderingMode-content-right {
    width: 54%;
  }
  .ui-x-orderingMode-container ul li .ui-x-orderingMode-content-right h3 {
    font-size: 15px;
  }
}

/*.ui-x-admin-container .ui-x-loading-icn {
	margin-top: 85px;
}*/
.ui-x-permission-set-field {
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 1px;
  border-radius: 3px;
  margin-top: 10px;
}
.ui-x-permission-set-field.ui-x-invalid {
  border-color: #e2261e;
  /*@invalid-marker-color*/
}
.ui-x-permission-set-field-item {
  border-left: medium none;
  float: left;
  height: 40px;
  padding: 8px 11px;
  position: relative;
  text-align: left;
  width: 310px;
}
.ui-x-permission-set-field-item.ui-x-disabled {
  opacity: 0.5;
}
.ui-x-permission-set-field-item.ui-x-first {
  border-left: 0 none;
}
.ui-x-permission-set-field-item span {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #9B9B9B;
}
.ui-x-permission-set-field-item label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}
.ui-x-permission-set-field-options {
  text-align: center;
  width: 47px;
  padding: 16px 6px 16px;
  height: 24px;
  float: right;
  cursor: pointer;
}
.ui-x-permission-set-field-options .ui-x-option-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.ui-x-permission-set-field-options:hover {
  background-color: #F1F1F1;
}
.ui-x-permission-set-field-options.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
}
.ui-x-permission-set-add-field {
  margin-top: 10px;
  border: 1px dashed #bababa;
  padding: 18px 10px 13px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  cursor: pointer;
  text-align: center;
}
.ui-x-permission-set-add-field:hover {
  background-color: #f6f6f6;
}
.ui-x-permission-set-add-field span {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.ui-x-permission-set-add-field label {
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
  margin-left: 8px;
  cursor: pointer;
}
.ui-x-permission-set-field-item.ui-x-admin-list-select .ui-x-admin-list-select-container {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  left: 0;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  top: 45px;
  width: 332px;
  z-index: 1;
}

.ui-x-user-publishing-rights-ruleset {
  margin-bottom: 15px;
}
.ui-x-user-publishing-rights-ruleset-name {
  color: #9b9b9b;
  font-size: 13px;
  text-align: left;
  padding: 0 15px;
}
.ui-x-user-publishing-rights-ruleset-content {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  margin-top: 15px;
}
.ui-x-user-publishing-rights-ruleset.ui-x-invalid .ui-x-user-publishing-rights-ruleset-content {
  border: 1px solid red;
  padding: 0 0 1px;
}
.ui-x-user-publishing-rights-add-ruleset {
  border: 1px dashed #bababa;
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  margin-top: 35px;
  padding: 16px 10px 15px;
  text-align: center;
  height: 24px;
}
.ui-x-user-publishing-rights-add-ruleset:hover {
  background-color: #f6f6f6;
}
.ui-x-user-publishing-rights-add-ruleset-icn {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.ui-x-user-publishing-rights-add-ruleset-txt {
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  margin-left: 8px;
  vertical-align: top;
}
.ui-x-user-publishing-rights-ruleset-header {
  background-color: #fcfcfc;
  height: 45px;
  line-height: 45px;
}
.ui-x-user-publishing-rights-ruleset-column {
  width: 335px;
  float: left;
}
.ui-x-user-publishing-rights-ruleset-header .ui-x-user-publishing-rights-ruleset-column {
  border: 1px solid #f0f0f0;
  border-width: 0 1px 1px 0;
}
.ui-x-user-publishing-rights-ruleset-header .ui-x-user-publishing-rights-ruleset-title {
  float: left;
  font-weight: 300;
  font-size: 16px;
  padding-left: 20px;
}
.ui-x-user-publishing-rights-ruleset-header .ui-x-user-publishing-rights-ruleset-add-item {
  display: block;
  height: 45px;
  margin: 0 auto;
  width: 45px;
  cursor: pointer;
  float: right;
}
.ui-x-user-publishing-rights-ruleset-header .ui-x-user-publishing-rights-ruleset-add-item span {
  display: block;
  height: 24px;
  padding: 11px;
  width: 24px;
  line-height: normal;
}
.ui-x-user-publishing-rights-ruleset-header .ui-x-user-publishing-rights-ruleset-add-item span.ui-x-disabled {
  cursor: default;
  opacity: 0.5;
}
.ui-x-user-publishing-rights-ruleset-options {
  background-color: #ffffff;
  float: left;
  width: 50px;
}
.ui-x-user-publishing-rights-ruleset-remove-ruleset {
  display: block;
  height: 45px;
  margin: 0 auto;
  width: 46px;
  cursor: pointer;
}
.ui-x-user-publishing-rights-ruleset-remove-ruleset span {
  display: block;
  height: 24px;
  padding: 11px;
  width: 24px;
  line-height: normal;
}
.ui-x-user-publishing-rights-ruleset-items .ui-x-user-publishing-rights-ruleset-column {
  padding: 10px 10px 50px;
  border-right: 1px solid #f0f0f0;
  width: 315px;
}
.ui-x-user-publishing-rights-ruleset-item {
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  color: #5d5d5d;
  cursor: pointer;
  float: left;
  font-size: 81%;
  line-height: 24px;
  margin: 0 5px 5px 0;
  overflow: hidden;
  padding: 1px 25px 1px 10px;
  position: relative;
}
.ui-x-user-publishing-rights-ruleset-item.ui-x-deactivated {
  border-color: #ff8300;
  color: #ff8300;
}
.ui-x-user-publishing-rights-ruleset-remove-item {
  display: block;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 24px;
}
.ui-x-user-publishing-rights-ruleset-remove-item svg path {
  fill: #BABABA;
}
.ui-x-user-publishing-rights-ruleset-item:hover .ui-x-user-publishing-rights-ruleset-remove-item svg path {
  fill: #5d5d5d;
}
.ui-x-publishing-rights-multi-popup .ui-x-msg-box-content,
.ui-x-publishing-rights-single-popup .ui-x-msg-box-content {
  padding: 0;
}
.ui-x-publishing-rights-multi-popup .ui-x-msg-box-buttons {
  padding: 0 35px 25px;
}

.ui-x-publishing-rules-container .ui-x-tag-explorer-summ-title {
  margin-bottom: 0;
  padding: 10px;
}
.ui-x-tag-explorer-min-max {
  border-top: 1px solid #f1f1f1;
}
.ui-x-tag-explorer-summ-min-max-item {
  border-bottom: 1px solid #f1f1f1;
  padding: 5px 10px;
  background-color: #fff;
  font-size: 14px;
}
.ui-x-tag-explorer-summ-min-max-item.ui-x-disabled {
  opacity: 0.7;
}
.ui-x-tag-explorer-summ-min-max-item div {
  float: left;
}
.ui-x-tag-explorer-summ-min-max-item div label {
  margin-left: 8px;
  line-height: 24px;
}
.ui-x-tag-explorer-summ-min-max-item .ui-x-minMax-value {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  float: right;
  padding: 1px 0 0;
  text-align: center;
  width: 45px;
  line-height: 23px;
}
.ui-x-publishing-rules-container .ui-x-section-header {
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto;
  padding: 0 0 5%;
  text-align: left;
  width: 95%;
}
.drop-container-info,
.ui-x-choice-container {
  padding: 5%;
}
.ui-x-choice-outer-header {
  padding: 0 5%;
}
.drop-container-info {
  border: 1px dashed #bababa;
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto 5%;
  padding: 5%;
  text-align: left;
  width: 83%;
}
.ui-x-publishing-rules-container .ui-x-tag-explorer-secondary-tag,
.ui-x-publishing-rules-container .ui-x-tag-explorer-summ-tag {
  width: 80%;
}
.ui-x-publishing-rules-container .drag-container-bounds .ui-x-tag-explorer-summ-tag {
  cursor: move;
}
.ui-x-publishing-rules-container .drag-container-bounds .ui-x-tag-explorer-summ-tag.ui-state-disabled,
.ui-x-publishing-rules-container .drag-container-bounds .ui-x-tag-explorer-summ-tag.ui-draggable-disabled {
  cursor: default;
}
.ui-x-publishing-rules-container span.ui-x-tickbox-container {
  float: left;
  height: 24px;
  width: 24px;
  cursor: pointer;
}

.ui-x-ratelimit-info {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 1px;
  z-index: 20;
}
.ui-x-ratelimit-info-container {
  width: 400px;
  position: absolute;
  bottom: 0;
  left: -200px;
  background-color: #dedede;
  border: 1px solid #000;
  border-bottom-color: #5a5a5a;
  border-radius: 3px 3px 0 0;
}
@media (max-width: 500px) {
  .ui-x-ratelimit-info {
    left: 0;
    width: 100%;
  }
  .ui-x-ratelimit-info-container {
    width: 100%;
    left: 0;
    border-radius: 0;
  }
  .ui-x-ratelimit-info-header {
    border-radius: 0;
  }
}
.ui-x-ratelimit-info-header {
  background-color: #000055;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 1px 1px 0 0;
}
.ui-x-ratelimit-info-item {
  border: 1px solid #5a5a5a;
  border-radius: 3px;
  margin: 10px;
  padding: 0 7px 8px;
}
.ui-x-ratelimit-info-class {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.ui-x-ratelimit-info-bar-container {
  height: 12px;
  border: 1px solid #7a7a7a;
  border-radius: 7px;
  position: relative;
}
.ui-x-ratelimit-info-bar-outer {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ui-x-ratelimit-info-bar-fill.ui-x-ratelimit-warning {
  background-color: #f1a165;
  background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}
.ui-x-ratelimit-info-bar-fill.ui-x-ratelimit-limited {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}
.ui-x-ratelimit-info-bar-fill {
  background-color: #2bc253;
  background-image: linear-gradient(to bottom, #2bc253 37%, #54f054 69%);
  border-radius: 6px;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
}
.ui-x-ratelimit-info-bar-fill:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.ui-x-accordion-btn-cancel {
  background-color: transparent;
  border: 1px solid #9b9b9b;
  color: #696969;
}
.ui-x-modal-list {
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-modal-list-item .ui-x-tag-tick-icn,
.ui-x-modal-list-item .ui-x-popmenu-icn,
.ui-x-modal-list-item--new .ui-x-tag-tick-icn,
.ui-x-modal-list-item--new .ui-x-popmenu-icn {
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-right: 18px;
  vertical-align: top;
  position: relative;
  top: 0;
}
.ui-x-modal-list-item .ui-x-tag-tick-icn.ui-x-selected g path .ui-x-modal-list-item--new .ui-x-tag-tick-icn.ui-x-selected g path {
  fill: green;
}

/* THE MAIN TITLE AND SVGs*/
.ui-x-menu-options.ui-x-right-menu-options .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-menu-options.ui-x-right-menu-options .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  position: relative;
}
.ui-x-menu-options.ui-x-right-menu-options .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
/* FEED TITLE */
.ui-x-right-menu-options .ui-x-feed-filter .ui-x-menu-title {
  background: transparent;
  border-bottom: 0 none;
  height: auto;
  margin-left: 0;
  box-shadow: none;
}
.ui-x-right-menu-options .ui-x-feed-filter .ui-x-menu-title p {
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
  padding: 0;
  width: auto;
}
.ui-x-right-menu-options .ui-x-feed-filter .ui-x-menu-title a {
  margin: 11px 0;
  display: none;
}
/* MAIN CONTENT AREA */
.ui-x-menu-options.ui-x-right-menu-options .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}
/* HEADER > HEADER BAR > MOBILE SPECIFIC MENUS / DETAILS */
.ui-x-right-menu-options ul.ui-x-header-bar-page-options {
  margin: 0 0 10px;
  /*padding:0 10px;*/
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li {
  margin: 0 0 1px;
  border: none;
  background-color: transparent;
  /*float: left;*/
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li.ui-x-disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li a {
  border: 1px solid #EAEAEA;
  cursor: pointer;
  height: 36px;
  padding: 5px 0;
  text-decoration: none;
  width: auto;
  outline: none;
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li.ui-x-disabled a {
  cursor: default;
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li a:hover {
  background-color: #ffffff;
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li a.ui-x-return-item {
  background-color: #BABABA;
  color: #fff;
}
/* subscribe dropdown in mobile */
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li .ui-x-subscribe-menu a {
  border: none;
  height: 25px;
  padding: 5px 0;
  text-decoration: none;
  width: auto;
  font-weight: 300;
}
.ui-x-right-menu-options ul.ui-x-header-bar-page-options li .ui-x-subscribe-menu ul li a.ui-x-selected {
  color: #147bc2;
}
.ui-x-right-menu-options .ui-x-mobile-options ul.ui-x-showBorder {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a {
  padding: 0 0 0 15px;
  min-height: 45px;
  height: inherit;
  color: #000;
  cursor: pointer;
  position: relative;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li.ui-x-disabled a.ui-x-option-button {
  cursor: default;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a:hover {
  color: #000;
}
.ui-x-right-menu-options .ui-x-background-colour-0 .ui-x-workflow-status-icn-dark circle {
  stroke: #cc3232;
}
.ui-x-right-menu-options .ui-x-background-colour-1 .ui-x-workflow-status-icn-dark circle {
  stroke: #238e23;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span {
  /*font-size: 94%;
                        font-weight: 300;
                        height: 36px;
                        line-height: 36px;
                        padding: 0;
                        width: auto;
                        float: left;
                        margin-left: 8px;*/
  float: left;
  font-size: 94%;
  font-weight: 400;
  height: 45px;
  line-height: 45px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li.ui-x-disabled a.ui-x-option-button span {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-option-overlay-value {
  position: absolute;
  left: 28px;
  bottom: 10px;
  font-size: 9px;
  line-height: 10px;
  font-weight: 800;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  color: white;
  background: #717171;
  text-align: center;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-option-overlay-value.ui-x-2-char {
  left: 30px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-option-overlay-value.ui-x-3-char {
  left: 33px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-dropdown-icn {
  float: right;
  height: 30px;
  padding: 6px 0 3px;
  width: 30px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-dropdown-icn svg {
  float: left;
  height: 21px;
  margin: 0 0 0 6px;
  width: 21px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-icn {
  margin: 0 4px 0 6px;
  width: 40px;
}
.ui-x-right-menu-options .ui-x-mobile-options ul li a span.ui-x-icn svg {
  height: 21px;
  margin-top: 12px;
  width: 22px;
}
.ui-x-right-menu-options .ui-x-menu-scroll-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ui-x-rssListMenu-list-item a {
  color: #000000;
  text-decoration: none;
}
/* Right bar styles */
.ui-x-rssListMenu-list {
  padding: 20px;
}
.ui-x-rssListMenu-list-item {
  background-color: #ffffff;
  border-radius: 3px;
  /*@feed-item-border-radius*/
  margin-bottom: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  /*@feed-item-box-shadow*/
  cursor: pointer;
  padding: 18px 20px 23px;
  display: block;
  text-decoration: none;
}
.ui-x-rssListMenu-list-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  /*@feed-item-box-shadow--hover*/
}
.ui-x-rssListMenu-list-item-title {
  font-size: 18px;
  font-weight: 400;
  color: #333;
  line-height: 26px;
  margin-bottom: 10px;
}
.ui-x-rssListMenu-list-item-description {
  font-size: 14px;
  font-weight: 400;
  color: #5d5d5d;
  line-height: 21px;
}

.ui-x-selection-warning-modal-container {
  margin-top: 10px;
}
.ui-x-selection-warning-modal-group {
  margin: 31px 0;
}
.ui-x-selection-warning-modal-group-title {
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0;
}
.ui-x-selection-warning-modal-group-item {
  border-top: 1px solid #f1f1f1;
  padding: 5px 0 6px;
  font-size: 14px;
}
.ui-x-selection-warning-modal-group-item.ui-x-first {
  border-top-color: transparent;
}
.ui-x-selection-warning-modal-group-item strong {
  font-weight: 500;
}

/* SHARE CONTENT MODAL WIDGET */
.ui-x-share-content .ui-x-msg-box-content {
  padding: 0 0 25px;
}
.ui-x-share-content-container {
  /*overflow: hidden;*/
}
.ui-x-share-content-item-container {
  overflow: hidden;
  border: 1px solid #f1f1f1;
  border-width: 1px 0;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.398);
  height: 35px;
  background-color: #fafafa;
  padding: 0 1px;
  padding: 5px 30px;
}
.ui-x-share-item-image {
  float: left;
  height: 35px;
  width: 35px;
  /*border: 1px solid #d4d4d4;*/
  border-radius: 100%;
}
.ui-x-share-item-content {
  margin-left: 50px;
  overflow: hidden;
  padding: 0 15px 0 0;
  position: absolute;
}
.ui-x-share-item-name {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 26pt;
  max-height: 35px;
}
.ui-x-share-content-form-container {
  padding: 15px 35px 0 30px;
}
.ui-x-share-content-message-author {
  float: left;
  position: relative;
}
.ui-x-share-content-message {
  border: 1px solid #d4d4d4;
  float: left;
  margin-left: 15px;
  min-height: 131px;
  padding: 5px;
  width: 349px;
  position: relative;
}
.ui-x-share-content-message:before {
  border-bottom: 1.1em solid transparent;
  border-right-style: solid;
  border-right-width: 0.8em;
  color: white;
  content: "";
  left: -10px;
  position: absolute;
  top: 17px;
}
.ui-x-share-content-message textarea {
  border: 0 none;
  min-height: 135px;
  width: 347px;
}
.ui-x-share-content-message-author:before {
  border-bottom: 1.2em solid transparent;
  border-right-style: solid;
  border-right-width: 0.8em;
  color: #d4d4d4;
  content: "";
  left: 39px;
  position: absolute;
  top: 17px;
}
.ui-x-share-content-recipient-container {
  padding: 0 0 15px;
}
.ui-x-share-content-recipient-label {
  float: left;
  padding: 9px 0 8px 13px;
  text-align: left;
  width: 37px;
  color: #333;
}
.ui-x-share-content-recipients {
  border: 1px solid #d4d4d4;
  float: left;
  padding: 8px;
  width: 343px;
  position: relative;
}
.ui-x-share-content-recipients input {
  border: 0 none;
  width: 335px;
}
.ui-x-share-content-recipient-collection {
  margin: 10px 0 0;
}
.ui-x-share-content-recipient-collection ul li {
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  color: #5d5d5d;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  line-height: 2.2;
  margin: 0 3px 5px 0;
  overflow: hidden;
  padding: 0 7px;
  text-align: center;
  vertical-align: middle;
}
.ui-x-share-content-recipient-collection ul li:hover {
  border-color: #bababa;
}
.ui-x-share-content-recipient-remove svg {
  height: 15px;
  margin-left: 6px;
  position: relative;
  top: 3px;
  width: 15px;
}
.ui-x-share-content-recipient-remove svg path {
  fill: #bababa;
}
.ui-x-share-content-recipient-collection ul li:hover svg path {
  fill: #5d5d5d;
}
.ui-x-share-content-recipients input.ui-x-placeholder-val {
  color: #9b9b9b;
}
.ui-x-share-content-form-container .ui-x-msg-btn-ok.ui-x-disabled {
  background-color: #717171;
  cursor: default;
}
.ui-x-share-content-recipient-overlay {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.498);
  left: -1px;
  position: absolute;
  top: 38px;
  width: 359px;
  z-index: 1;
  overflow: hidden;
}
.ui-x-share-content-recipient-overlay-item {
  padding: 7px 15px;
  cursor: pointer;
}
.ui-x-share-content-recipient-overlay-item-image {
  border: 1px solid #d4d4d4;
  border-radius: 100%;
  float: left;
  height: 33px;
  margin: 3px 0 0;
  width: 33px;
}
.ui-x-share-content-recipient-overlay-item-content {
  float: left;
  line-height: 18px;
  margin-left: 15px;
}
.ui-x-share-content-recipient-overlay-item-content-name {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}
.ui-x-share-content-recipient-overlay-item-content-name.ui-x-no-secondary {
  margin-top: 9px;
}
.ui-x-share-content-recipient-overlay-item-content-date {
  color: #a4a4a4;
  font-size: 12px;
}
.ui-x-share-content-recipient-overlay-item.ui-x-disabled .ui-x-share-content-recipient-overlay-item-image,
.ui-x-share-content-recipient-overlay-item.ui-x-disabled .ui-x-share-content-recipient-overlay-item-content {
  opacity: 0.6;
}
.ui-x-collaborators-menu-selected-overlay fieldset {
  padding: 0;
  border: none;
  margin: 0;
  min-width: 1px;
}
.ui-x-share-content-notify-all:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: -2px;
}
.ui-x-share-content-recipient-overlay-item.ui-x-item-selected,
.ui-x-share-content-recipient-overlay-item:hover {
  background-color: #f1f1f1;
}
.ui-x-share-content-recipient-overlay-item.ui-x-disabled {
  cursor: default;
}
.ui-x-share-content-recipient-overlay-item.ui-x-disabled:hover {
  background-color: transparent;
}
.ui-x-share-content-notify-all {
  cursor: pointer;
  padding: 0px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  background-color: transparent;
  border: none;
  width: 100%;
  color: var(--color-text);
}
.ui-x-share-content-notify-all:hover {
  background-color: #f1f1f1;
}
.ui-x-share-content-notify-all.ui-x-disabled:hover {
  background-color: transparent;
}
.ui-x-share-content-notify-all.ui-x-disabled {
  color: #bababa;
  cursor: default;
}
.ui-x-share-content-notify-all span {
  margin-right: 23px;
  display: flex;
  align-items: center;
}
.ui-x-share-content-notify-all span.ui-x-share-content-aud-name {
  margin: 0;
  width: 240px;
  overflow: hidden;
}
.ui-x-share-content-notify-all span.ui-x-share-content-aud-name xd-literal {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-x-share-content-notify-all span.ui-x-share-content-item-info,
.ui-x-share-content-recipient-overlay-item span.ui-x-share-content-item-info {
  flex: 0 0 auto;
}
.ui-x-share-content-recipient-overlay-item span.ui-x-share-content-item-info {
  position: relative;
  top: 10px;
}
.ui-x-share-content-email {
  cursor: pointer;
  padding: 7px 20px;
}
.ui-x-share-content-email-icon {
  float: left;
  height: 21px;
  padding: 8px 8px 8px 0;
}
.ui-x-recipient-list {
  overflow-y: scroll;
  max-height: 210px;
}
.ui-x-share-content-form-container .ui-x-msg-box-buttons {
  margin-top: 20px;
}
/* MOBILE */
.ui-x-mobileOverlay .ui-x-share-content-container {
  padding-bottom: 50px;
}
.ui-x-mobileOverlay .ui-x-share-content-item-container {
  padding: 5px 15px;
  position: relative;
}
.ui-x-mobileOverlay .ui-x-share-content-form-container {
  padding: 15px;
}
.ui-x-mobileOverlay .ui-x-share-content-message-label {
  color: #333;
  font-size: 14px;
  padding: 0 0 13px;
}
.ui-x-mobileOverlay .ui-x-share-content-message {
  margin: 0;
  width: 98%;
  padding: 1%;
}
.ui-x-mobileOverlay .ui-x-share-content-message:before {
  content: none;
}
.ui-x-mobileOverlay .ui-x-share-content-message textarea {
  width: 100%;
  padding: 0;
}
.ui-x-mobileOverlay .ui-x-share-content-recipient-label {
  float: none;
  font-size: 14px;
  padding: 5px 0 15px;
}
.ui-x-mobileOverlay .ui-x-share-content-recipients {
  float: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
/*.ui-x-mobileOverlay.ui-x-menu-options .ui-x-mobileOverlay-list ul li {
	line-height: 29px;
}*/
.ui-x-mobileOverlay.ui-x-menu-options .ui-x-mobileOverlay-list .ui-x-share-content-recipient-overlay ul li {
  border: none;
}
.ui-x-mobileOverlay .ui-x-share-content-recipients input {
  padding: 2%;
  width: 96%;
}
.ui-x-mobileOverlay .ui-x-share-content-recipient-overlay {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 0 20px;
  border-width: 1px 0;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.498);
}
.ui-x-mobileOverlay .ui-x-recipient-list {
  max-height: inherit;
  overflow: inherit;
}
.ui-x-mobileOverlay .ui-x-share-content-recipient-collection {
  margin: 0 2% 2%;
}
.ui-x-menu-options .ui-x-mobileOverlay-list ul li.ui-x-share-content-notify-all.ui-x-item-selected,
.ui-x-menu-options .ui-x-mobileOverlay-list ul li.ui-x-share-content-recipient-overlay-item.ui-x-item-selected,
.ui-x-menu-options .ui-x-mobileOverlay-list ul li.ui-x-share-content-recipient-overlay-item:hover {
  background-color: #f1f1f1;
}
.ui-x-mobileOverlay .ui-x-share-content-notify-all span.ui-x-share-content-aud-name {
  width: 68%;
  font-size: 14px;
}

/* THE MAIN TITLE AND SVGs*/
.ui-x-add-content-container .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-add-content-container .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  position: relative;
}
.ui-x-add-content-container .ui-x-addContentOverlay-title {
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.ui-x-add-content-container .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
.ui-x-add-content-container .ui-x-addContentOverlay-title div.ui-x-return-icn {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
}
.ui-x-add-content-container .ui-x-addContentOverlay-title svg {
  margin-top: 6px;
}
/* MAIN CONTENT AREA */
.ui-x-add-content-container .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: transparent;
  /*HACK: It fixes the issue with scroll in mac safari #14358 */
}
.ui-x-add-content-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
.ui-x-add-content-content {
  padding: 0 13px 15px;
}
.ui-x-add-content-content h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0 0 0 8px;
  text-transform: uppercase;
}
.ui-x-add-content-rules-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 45px;
}
.ui-x-add-content-rule {
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-add-content-rule-header {
  line-height: 55px;
  height: 55px;
  font-size: 14px;
  padding: 0 20px;
}
.ui-x-add-content-rule-header:hover {
  background-color: #f5f5f5;
}
.ui-x-add-content-rule-header.ui-x-expanded {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  margin-bottom: 4px;
  cursor: default;
}
.ui-x-add-content-rule-header.ui-x-expanded:hover {
  background-color: #ffffff;
}
.ui-x-add-content-rule-header span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 26px);
  color: #000;
}
.ui-x-add-content-rule-header span.ui-x-dropdown-icn {
  float: right;
  width: 16px;
}
.ui-x-add-content-rule-header span.ui-x-dropdown-icn svg {
  height: 16px;
  position: relative;
  top: 3px;
  width: 16px;
}
.ui-x-add-content-rule-content {
  background-color: #fafafa;
}
.ui-x-add-content-rule-content-aud {
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  padding: 0 20px;
}
.ui-x-add-content-rule-content-aud:hover {
  background-color: #f5f5f5;
}

.ui-x-admin-user-createUser-menu .wi-right-menu {
  width: 325px;
  background-color: #FFFFFF;
}
.ui-x-admin-user-createUser-menu.ui-x-scrolled {
  top: 0;
}
.ui-x-admin-user-createUser-menu .wi-right-menu__content {
  overflow: auto;
  margin-top: 5px;
}
.ui-x-admin-user-createUser-menu ul {
  background-color: #FFFFFF;
}
.ui-x-admin-user-createUser-menu ul li {
  background-repeat: no-repeat;
  list-style-type: none;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-admin-user-createUser-menu ul li.noM {
  margin: 0;
}
.ui-x-admin-user-createUser-menu ul li a {
  display: block;
  height: 44px;
  padding: 0 0 0 30px;
  text-decoration: none;
}
.ui-x-admin-user-createUser-menu ul li a:hover {
  background-color: #F5F5F5;
}
.ui-x-admin-user-createUser-menu ul li a span.ui-x-lnkIcn {
  display: inline-block;
  height: 22px;
  vertical-align: middle;
  width: 21px;
}
.ui-x-admin-user-createUser-menu ul li a span.ui-x-lnkTxt {
  color: #737373;
  display: inline-block;
  font-size: 88%;
  margin-bottom: 2px;
  margin-left: 8px;
  max-width: 138px;
  overflow: hidden;
  padding-top: 12px;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.ui-x-admin-user-createUser-menu ul li a:hover span.ui-x-lnkTxt {
  color: #262626;
}

xd-comments-overlay {
  display: block;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding: 0;
}
.ui-x-comments-container {
  background-color: #f1f1f1;
  padding-bottom: 40px;
}
.ui-x-comments-container:focus-visible {
  outline: none;
}
/* THE MAIN TITLE AND SVGs*/
.ui-x-comments-container .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-comments-container .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  position: relative;
}
.ui-x-comments-container .ui-x-commentOverlay-title {
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.ui-x-comments-container .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
.ui-x-comments-container .ui-x-commentOverlay__return-button {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
}
.ui-x-comments-container .ui-x-commentOverlay__return-button:focus-visible {
  border-radius: var(--border-radius--menu-header-item);
  outline: var(--outline-width--menu-header-item) solid var(--outline-color--menu-header-item);
  outline-offset: var(--outline-offset--menu-header-item);
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions {
  height: 45px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 2px;
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions li {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions li.ui-x-disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
  cursor: default;
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions li a {
  display: block;
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions li span {
  background-image: none;
  height: 45px;
  margin: 0;
  text-align: center;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-comments-container .ui-x-commentOverlay-title ul.ui-x-manageOptions li svg {
  background-image: none;
}
.ui-x-manageOptions .ui-x-dropdown-container.ui-x-moreOpts-menu {
  top: 40px;
  right: 0;
}
/* THE TABS*/
.ui-x-comments-container .ui-x-comments-tabs {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #000;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ui-x-comments-tabs .ui-x-current-tab {
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}
.ui-x-comments-tabs.ui-x-disabled .ui-x-current-tab {
  cursor: default;
}
.ui-x-comments-tabs .ui-x-current-tab span {
  display: block;
  font-size: 14px;
  margin: 0 0 0 20px;
  overflow: hidden;
  width: 95%;
}
.ui-x-comments-tabs .ui-x-current-tab .ui-x-current-tab-icon {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  top: 0;
}
.ui-x-comments-tabs .ui-x-current-tab .ui-x-current-tab-icon svg {
  height: 10px !important;
  margin: 17px;
  width: 10px !important;
}
.ui-x-comments-tabs nav {
  width: 100%;
  height: 45px;
  /*display: none;*/
}
.ui-x-comments-tabs nav ul {
  display: inline-block;
  height: 45px;
  list-style: outside none none;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
  /*width: 100%;*/
}
.ui-x-comments-tabs nav ul li {
  padding-top: 4px;
  line-height: 38px;
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.76);
  cursor: pointer;
  border-bottom: 3px solid #3697db;
}
.ui-x-comments-tabs nav ul li.ui-x-selected {
  color: #ffffff;
  border-bottom: 3px solid white;
}
.ui-x-comments-tabs nav ul li span {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  font-size: 14px;
}
.ui-x-comments-tabs nav ul li span em {
  font-style: normal;
}
.ui-x-comments-tabs ul li:hover {
  color: #ffffff;
  border-bottom: 3px solid white;
}
.ui-x-comments-tabs nav ul li.ui-x-streamsMenu-btn:hover {
  border-bottom: none;
}
/* BTN */
.ui-x-comments-tabs .ui-x-streamsMenu-btn {
  background-color: #3697db;
  cursor: pointer;
  line-height: 30px;
  margin-top: 6px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.ui-x-comments-tabs .ui-x-streamsMenu-blend {
  /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 0, 0, 0), rgb(54, 151, 219)) repeat scroll 0 0;*/
  background: #3897dc;
  background: -moz-linear-gradient(left, rgba(56, 151, 220, 0) 0%, #3897dc 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(56, 151, 220, 0)), color-stop(100%, #3897dc));
  background: -webkit-linear-gradient(left, rgba(56, 151, 220, 0) 0%, #3897dc 100%);
  background: -o-linear-gradient(left, rgba(56, 151, 220, 0) 0%, #3897dc 100%);
  background: -ms-linear-gradient(left, rgba(56, 151, 220, 0) 0%, #3897dc 100%);
  background: linear-gradient(to right, rgba(56, 151, 220, 0) 0%, #3897dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3897dc', endColorstr='#3897dc', GradientType=1);
  height: 41px;
  margin-top: 4px;
  position: absolute;
  right: 50px;
  top: 0;
  width: 35px;
  z-index: 100;
}
/*.ui-x-comments-tabs .ui-x-streamsMenu-btn span {
            line-height: 20px;
        }*/
.ui-x-comments-tabs .ui-x-streamsMenu-btn svg {
  margin-top: 9px;
}
/* MAIN CONTENT AREA */
.ui-x-comments-container .ui-x-menu-scroll-inner {
  margin-top: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0;
}
.ui-x-comments-container .ui-x-menu-scroll-inner.ui-x-newcomment-btn-active {
  margin-top: 0;
}
.ui-x-comments-menu-button-container {
  padding: 0;
  cursor: pointer;
  background-color: #3697db;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
}
.ui-x-comments-menu-button-fixed-container {
  background-color: #3697db;
  border-radius: 100%;
  bottom: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  height: 55px;
  right: 25px;
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -ms-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  /*-webkit-transform:translateZ(200px) translateY(50px);
        transform:translateZ(200px) translateY(50px);*/
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  will-change: transform;
  width: 55px;
  z-index: 2;
  cursor: pointer;
}
.ui-x-comments-menu-button-fixed-container.ui-x-newcomment-btn-active {
  /*-webkit-transform:translateZ(200px) translateY(-70px);
        transform:translateZ(200px) translateY(-70px);*/
  -webkit-transform: translateY(-70px);
  transform: translateY(-70px);
}
.ui-x-comments-menu-button-fixed-container:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.ui-x-comments-menu-form-icn {
  color: #fff;
  font-size: 25px;
  height: 21px;
  line-height: 19px;
  padding: 17px;
  text-align: center;
}
.ui-x-comments-menu-button-container .ui-x-collections-menu-item {
  padding: 1px 0 0;
  position: relative;
}
.ui-x-comments-menu-item div {
  overflow: hidden;
}
.ui-x-comments-menu-button-txt {
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 45px;
  margin: 0 0 0 65px;
  width: 75%;
  line-height: 45px;
}
.ui-x-comments-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 20px 10px;
  font-weight: 300;
  text-align: left;
}
.ui-x-comments-disabled-container {
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 12px 15px;
  position: relative;
  background-color: #f6b516;
}
/* comment list */
.ui-x-comment-panels-container {
  position: relative;
  /*overflow: hidden;*/
  margin: 8px 10px;
  padding-bottom: 40px;
}
.ui-x-comment-panels-container .ui-x-loading-icn {
  position: relative;
}
.ui-x-comment-panels-container h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-comment-menu-item {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  /*@feed-item-box-shadow*/
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-support-hover-on-touch .ui-x-comment-menu-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  /*@feed-item-box-shadow--hover*/
}
.ui-x-comment-menu-item.ui-x-comment-menu-write {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  /*@feed-item-box-shadow--hover*/
  margin-bottom: 15px;
  margin-top: 15px;
}
.ui-x-comment-menu-item-content-replies-item {
  border-bottom: 1px solid #D8D8D8;
}
.ui-x-comment-menu-new-shadow {
  animation: shadowThrob 0.1s infinite;
  animation-direction: alternate;
  -webkit-animation: shadowThrob 0.1s ease-out infinite;
  -webkit-animation-direction: alternate;
}
@keyframes shadowThrob {
  from {
    box-shadow: 0 0 5px 5px rgba(234, 193, 23, 0.9);
  }
  to {
    box-shadow: 0 0 5px 5px rgba(190, 65, 12, 0.2);
  }
}
@-webkit-keyframes shadowThrob {
  from {
    box-shadow: 0 0 5px 5px rgba(234, 193, 23, 0.9);
  }
  to {
    box-shadow: 0 0 5px 5px rgba(190, 65, 12, 0.2);
  }
}
.ui-x-comment-menu-focus-shadow {
  animation: shadowBeat 10s 1;
  animation-direction: normal;
  -webkit-animation: shadowBeat 10s ease-out 1;
  -webkit-animation-direction: normal;
}
@keyframes shadowBeat {
  from {
    box-shadow: 0 0 10px rgba(54, 151, 219, 0.9);
  }
  to {
    box-shadow: 0 0 10px rgba(54, 151, 219, 0);
  }
}
@-webkit-keyframes shadowBeat {
  from {
    box-shadow: 0 0 10px rgba(54, 151, 219, 0.9);
  }
  to {
    box-shadow: 0 0 10px rgba(54, 151, 219, 0);
  }
}
.ui-x-comment-menu-item-topbar {
  background-color: #3697db;
  border-radius: 3px;
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ui-x-comment-menu-stream-title {
  color: #3697db;
  font-size: 13px;
  padding: 0 5px 15px;
}
.ui-x-comment-menu-item-body {
  padding: 15px 15px 0;
  margin-bottom: 4px;
  position: relative;
}
.ui-x-comment-menu-item-body.ui-x-summaryMode {
  cursor: pointer;
}
.ui-x-comment-menu-item-content-replies-item .ui-x-comment-menu-item-body {
  padding: 10px 15px 0;
  margin: 0;
}
.ui-x-comment-menu-item-body.ui-x-comment-menu-item-shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.ui-x-comment-menu-write .ui-x-comment-menu-item-body {
  box-shadow: none;
  margin-bottom: 0;
  padding: 7px 15px;
  /*border: 1px solid #b5b5b5;*/
}
.ui-x-comment-menu-write .ui-x-comment-menu-item-content {
  padding-bottom: 2px;
  margin-left: 0;
}
.ui-x-comment-menu-write .ui-x-comment-menu-item-content-message {
  margin-top: 0;
  padding-top: 0;
}
.ui-x-comment-menu-item-image,
.ui-x-comment-menu-reply-image {
  border-radius: 100%;
  float: left;
  height: 36px;
  margin: 5px 4px 4px 0;
  width: 36px;
}
.ui-x-comment-menu-reply-image {
  height: 30px;
  width: 30px;
  margin-left: 6px;
}
.ui-x-comment-menu-item-content-replies-item .ui-x-comment-menu-reply-image {
  margin-top: 9px;
}
.ui-x-comment-menu-svg {
  background-color: #3697db;
  text-align: center;
}
.ui-x-comment-menu-svg svg {
  margin-top: 8px;
}
.ui-x-comment-menu-item-image-icon {
  height: 21px;
  left: 8px;
  position: relative;
  top: 7px;
  width: 21px;
  display: inline-block;
}
.ui-x-comment-menu-item-options-toggle {
  background-color: #ffffff;
  cursor: pointer;
  height: 45px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 10px;
  width: 45px;
  z-index: 1;
}
.ui-x-comment-menu-item-options-toggle svg {
  margin-top: 12px;
}
.ui-x-comment-menu-item-options-menu {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  cursor: default;
  font-size: 88%;
  position: absolute;
  right: 2px;
  text-align: left;
  top: 50px;
  width: 30%;
  min-width: 200px;
  z-index: 10;
}
.ui-x-comment-menu-item-options-menu ul {
  height: auto;
  margin: 0;
  padding: 5px 0;
}
.ui-x-comment-menu-item-options-menu ul li {
  display: block;
  margin: 0;
  width: 100%;
}
.ui-x-comment-menu-item-options-menu ul li a {
  color: #737373;
  cursor: pointer;
  display: inline-table;
  font-size: 113%;
  font-weight: 400;
  height: 45px;
  line-height: normal;
  padding: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.ui-x-comment-menu-item-options-menu ul li a:hover {
  background-color: #f5f5f5;
}
.ui-x-comment-menu-item-options-menu ul li a span.ui-x-icn {
  display: inline-block;
  height: 45px;
  vertical-align: middle;
  width: 45px;
  padding: 0 5px 0 10px;
}
.ui-x-comment-menu-item-options-menu ul li a span.ui-x-icn svg {
  margin: 12px;
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-comment-menu-item-options-menu ul li a span.ui-x-icn + span {
  color: #333333;
  display: inline-block;
  font-size: 88%;
  margin-bottom: 0;
  margin-left: 3px;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.ui-x-comment-menu-item-content {
  float: left;
  line-height: 18px;
  margin-left: 10px;
  padding-bottom: 18px;
  padding-top: 3px;
  width: calc(100% - 55px);
  margin-top: 2px;
}
.ui-x-comment-menu-item-content-name {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  max-height: 20px;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-x-comment-menu-item-content-message {
  padding: 2px 0 0;
  position: relative;
  font-size: 14px;
  margin-top: 15px;
  color: #000;
  word-wrap: break-word;
}
.ui-x-comment-menu-item-content-message textarea {
  border: medium none;
  color: #333;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  width: 100%;
  resize: none;
  overflow: hidden;
}
.ui-x-comment-menu-item-content-message textarea.ui-x-placeholder-val {
  color: #9b9b9b;
  height: 20px;
  min-height: inherit;
}
.ui-x-reply-btn-container {
  background-color: #fff;
  border-top: 1px solid #fff;
  cursor: pointer;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 0 0 3px 3px;
  /*@feed-item-box-shadow */
}
.ui-x-reply-btn-container:hover {
  border-top: 1px solid #F1F1F1;
}
.ui-x-comment-menu-item-content-reply-btn {
  color: #3697db;
  font-size: 14px;
  margin-top: 0;
  cursor: pointer;
  padding: 0 65px;
}
.ui-x-comment-menu-item-post {
  cursor: pointer;
  float: right;
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-comment-menu-item-post div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-comment-menu-item-post.ui-x-commentMask {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-comment-menu-item-content-reply .ui-x-comment-menu-item-content {
  padding-bottom: 0;
}
.ui-x-comment-menu-item-content-reply .ui-x-comment-menu-item-content-message {
  margin-top: 0;
  padding-top: 0;
}
.ui-x-comment-menu-item-content-reply .ui-x-comment-menu-item-content-message textarea {
  margin-bottom: 5px;
  padding: 10px 0 10px 55px;
  width: calc(100% - 65px);
  height: 20px;
  -webkit-user-select: auto;
}
.ui-x-comment-menu-item-content-reply .ui-x-comment-menu-item-post {
  margin-right: 12px;
  margin-top: 9px;
}
.ui-x-comment-menu-item-content-reply .ui-x-comment-menu-item-post .ui-x-icn.ui-x-disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.ui-x-comment-menu-item-publish-target {
  color: #9b9b9b;
  font-size: 13px;
  margin: 15px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-x-comment-menu-item-content-name.ui-x-no-secondary {
  margin-top: 9px;
}
.ui-x-comment-menu-item-content-date {
  /*color: rgb(113, 113, 113);*/
  color: #8e8e8e;
  font-size: 13px;
  font-weight: 400;
  height: 21px;
  overflow: hidden;
}
.ui-x-comment-item-header-name {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  line-height: 42px;
}
.ui-x-comment-item-content-text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 15px 0;
  line-height: 1.45;
}
.ui-x-comment-item-content-text a {
  color: #000;
  text-decoration: none;
}
/* Overrides for feed margins */
.ui-x-comment-item-content-item {
  margin: 18px 0 8px;
}
.ui-x-comment-item-content-item .ui-x-feed-container-outer {
  margin-right: 0;
}
.ui-x-comment-item-content-item .ui-x-feed-container-outer-outer {
  margin-top: 0;
}
.ui-x-comment-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
  margin-left: 0;
  margin-bottom: 0;
}
.ui-x-comment-item-content-item .ui-x-page-info {
  font-size: 18px;
  margin: 10px auto;
  text-align: center;
}
.ui-x-comment-menu-item .ui-x-markAsRead-icn {
  height: 45px;
  position: absolute;
  right: 5px;
  top: 9px;
  width: 45px;
  display: block;
  opacity: 0.45;
  border-radius: 100%;
}
.ui-x-comment-menu-item .ui-x-markAsRead-icn svg {
  background-image: none;
  display: block;
  height: 21px;
  margin: 12px auto;
  width: 21px;
}
/*.ui-x-comment-menu-item:hover .ui-x-markAsRead-icn {
	display: block;
}*/
.ui-x-comment-menu-item .ui-x-markAsRead-icn:hover {
  background-color: rgba(186, 186, 186, 0.15);
  opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ui-x-comment-menu-item .ui-x-markAsRead-icn:hover svg path {
  /*fill: #e2261e;*/
}
/* ANIMATION FOR MARK AS READ */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes openspace {
  to {
    height: auto;
  }
}
.ui-x-comment-menu-item.ui-x-removed-item {
  -webkit-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  -o-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
}
@keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes openspace {
  to {
    height: auto;
  }
}
@-o-keyframes openspace {
  to {
    height: auto;
  }
}
@-webkit-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-o-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
/* FULL VIEW */
.ui-x-comment-back {
  cursor: pointer;
  position: relative;
  top: -5px;
}
.ui-x-comment-back .ui-x-icn {
  cursor: pointer;
  float: left;
  height: 45px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  width: 45px;
}
.ui-x-comment-back .ui-x-icn svg {
  height: 23px;
  margin: 12px auto 0;
  width: 23px;
}
.ui-x-comment-back p {
  float: left;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 500;
  line-height: 45px;
  margin-right: -65px;
  text-align: left;
  width: 100%;
}
.ui-x-comment-view {
  padding: 12px 15px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
  min-height: 300PX;
}
.ui-x-comments-container .ui-x-comments-container__more-button {
  margin: 0;
}

/* THE MAIN TITLE AND SVGs*/
xd-create-collection-overlay {
  display: block;
}
/* MAIN CONTENT AREA */
.ui-x-createCollection-container .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-createCollection-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
.ui-x-createCollection-container h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-createCollection-menu-button-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-createCollection-menu-item {
  padding: 10px;
  position: relative;
}
.ui-x-createCollection-menu-input {
  font-size: 14px;
  font-weight: 400;
  /*color: #333333;*/
  height: 27px;
  line-height: 27px;
  border: 0 none;
  width: 100%;
}
.ui-x-createCollection-menu-button-container .ui-x-createCollection-menu-item {
  padding: 8px 15px;
}
.ui-x-createCollection-menu-item div {
  overflow: hidden;
}
.ui-x-createCollection-menu-form-icn {
  height: 21px;
  left: 8px;
  padding: 12px;
  position: absolute;
  width: 23px;
}
.ui-x-disabled .ui-x-createCollection-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
/* SHARE CONTENT AREA */
.ui-x-createCollection-container .ui-x-createCollection-content-container {
  padding-bottom: 50px;
}
.ui-x-createCollection-container .ui-x-createCollection-content-recipient-container {
  padding: 0;
}
.ui-x-createCollection-container .ui-x-createCollection-content-item-container {
  padding: 5px 15px;
  position: relative;
}
.ui-x-createCollection-container .ui-x-createCollection-content-form-container {
  padding: 0 13px 15px;
}
.ui-x-createCollection-container .ui-x-createCollection-content-message-label {
  color: #333;
  font-size: 14px;
  padding: 0 0 13px;
}
.ui-x-createCollection-container .ui-x-createCollection-content-message {
  background-color: #fff;
  margin: 0;
  padding: 0 0 1px 0;
  width: 99%;
  font-size: 14px;
  border: 1px solid #d4d4d4;
  float: left;
  min-height: 131px;
  position: relative;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-createCollection-container .ui-x-createCollection-content-message textarea {
  padding: 5% 6%;
  width: 88%;
  border: 0 none;
  min-height: 135px;
  border-radius: 3px;
}
.ui-x-createCollection-container .ui-x-createCollection-content-message textarea.ui-x-placeholder-val {
  color: #9b9b9b;
  resize: none;
}
.ui-x-filters-container {
  padding: 0;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-filters-container-title {
  background-color: #fafafa;
  height: 58px;
  padding-left: 20px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-filters-container-title-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 60px;
  margin: 0;
  padding: 0;
  color: #000;
  float: left;
}
.ui-x-createCollection-container .ui-x-filters-filter-item {
  cursor: default;
}
.ui-x-createCollection-container .ui-x-filters-filter-item:hover {
  background-color: #fff;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/* THE MAIN TITLE AND SVGs*/
/* THE TABS*/
.ui-x-createData-container .ui-x-steps-bar {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
}
.ui-x-steps-bar .ui-x-createData-stepTitle {
  font-size: 14px;
  line-height: 45px;
  padding-right: 15px;
  float: left;
  padding-left: 5px;
}
/* BTN */
.ui-x-steps-bar .ui-x-arrow-btn {
  cursor: pointer;
  height: 45px;
  padding-left: 12px;
  float: left;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-inactive {
  opacity: 0.5;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-floatRight {
  float: right;
  padding-right: 10px;
}
.ui-x-steps-bar .ui-x-arrow-btn span {
  width: 25px;
  height: 25px;
  display: block;
  padding: 11px 12px 9px;
}
.ui-x-steps-bar .ui-x-arrow-btn svg {
  margin-top: 3px;
  width: 25px;
  height: 25px;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-floatRight svg {
  margin-top: -3px;
}
/* MAIN CONTENT AREA */
.ui-x-createData-container .ui-x-menu-scroll-inner {
  /*margin-top: 4px;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-createData-container .ui-x-menu-scroll-inner .ui-x-page-info {
  font-size: 125%;
}
.ui-x-createData-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
/*it seems we don't use this code*/
/*.ui-x-createData-container h2 {
		color: #9b9b9b;
		font-size: 13px !important;
		font-weight: 500;
		height: 45px;
		line-height: 45px;
		margin: 0;
		text-transform: uppercase;
	}*/
.ui-x-createData-menu-button-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-createData-menu-item {
  padding: 10px;
  position: relative;
}
.ui-x-createData-menu-input-wrapper {
  position: relative;
}
.ui-x-createData-menu-input {
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  border: 0 none;
  width: calc(100% - 35px);
  background-color: transparent;
}
.ui-x-createData-menu-input::-webkit-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-input:-moz-placeholder {
  /* Firefox 18- */
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-input:-ms-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-input--placeholder-mode {
  position: absolute;
  top: 0;
}
.ui-x-createData-menu-input--placeholder-mode::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}
.ui-x-createData-menu-input--placeholder-mode:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
  opacity: 0;
}
.ui-x-createData-menu-input--placeholder-mode::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
  opacity: 0;
}
.ui-x-createData-menu-input--placeholder-mode:-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}
.ui-x-createData-menu-input-placeholder {
  width: auto;
  padding: 1px 0;
  padding-top: 6px;
  height: auto;
  line-height: normal;
  user-select: none;
  cursor: text;
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-input.ui-x-datapanel-menu-input-translatable {
  width: calc(100% - 81px);
}
.ui-x-createData-menu-input.ui-x-createData-menu-input-disabled {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 1px 0;
}
.ui-x-createData-menu-textarea {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  border: 0 none;
  width: 100%;
  background-color: transparent;
  color: #4997dc;
  /* @form-input-value-color */
  resize: none;
  overflow: hidden;
  padding: 5px 0 4px;
}
.ui-x-createData-menu-textarea.ui-x-datapanel-menu-input-translatable {
  /*width: calc(100% - 81px);*/
}
/*.placeholder(#717171, 0.7)  @form-input-placeholder-color @form-input-placeholder-opacity*/
.ui-x-createData-menu-textarea:-ms-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-textarea::-moz-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-textarea:-moz-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-textarea::-webkit-input-placeholder {
  color: #717171;
  opacity: 0.7;
}
.ui-x-createData-menu-textarea.ui-x-datapanel-menu-input-translatable {
  /*width: calc(100% - 81px);*/
}
.ui-x-createData-menu-button-container .ui-x-createData-menu-item {
  padding: 8px 15px;
}
.ui-x-createData-menu-item div {
  overflow: hidden;
}
.ui-x-createData-menu-form-icn {
  height: 21px;
  left: 8px;
  padding: 12px;
  position: absolute;
  width: 23px;
}
.ui-x-disabled .ui-x-createData-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
/* CONTENT AREA */
.ui-x-createData-container .ui-x-createData-content-container {
  padding-bottom: 50px;
}
.ui-x-createData-container .ui-x-panelContainer__title {
  color: #717171;
  background-color: #f1f1f1;
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 0 0px 1px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--em360-font-family);
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
}
.ui-x-createData-container .ui-x-panelContainer:first-child .ui-x-panelContainer__title {
  box-shadow: none;
}

/* THE MAIN TITLE AND SVGs*/
xd-create-interest-overlay {
  display: block;
}
/* MAIN CONTENT AREA */
.ui-x-createInterest-container .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-createInterest-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
.ui-x-createInterest-container h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-createInterest-menu-button-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-createInterest-menu-item {
  padding: 10px;
  position: relative;
}
.ui-x-createInterest-menu-input {
  font-size: 14px;
  font-weight: 400;
  /*color: #333333;*/
  height: 27px;
  line-height: 27px;
  border: 0 none;
  width: 100%;
}
.ui-x-createInterest-menu-button-container .ui-x-createInterest-menu-item {
  padding: 8px 15px;
}
.ui-x-createInterest-menu-item div {
  overflow: hidden;
}
.ui-x-createInterest-menu-form-icn {
  height: 21px;
  left: 8px;
  padding: 12px;
  position: absolute;
  width: 23px;
}
.ui-x-disabled .ui-x-createInterest-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
/* SHARE CONTENT AREA */
.ui-x-createInterest-container .ui-x-createInterest-content-container {
  padding-bottom: 50px;
}
.ui-x-createInterest-container .ui-x-createInterest-content-recipient-container {
  padding: 0;
}
.ui-x-createInterest-container .ui-x-createInterest-content-item-container {
  padding: 5px 15px;
  position: relative;
}
.ui-x-createInterest-container .ui-x-createInterest-content-form-container {
  padding: 0 13px 15px;
}
.ui-x-createInterest-container .ui-x-createInterest-content-message-label {
  color: #333;
  font-size: 14px;
  padding: 0 0 13px;
}
.ui-x-createInterest-container .ui-x-createInterest-content-message {
  background-color: #fff;
  margin: 0;
  padding: 0 0 1px 0;
  width: 99%;
  font-size: 14px;
  border: 1px solid #d4d4d4;
  float: left;
  min-height: 131px;
  position: relative;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-createInterest-container .ui-x-createInterest-content-message textarea {
  padding: 5% 6%;
  width: 88%;
  border: 0 none;
  min-height: 135px;
  border-radius: 3px;
}
.ui-x-createInterest-container .ui-x-createInterest-content-message textarea.ui-x-placeholder-val {
  color: #9b9b9b;
  resize: none;
}
.ui-x-filters-container {
  padding: 0;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-filters-container-title {
  background-color: #fafafa;
  height: 58px;
  padding-left: 20px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-filters-container-title-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 60px;
  margin: 0;
  padding: 0;
  color: #000;
  float: left;
}
.ui-x-createInterest-container .ui-x-filters-filter-item {
  cursor: default;
}
.ui-x-createInterest-container .ui-x-filters-filter-item:hover {
  background-color: #fff;
}

/* THE TABS*/
.ui-x-createUser-container .ui-x-steps-bar {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
}
.ui-x-steps-bar .ui-x-createUser-stepTitle {
  font-size: 14px;
  line-height: 45px;
  padding-right: 15px;
  float: left;
  padding-left: 5px;
}
/* BTN */
.ui-x-steps-bar .ui-x-arrow-btn {
  cursor: pointer;
  height: 45px;
  padding-left: 12px;
  float: left;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-inactive {
  opacity: 0.5;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-floatRight {
  float: right;
  padding-right: 10px;
}
.ui-x-steps-bar .ui-x-arrow-btn span {
  width: 25px;
  height: 25px;
  display: block;
  padding: 11px 12px 9px;
}
.ui-x-steps-bar .ui-x-arrow-btn svg {
  margin-top: 3px;
  width: 25px;
  height: 25px;
}
.ui-x-steps-bar .ui-x-arrow-btn.ui-x-floatRight svg {
  margin-top: -3px;
}
/* THE TABS*/
.ui-x-createUser-container .ui-x-userStatus-bar {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
  cursor: pointer;
}
.ui-x-userPendingStatus-bar .ui-x-userStatus-title,
.ui-x-userStatus-bar .ui-x-userStatus-title {
  font-size: 14px;
  line-height: 45px;
  padding-right: 15px;
  float: left;
  padding-left: 5px;
}
.ui-x-userPendingStatus-bar .ui-x-userStatus-link-container,
.ui-x-userStatus-bar .ui-x-userStatus-link-container {
  font-size: 14px;
  float: right;
  line-height: 45px;
  padding-right: 15px;
  padding-left: 5px;
}
.ui-x-userPendingStatus-bar .ui-x-userStatus-loading,
.ui-x-userStatus-bar .ui-x-userStatus-loading {
  display: flex;
  align-content: center;
  margin-top: 10px;
}
/* BTN */
.ui-x-userStatus-bar .ui-x-icn {
  margin: 0 5px 0 10px;
  float: left;
  width: 21px;
  height: 21px;
  display: block;
  padding: 12px;
}
.ui-x-userStatus-bar .ui-x-icn.right-align {
  padding: 7px 0;
  height: 21px;
  position: relative;
  margin-right: 5px;
}
/* user status colors shared with usermanagement adn needs to become component probably */
.ui-x-userPendingStatus-bar {
  background-color: #f89406;
  box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
}
.ui-x-userPendingStatus-bar .ui-x-userStatus-title {
  padding-left: 20px;
}
/* MAIN CONTENT AREA */
.ui-x-createUser-container .ui-x-menu-scroll-inner {
  /*margin-top: 4px;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-createUser-container .ui-x-menu-scroll-inner .ui-x-page-info {
  font-size: 125%;
}
.ui-x-createUser-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
.ui-x-createUser-container h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-createUser-menu-button-container {
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-createUser-menu-item {
  padding: 10px;
  position: relative;
}
.ui-x-createUser-menu-input {
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  border: 0 none;
  width: calc(100% - 35px);
  background-color: transparent;
}
.ui-x-createUser-menu-textarea {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  border: 0 none;
  width: 100%;
  background-color: transparent;
  color: #717171;
  resize: none;
  overflow: hidden;
  padding: 5px 0 4px;
}
.ui-x-createUser-menu-button-container .ui-x-createUser-menu-item {
  padding: 8px 15px;
}
.ui-x-createUser-menu-item div {
  overflow: hidden;
}
.ui-x-createUser-menu-form-icn {
  height: 21px;
  left: 8px;
  padding: 12px;
  position: absolute;
  width: 23px;
}
.ui-x-disabled .ui-x-createUser-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
.ui-x-panelContainer {
  position: relative;
}
.ui-x-createUser-container .ui-x-panelContainer__title {
  color: #717171;
  background-color: #f1f1f1;
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 0 0px 1px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--em360-font-family);
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
}
.ui-x-createUser-container .ui-x-panelContainer__title.-first-title {
  box-shadow: none;
}
.ui-x-panelContainer__overlay {
  background-color: white;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* CONTENT AREA */
.ui-x-createUser-container .ui-x-createUser-content-container {
  padding-bottom: 50px;
}
.wi-create-user-overlay__manage-options {
  line-height: 45px;
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
  margin-left: 17px;
  text-transform: uppercase;
}
.wi-create-user-overlay__manage-options li {
  cursor: pointer;
}
.wi-create-user-overlay__manage-options li.ui-x-disabled {
  opacity: 0.5;
  cursor: default;
}
.ui-x-icn.ui-x-onboard #ui-x-inner {
  fill: #e2261e;
}
.ui-x-icn.ui-x-pending #ui-x-inner {
  fill: #f89406;
}
.ui-x-icn.ui-x-active #ui-x-inner {
  fill: #238e23;
}
.ui-x-icn.ui-x-deactive #ui-x-inner {
  fill: #9b9b9b;
}

/* MAIN CONTENT AREA */
.ui-x-filterMenu-container .ui-x-menu-scroll-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-filterMenu-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
.ui-x-filterMenu-container .ui-x-filters-filter-manage-suggested-filters .ui-x-icn,
.ui-x-filterMenu-container .ui-x-filters-filter-manage-suggested-filters .ui-x-icn svg {
  width: 27px;
  height: 27px;
  top: 9px;
  left: 19px;
}
.ui-x-filterMenu-container .ui-x-filters-filter-manage-suggested-filters .ui-x-icn svg path {
  fill: #FFDE17;
}
/* FILTERS */
.ui-x-filters-filter-level-items {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}
.ui-x-filters-filter-level-open-level {
  position: relative;
  z-index: 1;
}
.ui-x-filters-filter-item.ui-x-filters-filter-item-search {
  cursor: default;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding: 21px 20px 21px 20px;
}
.ui-x-filters-filter-item.ui-x-filters-filter-item-search:hover {
  background-color: transparent;
}
.ui-x-filters-filter-item.ui-x-filters-filter-item-search .ui-x-filters-filter-item-search-box {
  border: 0 none;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  width: 245px;
  line-height: 22px;
  float: left;
  padding: 0;
  height: 22px;
}
.ui-x-filters-filter-item.ui-x-filters-filter-item-search .ui-x-filters-filter-item-search-button {
  text-transform: uppercase;
  text-decoration: none;
  color: #575757;
  color: rgba(0, 0, 0, 0.67);
  float: right;
  padding: 0;
  margin: 0;
  border: 0 none;
  background-color: transparent;
  line-height: 22px;
}
.ui-x-filters-filter-item.ui-x-filters-filter-item-search input.ui-x-placeholder-val {
  color: #9b9b9b;
}
.ui-x-filters-filter-item {
  border-bottom: 1px solid #f1f1f1;
  padding: 11px 20px 11px 20px;
  cursor: pointer;
  min-height: 19px;
}
.ui-x-filters-filter-item:hover {
  background-color: #f1f1f1;
}
.ui-x-filters-filter-item-title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-bottom: 2px;
  line-height: 19px;
}
.ui-x-filters-filter-item-selected {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #147bc2;
  padding-top: 2px;
  font-size: 13px;
  line-height: 18px;
}
.ui-x-filters-filter-item-preview {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #9C9C9C;
  padding-top: 2px;
  font-size: 13px;
  line-height: 18px;
}
.ui-x-filters-filter-submenu-container {
  position: relative;
  z-index: 3;
}
.ui-x-filters-filter-back {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
  padding: 13px 20px 12px 60px;
  position: relative;
  cursor: pointer;
}
.ui-x-filters-filter-back:hover {
  background-color: #f1f1f1;
}
.ui-x-filters-filter-back span.ui-x-icn {
  position: absolute;
  top: 13px;
  left: 18px;
}
.ui-x-filters-filter-back span.ui-x-icn-right {
  position: absolute;
  top: 9px;
  right: 19px;
}
.ui-x-filterMenu-container .ui-x-star-icn.ui-x-selected svg path {
  fill: #ffde17;
}
.ui-x-filters-filter-back span.ui-x-icn svg {
  width: 21px;
  height: 21px;
}
.ui-x-filters-filter-back span.ui-x-star-icn svg {
  width: 27px;
  height: 27px;
}
.ui-x-filters-filter-back .onoffswitch {
  margin-top: 0;
  position: absolute;
  right: 21px;
  top: 16px;
}
.ui-x-filters-filter-section.ui-x-filter-section-primary {
  position: relative;
  z-index: 2;
  box-shadow: #7a7a7a 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
}
.ui-x-filters-filter-section.ui-x-filter-section-secondary {
  position: relative;
  z-index: 1;
}
.ui-x-filters-filter-section-title {
  background-color: #f1f1f1;
  border-bottom: 1px solid #d4d4d4;
  font-size: 13px;
  color: #9b9b9b;
  text-transform: uppercase;
  padding: 11px 20px 10px;
}
.ui-x-filters-filter-section-title.ui-x-filters-filter-section-title-icon {
  padding: 6px 20px 5px;
}
.ui-x-filters-filter-section-title-left {
  float: left;
  padding: 4px 0;
}
.ui-x-filters-filter-section-title .ui-x-icn-right {
  cursor: pointer;
  width: 27px;
  height: 27px;
  float: right;
}
.ui-x-filters-manage-suggested-item {
  padding: 19px 95px 19px 19px;
  position: relative;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-filters-manage-suggested-item.ui-sortable-helper {
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
}
.ui-x-filters-manage-suggested-item-keyword {
  color: #9b9b9b;
}
.ui-x-filters-manage-suggested-item-keyword.ui-x-selected .ui-x-tick-icn svg path {
  fill: green;
  stroke: green;
}
.ui-x-filters-manage-suggested-item .ui-x-icn.ui-x-drag-handle {
  height: 21px;
  left: 10px;
  overflow: hidden;
  top: 18px;
  width: 13px;
  cursor: move;
}
.ui-x-filters-filter-manage-suggested-filter {
  padding-right: 90px;
}
.ui-x-filters-filter-back .onoffswitchcontainer {
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
}
.ui-x-filters-filter-selection-item {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 50px 12px 20px;
  cursor: pointer;
  /* We're disabling the nowrap to see if this is a better way of handling things */
  /*white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
}
.ui-x-filters-filter-selection-item-count {
  color: #9b9b9b;
}
.ui-x-filters-filter-selection-item:hover {
  background-color: #f1f1f1;
}

/* THE MAIN TITLE AND SVGs*/
.wi-rss-list-menu__content {
  background-color: initial !important;
}
.ui-x-rssListMenu-container .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 2;
}
.ui-x-rssListMenu-container .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  position: relative;
}
.ui-x-rssListMenu-container .ui-x-rssListMenu-title {
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.ui-x-rssListMenu-container .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
.ui-x-rssListMenu-container .ui-x-rssListMenu-title div.ui-x-return-icn {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
}
.ui-x-rssListMenu-container .ui-x-rssListMenu-title svg {
  margin-top: 6px;
}
/* MAIN CONTENT AREA */
.ui-x-rssListMenu-container .ui-x-menu-scroll-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
ul.ui-x-rssListMenu-list {
  background-color: transparent;
}
ul.ui-x-rssListMenu-list li {
  background-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
ul.ui-x-rssListMenu-list li:hover {
  background-color: #f1f1f1;
}

/* THE MAIN TITLE AND SVGs*/
xd-share-overlay {
  display: block;
}
/* MAIN CONTENT AREA */
.ui-x-share-container .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-share-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
.ui-x-share-container__panel-title {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
}
.ui-x-share-container__panel-title xd-literal {
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-x-share-container__panel-title span {
  align-self: flex-end;
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-share-menu-button-container {
  width: 100%;
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  position: relative;
}
.ui-x-share-menu-button-container:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--outline-offset);
}
.ui-x-share-menu-item {
  padding: 10px;
  position: relative;
}
.ui-x-share-menu-button-container .ui-x-share-menu-item {
  padding: 1px 0 0;
}
.ui-x-share-menu-item div {
  overflow: hidden;
}
.ui-x-share-menu-form-icn {
  left: 8px;
  position: absolute;
  width: 47px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-disabled .ui-x-share-menu-form-icn {
  opacity: 0.5;
  cursor: default;
}
.ui-x-share-menu-button-container .ui-x-mobile-button,
.ui-x-share-menu-form-container input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 0 65px;
  width: 69%;
  height: 45px;
}
.ui-x-share-menu-button-container .ui-x-mobile-button {
  height: auto;
  line-height: 21px;
  padding: 12px 10px;
  text-align: left;
}
/* SHARE CONTENT AREA */
.ui-x-share-container .ui-x-share-content-container {
  padding-bottom: 49px;
}
.ui-x-share-container .ui-x-share-content-recipient-container {
  padding: 0;
}
.ui-x-share-container .ui-x-share-content-item-container {
  padding: 5px 15px;
  position: relative;
}
.ui-x-share-container .ui-x-share-content-form-container {
  padding: 0 13px 15px;
}
.ui-x-share-container .ui-x-share-content-message-label {
  color: #333;
  font-size: 14px;
  padding: 0 0 13px;
}
.ui-x-share-container .ui-x-share-content-message {
  background-color: #fff;
  margin: 0;
  padding: 0 0 1px 0;
  width: 99%;
  font-size: 14px;
}
.ui-x-share-container .ui-x-share-content-link {
  background-color: #fff;
  margin: 0;
  width: 99%;
  font-size: 14px;
  padding: 0;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.ui-x-share-container .ui-x-share-content-link input {
  border: medium none;
  height: 21px;
  padding: 12px;
  width: calc(100% - 24px);
  border-radius: var(--engage-focusable-element-border-radius);
}
.ui-x-share-container .ui-x-share-content-message:before {
  content: none;
}
.ui-x-share-container .ui-x-share-content-message textarea {
  padding: 5% 6%;
  width: 88%;
  border-radius: var(--engage-focusable-element-border-radius);
}
.ui-x-share-container .ui-x-share-content-message textarea:focus-visible,
.ui-x-share-container .ui-x-share-content-link input:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--outline-offset);
}
.ui-x-share-container .ui-x-share-content-message textarea.ui-x-placeholder-val {
  color: #9b9b9b;
}
.ui-x-share-container .ui-x-share-content-recipient-label {
  float: none;
  font-size: 14px;
  padding: 5px 0 15px;
}
.ui-x-share-container .ui-x-share-content-recipients {
  border: medium none;
  float: none;
  margin-top: 5px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.ui-x-share-container .ui-x-share-content-recipients-remove {
  border: none;
  background: transparent;
  position: absolute;
  right: 10px;
  padding: 0;
  margin-right: 5px;
  width: 35px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--engage-focusable-element-border-radius);
}
.ui-x-share-container .ui-x-share-content-recipients-remove:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--outline-offset);
}
/*.ui-x-share-container.ui-x-menu-options .ui-x-share-container-list ul li {
		line-height: 29px;
	}*/
.ui-x-share-container.ui-x-menu-options .ui-x-share-container-list .ui-x-share-content-recipient-overlay ul li {
  border: none;
}
.ui-x-share-container .ui-x-share-content-recipients input {
  padding: 2%;
  width: 96%;
}
.ui-x-share-container .ui-x-share-content-recipient-overlay {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 0 20px;
  border-width: 1px 0;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.498);
}
.ui-x-share-container .ui-x-recipient-list {
  max-height: inherit;
  overflow: inherit;
}
.ui-x-share-container .ui-x-share-content-recipient-collection {
  margin: 0 2% 2%;
}
.ui-x-menu-options .ui-x-share-container-list ul li.ui-x-share-content-notify-all.ui-x-item-selected,
.ui-x-menu-options .ui-x-share-container-list ul li.ui-x-share-content-recipient-overlay-item.ui-x-item-selected,
.ui-x-menu-options .ui-x-share-container-list ul li.ui-x-share-content-recipient-overlay-item:hover {
  background-color: #f1f1f1;
}
.ui-x-share-container .ui-x-share-content-notify-all {
  border-bottom: 1px solid #f1f1f1;
}
.ui-x-share-container .ui-x-share-content-notify-all span.ui-x-share-content-aud-name {
  width: 72%;
  font-size: 14px;
}
.ui-x-share-content__find-people-form:focus-visible {
  outline: none;
}

/* THE MAIN TITLE AND SVGs*/
xd-simple-list-menu {
  display: block;
}
.ui-x-simpleListMenu-container .ui-x-menu-title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 2;
}
.ui-x-simpleListMenu-container .ui-x-menu-title .ui-x-menu-title-inner {
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  position: relative;
}
.ui-x-simpleListMenu-container .ui-x-simpleListMenu-title {
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.ui-x-simpleListMenu-container .ui-x-menu-title p {
  float: left;
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  margin-right: -55px;
}
.ui-x-simpleListMenu-container .ui-x-simpleListMenu-title div.ui-x-return-icn {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* MAIN CONTENT AREA */
.ui-x-simpleListMenu-container .ui-x-menu-scroll-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
ul.ui-x-simpleListMenu-list {
  background-color: transparent;
}
ul.ui-x-simpleListMenu-list li {
  background-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  position: relative;
}
ul.ui-x-simpleListMenu-list li.ui-x-hasLink {
  padding: 0;
}
ul.ui-x-simpleListMenu-list li a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 12px 20px;
}
ul.ui-x-simpleListMenu-list li .ui-x-current-tab-tick {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.ui-x-simpleListMenu-list li:hover {
  background-color: #f1f1f1;
}

/* Subscriber options menu */
.ui-x-subscribe-menu .ui-x-msg-box-content {
  padding: 0 0 15px;
}
.ui-x-subscribe-menu ul li {
  height: 50px;
  line-height: 45px;
  padding: 0 34px 0 30px;
  cursor: pointer;
  position: relative;
}
.ui-x-subscribe-menu ul li:hover {
  background-color: #f1f1f1;
}
.ui-x-subscribe-menu ul li div.ui-x-subscribe-option {
  float: left;
}
.ui-x-subscribe-menu ul li div.ui-x-subscribe-ctrl {
  float: right;
}
/* toggle switch */
.onoffswitch {
  position: relative;
  width: 35px;
  margin: 18px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-checkbox--focusable {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 25px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.1s ease-in 0s;
  -webkit-transition: margin 0.1s ease-in 0s;
  -o-transition: margin 0.1s ease-in 0s;
  transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 14px;
  padding: 0;
  line-height: 23px;
  font-size: 10px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  background-color: #EEEEEE;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #d5d5d5;
  color: #999999;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  height: 18px;
  margin: -3px;
  background: #999;
  border: 1px solid #999;
  border-radius: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  -moz-transition: all 0.1s ease-in 0s;
  -webkit-transition: all 0.1s ease-in 0s;
  -o-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
}
.onoffswitch-label--checked .onoffswitch-inner,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-label--checked .onoffswitch-inner:before,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:before {
  background-color: rgba(54, 151, 219, 0.498039);
}
.onoffswitch-label--checked .onoffswitch-switch,
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background-color: #3697DB;
  border: 1px solid #3697DB;
}
/* toggle switch end */
/* overlay */
.ui-x-subscribe-dd {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  cursor: default;
  font-size: 88%;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 40px;
  width: 105px;
  z-index: 100;
  padding: 5px 0;
}
.ui-x-subscribe-dd a {
  display: block;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
}
.ui-x-subscribe-dd a:hover {
  background-color: #f1f1f1;
}
/* MOBILE */
.ui-x-menu-options .ui-x-mobileOverlay-list .ui-x-subscribe-menu ul li {
  padding: 0 20px 0 20px;
}

/*.ui-x-team-members-menu .ui-x-collaborators-menu-mobile {
	z-index: 20;
}*/
.ui-x-team-members-menu .ui-x-collaborator-menu-button-container {
  display: none;
}

/* MAIN CONTENT AREA */
.ui-x-translationsOverlay-container .ui-x-menu-scroll-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  margin-top: 4px;
}
ul.ui-x-translationsOverlay-list {
  background-color: transparent;
}
ul.ui-x-translationsOverlay-list li {
  background-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  cursor: pointer;
}
ul.ui-x-translationsOverlay-list li:hover {
  background-color: #f1f1f1;
}
ul.ui-x-translationsOverlay-list li p {
  color: #5d5d5d;
  margin-top: 4px;
}
ul.ui-x-translationsOverlay-list li p:focus {
  outline: none !important;
}
ul.ui-x-translationsOverlay-list li p.ui-x-placeholder-val {
  color: #bababa;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-right-menu-header,
wi-menu-header-left {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /*position: relative;*/
  height: 32px;
  background-color: #3697db;
  padding: 9px 10px 9px 15px;
  z-index: 20;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.wi-right-menu-frame--white wi-right-menu-header,
.wi-right-menu-frame--white wi-menu-header-left {
  background-color: #ffffff;
}
.wi-menu-header__close-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 35px;
  height: 32px;
  margin-right: 15px;
  cursor: pointer;
  border: none;
  background: transparent;
}
.wi-menu-header__close-icon:focus-visible {
  border-radius: 5px;
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
.wi-menu-header__close-icon--left {
  margin-right: 0px;
  margin-left: 5px;
}
.wi-menu-header__close-icon--round {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-left: -5px;
  margin-right: 10px;
}
.wi-menu-header__close-icon--round:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.wi-menu-header__close-icon--hidden {
  width: 0;
  margin-right: 5px;
  visibility: hidden;
}
.wi-menu-header__close-icon--disabled {
  cursor: default;
}
.wi-menu-header--searchbar .wi-menu-header__close-icon {
  margin-right: 10px;
}
.wi-menu-header--searchbar .wi-menu-header__close-icon span {
  height: 24px;
}
.wi-menu-header--quick-view button:focus-visible,
.wi-right-menu-frame--white .wi-right-menu-frame__header button:focus-visible {
  outline: 2px solid #3697DB;
}
.wi-right-menu-frame--white .wi-menu-header__close-icon svg path {
  fill: #717171;
}
.wi-menu-header-left-search {
  max-width: 193px;
}
.wi-menu-header__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
}
.wi-right-menu-frame--white .wi-menu-header__title {
  color: #000000;
}
.wi-menu-header__title-additional {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-menu-header__title-additional--full-width {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}
.wi-menu-header__search-header {
  margin-left: -5px;
  margin-right: 5px;
}
.wi-menu-header__search-header.-left {
  margin-left: 0px;
}

.wi-options-menu__option-element:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.wi-negate-ui-x-menu-options {
  width: auto;
  position: static;
  z-index: unset;
  box-shadow: none;
}

/* This comment will be in result CSS */
/* Custom */
.wi-asset-list-menu__items {
  padding-top: 5px;
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-general-view {
  height: 100%;
}
.wi-widget-general-view {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
}
.wi-widget-general-view--no-access .wi-widget-general-view__upper,
.wi-widget-general-view--no-access .wi-widget-general-view__text,
.wi-widget-general-view--no-access .wi-widget-general-view__lower-text {
  opacity: 0.3;
}
.wi-widget-general-view__upper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  color: white;
  background-size: cover;
  background-position: center;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.wi-widget-general-view--loading .wi-widget-general-view__upper {
  background-color: #F3F5F7;
}
.wi-widget-general-view__icon {
  width: 25px;
}
.wi-widget-general-view__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.wi-widget-general-view__upper-icon--archived {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 35px;
  height: 35px;
}
.wi-widget-general-view__upper-icon--archived svg g.background {
  opacity: 1;
}
.wi-widget-general-view__upper-icon--archived svg path.background {
  fill: #bf4235;
}
.wi-widget-general-view__upper-icon--archived svg path.outline {
  fill: white;
}
.wi-widget-general-view__long-upper-heading {
  text-align: center;
  font-size: 33px;
  margin-top: 1px;
  word-break: break-word;
  padding: 10px;
}
.wi-widget-general-view__count {
  height: 33px;
  width: 100%;
  fill: white;
}
.wi-widget-general-view__count-sum {
  position: absolute;
  top: 50%;
  margin-top: 22px;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 13px;
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-widget-general-view__image {
  width: 68px;
  height: 68px;
  background-color: #ebebeb;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
}
.wi-widget-general-view__image-text {
  position: absolute;
  bottom: 7px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}
.wi-widget-general-view__lower {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 96px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}
.wi-widget-general-view__lower.-background-colour-2 {
  background-color: #fff;
}
.wi-widget-general-view__lower.-align-1 {
  text-align: left;
}
.wi-widget-general-view__bottom {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.wi-widget-general-view__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  max-height: 62px;
  overflow: hidden;
  text-align: center;
  margin: 9px 15px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.3125;
  margin: 10px 15px 0px;
  text-align: inherit;
  max-height: 59px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #fff;
}
.wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view__text--placeholder {
  opacity: 0.33;
}
.wi-widget-general-view__text.-colour-1 {
  color: #000;
}
.wi-widget-general-view__text.-colour-2 {
  color: #9b9b9b;
}
.wi-widget-general-view__text-loading-first {
  width: 90%;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  margin-bottom: 7px;
  position: relative;
  overflow: hidden;
}
.wi-widget-general-view__text-loading-first:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-widget-general-view__text-loading-second {
  width: 70%;
  height: 18px;
  border-radius: 50px;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
}
.wi-widget-general-view__text-loading-second:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-widget-general-view__lower-text-wrapper {
  margin: 0px 15px 7px 15px;
  flex: 1 1 auto;
  width: 1px;
}
.wi-widget-general-view__lower-text-wrapper--icons {
  margin: 0px 0px 7px 15px;
}
.wi-widget-general-view__lower-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  /*position: absolute;
		bottom: 5px;
		left: @lower-text-offset;*/
  display: block;
  float: left;
  max-width: calc(100% - 6px);
  color: #fff;
}
.wi-widget-general-view__lower-text.-colour-1 {
  color: #647070;
}
.wi-widget-general-view__lower-text.-colour-2 {
  color: #647070;
}
.wi-widget-general-view__lower-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-widget-general-view__lower-icon-wrapper {
  margin-right: 5px;
  margin-bottom: 9px;
  align-self: flex-end;
  height: 17px;
}
.wi-widget-general-view__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.wi-widget-general-view__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.wi-widget-general-view__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-widget-general-view__lower-icon--info-icon.-info-icon-white path {
  fill: white !important;
}
.wi-widget-general-view__lower-icon--24px {
  margin-right: 0;
  position: relative;
  top: -4px;
}
.wi-widget-general-view__lower-icon--24px svg {
  width: 24px;
  height: 24px;
  opacity: 1;
}
.wi-widget-general-view__actions {
  position: absolute;
  left: 14px;
  bottom: 10px;
  cursor: pointer;
}
.wi-widget-general-view--height-ratio-1 {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__upper {
  width: 90px;
  height: 100%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid transparent;
  border-radius: 10px 0 0 10px;
}
.wi-widget-general-view--height-ratio-1.ui-x-widget-color- .wi-widget-general-view__upper {
  border-right-color: #F0F0F0;
}
.wi-widget-general-view--height-ratio-2 .wi-widget-general-view__upper,
.wi-widget-general-view--height-ratio-4 .wi-widget-general-view__upper {
  border-bottom: 1px solid transparent;
}
.wi-widget-general-view--height-ratio-2.ui-x-widget-color- .wi-widget-general-view__upper,
.wi-widget-general-view--height-ratio-4.ui-x-widget-color- .wi-widget-general-view__upper {
  border-bottom-color: #F0F0F0;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__upper {
  display: none;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__lower {
  height: 100%;
  width: 1px;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  border-radius: 0 10px 10px 0;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__lower {
  border-radius: 10px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__text {
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view--height-ratio-4.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text {
  font-size: 18px;
  max-height: 47px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-widget-general-view--height-ratio-4.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text:focus {
  display: block;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__text {
  margin-bottom: 0px;
  font-size: 16px;
  max-height: 43px;
}
.wi-widget-general-view--height-ratio-1.wi-widget-general-view--width-ratio-1 .wi-widget-general-view__text {
  max-height: 39px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__lower-text-wrapper {
  margin-top: 10px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__image-text {
  display: none;
}
.wi-widget-general-view--height-ratio-4.wi-widget-general-view--width-ratio-2 .wi-widget-general-view__image-text {
  font-size: 18px;
}
.wi-widget-general-view--height-ratio-4 .wi-widget-general-view__image {
  width: 124px;
  height: 124px;
}
.wi-widget-general-view--height-ratio-1 .wi-widget-general-view__image {
  width: 64px;
  height: 64px;
}
.wi-widget-general-view--height-ratio-2 .wi-widget-general-view__image--with-text {
  width: 44px;
  top: -10px;
  height: 44px;
  position: relative;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-mask {
  display: block;
}
.wi-mask {
  background-color: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s, visibility 0s 0.3s;
  -ms-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
  will-change: opacity, visibility;
}
.wi-mask-active {
  opacity: 0.7;
  visibility: visible;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -ms-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-right-menu-frame:focus-visible {
  outline: none;
}
wi-right-menu-frame,
.wi-right-menu-frame {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
wi-right-menu-frame.wi-right-menu-frame--headless,
.wi-right-menu-frame.wi-right-menu-frame--headless {
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__header-bar,
.wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__header-bar {
  display: none;
}
wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__content,
.wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__content {
  padding: 0 30px;
  border-radius: 10px;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
}
wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__content--no-border,
.wi-right-menu-frame.wi-right-menu-frame--headless .wi-right-menu-frame__content--no-border {
  border: none;
}
wi-right-menu-frame.wi-right-menu-frame--headless-app-space .wi-right-menu-frame__content,
.wi-right-menu-frame.wi-right-menu-frame--headless-app-space .wi-right-menu-frame__content {
  padding: 0 15px;
}
@media (min-width: 1025px) {
  wi-right-menu-frame.wi-right-menu-frame--headless-app-space .wi-right-menu-frame__content,
  .wi-right-menu-frame.wi-right-menu-frame--headless-app-space .wi-right-menu-frame__content {
    padding: 0 30px;
  }
}
wi-right-menu-frame.wi-right-menu-frame--headless-related-view .wi-right-menu-frame__content,
.wi-right-menu-frame.wi-right-menu-frame--headless-related-view .wi-right-menu-frame__content {
  padding: 0 25px;
}
wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__header,
.wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__header,
wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__header-bar,
.wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__header-bar,
wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__content,
.wi-right-menu-frame.wi-right-menu-frame--white .wi-right-menu-frame__content {
  background-color: white;
}
wi-right-menu-frame.wi-right-menu-frame--header-overlay .wi-right-menu-frame__header,
.wi-right-menu-frame.wi-right-menu-frame--header-overlay .wi-right-menu-frame__header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 525px) {
  wi-right-menu-frame.wi-right-menu-frame--headless,
  .wi-right-menu-frame.wi-right-menu-frame--headless {
    margin: 0;
    margin-bottom: 20px;
  }
}
.wi-right-menu-frame--composite {
  z-index: 1;
}
.wi-right-menu-frame--content-grey .wi-right-menu-frame__content {
  background-color: #f1f1f1;
}
.wi-right-menu-frame__header {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  z-index: 10;
  position: relative;
}
.wi-right-menu-frame__header-bar {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-right-menu-frame__content {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: white;
}
.wi-right-menu-frame__content--grey {
  background-color: #f1f1f1;
}
.wi-right-menu-frame__content--no-border {
  border: none;
}
.wi-right-menu-frame__content--overflow-visible {
  overflow: visible;
}
.wi-right-menu-frame__content--transparent {
  background-color: transparent;
}
.wi-right-menu-frame__content .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
.wi-right-menu-frame__content--optimization-fix {
  will-change: transform;
}
wi-modal-portal {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-x-translationsOverlay-list-item.-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-x-createData-menu-textarea.-palceholder {
  color: #717171;
  opacity: 0.7;
}

wi-login-page-menu .ui-x-panelContainer__title {
  display: flex;
  align-items: center;
}
wi-login-page-menu .ui-x-panelContainer__title .data-update-panel__header-content {
  flex: 1 1 auto;
}
wi-login-page-menu .ui-x-panelContainer__title .ui-x-icn {
  flex: 0 0 auto;
  margin: -10px 0;
  display: flex;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
wi-round-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-radius: 50px;
}
wi-round-button .wi-round-button__icon,
wi-round-button .wi-round-button__icon-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50px;
  z-index: 3;
}
wi-round-button .wi-round-button__icon-text {
  color: white;
  font-weight: bold;
  font-family: arial;
  box-sizing: border-box;
  padding: 0 3px;
  z-index: 1;
}
wi-round-button .wi-round-button {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  border: none;
  border-radius: 50px;
  background-color: white;
  cursor: pointer;
  outline: none;
  display: block;
  /*for IE*/
}
wi-round-button .wi-round-button > .flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-round-button .wi-round-button.-title {
  padding: 2px 20px 2px 2px;
}
wi-round-button .wi-round-button.-title-only {
  padding: 2px 20px 2px 10px;
}
wi-round-button .wi-round-button > .flex-container > .button-title {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  margin-left: 10px;
  text-align: left;
  color: #000000;
}
wi-round-button .wi-round-button.-icon-left {
  padding: 2px 2px 2px 20px;
}
wi-round-button .wi-round-button.-icon-left > .flex-container {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
wi-round-button .wi-round-button.-icon-left > .flex-container > .button-title {
  margin-left: 0;
  margin-right: 10px;
  text-align: right;
  z-index: 1;
}
wi-round-button .wi-round-button:focus-visible {
  background-color: #3697db;
}
wi-round-button .wi-round-button:focus-visible .button-title {
  color: white;
}
wi-round-button .wi-round-button:focus-visible svg path {
  fill: white !important;
}
wi-round-button .wi-round-button--hover:hover {
  background-color: #f5f5f5;
}
wi-round-button.-wi-round-button--title-only .wi-round-button {
  padding: 2px 20px 2px 10px;
}
wi-round-button.-wi-round-button--circle .wi-round-button {
  padding: 2px;
}
wi-round-button.-wi-round-button--circle.-icon-left > .flex-container > .button-title {
  display: none;
}
wi-round-button.-wi-round-button--right-joint {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
wi-round-button.-wi-round-button--right-joint > .wi-round-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #f1f1f1;
}
wi-round-button.-wi-round-button--right-joint > .wi-round-button.-title {
  padding: 2px 15px 2px 2px;
}
wi-round-button.-wi-round-button--left-joint {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
wi-round-button.-wi-round-button--left-joint > .wi-round-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
wi-round-button.wi-disabled > .wi-round-button {
  cursor: default;
  opacity: 0.5;
}
wi-round-button.wi-disabled > .wi-round-button--hover:hover {
  background-color: white;
}
wi-round-button.-wi-round-button--launch-state .wi-round-button,
wi-round-button.-wi-round-button--launch-state-with-title .wi-round-button {
  overflow: hidden;
}
wi-round-button.-wi-round-button--launch-state .wi-round-button > .flex-container,
wi-round-button.-wi-round-button--launch-state-with-title .wi-round-button > .flex-container {
  position: relative;
}
wi-round-button.-wi-round-button--launch-state > .wi-round-button > .flex-container > .wi-round-button__icon-text,
wi-round-button.-wi-round-button--launch-state-with-title > .wi-round-button > .flex-container > .wi-round-button__icon-text {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
wi-round-button.-wi-round-button--launch-state > .wi-round-button > .flex-container:after,
wi-round-button.-wi-round-button--launch-state-with-title > .wi-round-button > .flex-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
  z-index: 2;
}
wi-round-button.-wi-round-button--launch-state > .wi-round-button > .flex-container > .button-title {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  overflow: hidden;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-scrollable-container {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 1px;
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags {
  height: 33px;
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags .wi-scrollable-container__wrapped-to-fix-shadow {
  display: flex;
  align-items: center;
  height: 33px;
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags .wi-scrollable-container__height-restriction {
  width: 100%;
  height: 33px;
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags .wi-scrollable-container__fade-out {
  height: 33px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags .wi-scrollable-container__button {
  width: 33px;
  height: 33px;
}
wi-scrollable-container.wi-scrollable-container--searchbar-tags .wi-scrollable-container__button-icon {
  width: 17px;
  height: 17px;
}
.wi-scrollable-container {
  overflow: auto;
  margin-bottom: -17px;
}
.wi-scrollable-container__wrapped-to-fix-shadow {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.wi-scrollable-container__button-wrapper {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -12px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s, visibility 0s;
  -moz-transition: opacity 0s, visibility 0s;
  -ms-transition: opacity 0s, visibility 0s;
  -o-transition: opacity 0s, visibility 0s;
  transition: opacity 0s, visibility 0s;
}
.wi-scrollable-container__button-wrapper.-right {
  left: auto;
  right: -12px;
}
.wi-scrollable-container__button-wrapper--fade-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -moz-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -ms-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
}
.wi-scrollable-container__more-options-wrapper {
  right: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  transform: translate3d(0, 0, 0);
}
.wi-scrollable-container__more-options {
  position: absolute;
  left: -7px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
}
.wi-scrollable-container__round-button-more-options {
  width: 34px;
  height: 34px;
}
.wi-scrollable-container__more-options-fade-out {
  width: 10px;
  height: 100%;
  background-color: #ffffff;
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.wi-scrollable-container__more-options-mask {
  height: 100%;
  width: 9px;
  background-color: white;
}
wi-round-button.wi-scrollable-container__more-options.-with-border {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
  border: 1px solid #d8d8d8;
}
wi-round-button.wi-scrollable-container__more-options.-enabled:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-scrollable-container__fade-out {
  width: 10px;
  position: absolute;
  top: 50%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s, visibility 0s;
  -moz-transition: opacity 0s, visibility 0s;
  -ms-transition: opacity 0s, visibility 0s;
  -o-transition: opacity 0s, visibility 0s;
  transition: opacity 0s, visibility 0s;
}
.wi-scrollable-container__fade-out.-right {
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%) scaleX(-1);
  -ms-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
}
.wi-scrollable-container__fade-out--fade-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -moz-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -ms-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
}
.wi-scrollable-container__button {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
}
.wi-scrollable-container__button-icon path {
  fill: black;
}
.wi-scrollable-container__height-restriction {
  min-width: 1px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.wi-scrollable-container__scrollable-area {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: auto;
  min-width: 1px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wi-scrollable-container__scrollable-area::-webkit-scrollbar {
  display: none;
}

.xd-feed-fields {
  /*margin: 0 15px 0;*/
  /*margin-bottom: 15px;*/
  margin: 0 0 15px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  /*padding-top:15px;*/
  padding: 15px 15px 0 0;
}
.xd-feed-fields__item {
  padding: 10px 0 0;
}
.xd-feed-fields__item:first-child {
  padding: 0;
}
.xd-feed-fields__title {
  font-size: 13px;
  color: #717171;
  display: block;
  line-height: 16px;
}
.xd-feed-fields__data {
  font-size: 14px;
  color: #3D3D3D;
  line-height: 20px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-tile-actions {
  position: relative;
}
.wi-tile-actions__item {
  padding: 0;
  border: none;
  position: relative;
  float: left;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  opacity: 0.95;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-tile-actions__item:hover {
  background-color: #404040;
  opacity: 1;
}
.wi-tile-actions__item.-disabled {
  cursor: default;
  opacity: 0.5;
}
.wi-tile-actions__item.-disabled:hover {
  background-color: #000000;
  opacity: 0.5;
}
.wi-tile-actions__item:focus-visible {
  outline: 2px solid #3697db;
  outline-offset: 1px;
}
.wi-tile-actions__item-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 25px;
  width: 25px;
  text-align: center;
}
.wi-tile-actions__item-icon svg {
  width: 21px;
  height: 21px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-embed-card {
  width: 100%;
  height: 100%;
}
.wi-embed-card iframe {
  width: 100%;
  height: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-card {
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.wi-card__container {
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.wi-card__container:focus-visible {
  border-radius: 10px 10px 0 0;
  outline: var(--outline-width) solid var(--outline-color-old-part);
}
.wi-card__thumbnail-image {
  background-size: cover;
  position: relative;
  background-position: center;
  border-radius: 10px 10px 0 0;
}
.wi-card__overlay-button {
  bottom: 5px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.wi-card__asset-type-name {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 10px 0 15px;
  position: absolute;
  left: 0;
  bottom: 6px;
  max-width: calc(100% - 85px);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0 3px 3px 0;
}
.wi-card__asset-type-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.wi-card__actions {
  position: absolute;
  right: 0;
  top: 7px;
  width: 40px;
  height: 40px;
}
.wi-card__actions button.wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid #3697DB;
  box-shadow: none;
  border-radius: 10px;
}
.wi-card__content {
  position: relative;
  border-top: 1px solid #f1f1f1;
}
.wi-card__content.-hide-image {
  border-top-color: transparent;
}
.wi-card__name {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin: 15px 15px 10px 15px;
  font-weight: 400;
}
.wi-card__name.-actions {
  margin-right: 35px;
}
.wi-card__name-icon {
  position: relative;
  top: 2px;
}
.wi-card__name-icon svg {
  width: 14px;
  height: 14px;
  opacity: 0.5;
}
.wi-card__additional-items {
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: -11px;
  color: #717171;
}
.wi-card__additional-item {
  font-size: 13px;
  padding: 0 5px 0 5px;
  border-radius: 3px;
  cursor: pointer;
  color: #717171;
  display: inline-block;
}
.wi-card__additional-item:hover {
  color: #717171;
}
.wi-card__additional-item.-action {
  color: #147bc2;
}
.wi-card__additional-item.-action:hover {
  color: white;
  background-color: #3697db;
}
.wi-card__translation-item {
  margin: 0 10px 15px;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  padding: 0px 10px 0px 32px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 13px;
  line-height: 22px;
  color: #147bc2;
  text-decoration: none solid #3697db;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-card__translation-item--icon {
  position: absolute;
  left: 10px;
  top: 2px;
  width: 18px;
  height: 18px;
}
.wi-card__translation-item--text {
  white-space: nowrap;
}
.wi-card__translation-item:hover {
  background-color: #f1f1f1;
}
.wi-card__translation-item:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.wi-card__translation-item:focus-visible path {
  fill: #fff !important;
}
.wi-card__additional-item-divider {
  font-size: 13px;
  display: inline-block;
}
.wi-card__subtitle {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 12px;*/
  margin: 0 0 15px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-card__subtitle2 {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 8px;*/
  margin: 0 0 15px 15px;
  padding: 0px 15px 0 0;
}
.wi-card__subtitle2--border {
  padding: 15px 15px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-card__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 31px;
  padding: 8px 15px;
  border-top: 1px solid #fafafa;
}
.wi-card__footer-image {
  border-radius: 100%;
  width: 33px;
  height: 33px;
  background-size: cover;
  background-position: 50% 50%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-card__footer-content {
  line-height: 14px;
  margin-left: 8px;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
}
.wi-card__footer-name {
  font-size: 13px;
  line-height: 15px;
  color: #3D3D3D;
  margin-bottom: 2px;
}
.wi-card__footer-date {
  font-size: 12px;
  line-height: 14px;
  color: #717171;
}
.wi-card__footer-date--highlight {
  color: red;
}
.wi-card__deleted-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.95);
}
.wi-card__deleted-text {
  color: #999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
.wi-card__on-thumbnail-actions {
  bottom: 10px;
  position: absolute;
  left: 14px;
}
.wi-card__embed-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.wi-card--right-menu .wi-card {
  background-color: white;
}
.wi-card--launch-state .wi-card__thumbnail-image {
  background-color: #F3F5F7;
}
.wi-card--launch-state .wi-card__name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 24px;
  width: 150px;
  overflow: hidden;
}
.wi-card--launch-state .wi-card__name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card--launch-state .wi-card__additional-items {
  display: none;
}
.wi-card--launch-state .wi-card__fake-description-line {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
  margin: 15px 15px 10px 15px;
}
.wi-card--launch-state .wi-card__fake-description-line.-line-1 {
  width: 80%;
}
.wi-card--launch-state .wi-card__fake-description-line.-line-2 {
  width: 90%;
}
.wi-card--launch-state .wi-card__fake-description-line.-line-3 {
  width: 70%;
}
.wi-card--launch-state .wi-card__fake-description-line:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card--launch-state .wi-card__footer-image {
  position: relative;
  overflow: hidden;
  background-color: #F3F5F7;
}
.wi-card--launch-state .wi-card__footer-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-card--launch-state .wi-card__footer-name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
}
.wi-card--launch-state .wi-card__footer-name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-right-menu-frame__content.user-management-menu {
  background-color: #f1f1f1;
}
.wi-right-menu-frame__content.user-management-menu right-menu-title {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-right-menu-frame__content.user-management-menu__crumbs {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.user-management-menu__content {
  background-color: #f1f1f1;
}
.user-management-menu__content--single .g-info-icon-container {
  visibility: hidden;
}
.user-management-menu__content--single .g-info-icon-container--checked {
  visibility: visible;
}
.user-management-menu__results {
  padding: 0 10px;
  margin-top: 10px;
}
.user-management-menu--row {
  max-width: 760px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
  cursor: pointer;
}
.user-management-menu-filters__button {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
  display: block;
  margin-right: 6px;
  overflow: hidden;
}
.user-management-menu-filters__button.-no-shadow {
  box-shadow: none;
}
.user-management-menu-filters__button.-left-inner-shadow {
  box-shadow: inset 8px -6px 4px -8px rgba(0, 0, 0, 0.14);
}
.user-management-menu-filters__button.-left-inner-shadow:hover {
  box-shadow: inset 8px -6px 4px -8px rgba(0, 0, 0, 0.14), 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.user-management-menu-filters__button.-no-hover:hover {
  box-shadow: none;
  cursor: default;
}
.user-management-menu-filters__button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.user-management-menu__filters {
  display: block;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  position: relative;
  padding: 0 12px;
}
.user-management-menu__filters .composite-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 6px;
  border-radius: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.user-management-menu__filters .composite-button > .button-item {
  z-index: 1;
  margin-right: 0;
}
.user-management-menu__filters .composite-button > .button-item:hover {
  z-index: 0;
}
.user-management-menu__filters .composite-button.-item-selected > :not(.--selected) {
  opacity: 0.75;
}
.user-management-menu-filters__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 70px;
  padding: 0 6px;
}
.user-management-menu-filters__scrollable-container {
  height: 70px;
}
.user-management-menu-filters__fade-out-element {
  height: 70px;
  background: linear-gradient(to right, #e8e8e8, rgba(232, 232, 232, 0));
}
.user-management-menu-filters__button-icon {
  width: 30px;
  height: 30px;
  background-color: #667071;
}
.user-management-menu-filters__button-icon--clearAll {
  background-color: #e2261e;
}
.user-management-menu-filters__button-icon--clearAll svg,
.user-management-menu-filters__button-icon--relationship svg {
  width: 24px;
  height: 24px;
}
.user-management-menu-filters__button-icon--toggled {
  background-color: #238E23;
}
.user-management-menu-filters__button-icon.-user-type path {
  fill: none;
}
.user-management-menu-filters__button-icon-text {
  min-width: 30px;
  height: 30px;
  padding: 0 3px;
  box-sizing: border-box;
  color: white;
  font-weight: bold;
  font-family: arial;
}
.user-management-menu-filters__button-icon-text.-btn-filter-active,
.user-management-menu-filters__button-icon.-btn-filter-active {
  background-color: #3697db;
}
.ui-x-filter-color-1 {
  background-color: #e2261e;
}
.ui-x-filter-color-2 {
  background-color: #f89406;
}
.ui-x-filter-color-3 {
  background-color: #238e23;
}
.ui-x-filter-color-4 {
  background-color: #9b9b9b;
}

/* AssetListLookupCrumbs.less */
.asset-list-lookup-crumbs__items {
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  padding-left: 4px;
  display: flex;
}
.asset-list-lookup-crumbs__item {
  cursor: pointer;
  position: relative;
  padding: 7px 11px;
  margin: 6px 4px 6px 0;
  border-radius: 3px;
  background-color: #7f8c8d;
  border: solid 1px #7f8c8d;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 32px;
  padding: 0px;
  padding-left: 11px;
  padding-right: 5px;
  box-sizing: content-box;
}
.asset-list-lookup-crumbs__item--alt-color {
  background-color: #3697db;
  border: solid 1px #3697db;
}
.asset-list-lookup-crumbs__item--clear-all {
  background-color: #e74c3c;
  border-color: #e74c3c;
  padding-right: 11px;
}
.asset-list-lookup-crumbs__item:focus-visible {
  outline: var(--outline-width-inner) solid var(--outline-color-inner-light);
  outline-offset: var(--outline-offset-inner);
}
.asset-list-lookup-crumbs__item-text {
  margin-right: 0px;
  font-size: 14px;
  line-height: 19px;
  color: white;
}
.asset-list-lookup-crumbs__item-text--clear-all {
  margin-right: 0;
}
.asset-list-lookup-crumbs__item-icon {
  width: 24px;
  height: 24px;
  margin-left: 6px;
  position: initial;
}
.asset-list-lookup-crumbs__item-icon path {
  fill: white;
}
.ui-x-support-hover-on-touch .asset-list-lookup-crumbs__item:hover {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
}

/* This comment will be in result CSS */
/* Custom */
.asset-list-lookup-menu right-menu-title {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.asset-list-lookup-menu__crumbs {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.asset-list-lookup-menu__collection {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.asset-list-lookup-menu__content--single .g-info-icon-container {
  visibility: hidden;
}
.asset-list-lookup-menu__content--single .g-info-icon-container--checked {
  visibility: visible;
}
.asset-list-lookup-menu__content .ng-hide.ng-hide-animate {
  display: none !important;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-progress-bar {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  background: #22628e;
  overflow: hidden;
}
.wi-progress-bar--global {
  background: rgba(0, 0, 0, 0.2);
}
.wi-progress-bar__content {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background: white;
}
.wi-progress-bar__content--indeterminate {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.wi-progress-bar__subline {
  position: absolute;
  background: white;
  height: 100%;
}
.wi-progress-bar__subline--inc {
  -webkit-animation: increase 2s 0.5s infinite;
  animation: increase 2s 0.5s infinite;
}
.wi-progress-bar__subline--dec {
  -webkit-animation: decrease 2s infinite;
  animation: decrease 2s infinite;
}
@-webkit-keyframes increase {
  from {
    left: 130%;
    width: 80%;
  }
  to {
    left: -5%;
    width: 5%;
  }
}
@keyframes increase {
  from {
    left: 130%;
    width: 80%;
  }
  to {
    left: -5%;
    width: 5%;
  }
}
@-webkit-keyframes decrease {
  from {
    left: 110%;
    width: 10%;
  }
  to {
    left: -80%;
    width: 80%;
  }
}
@keyframes decrease {
  from {
    left: 110%;
    width: 10%;
  }
  to {
    left: -80%;
    width: 80%;
  }
}

/* This comment will be in result CSS */
/* Custom */
.wi-video-overlay__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.wi-video-overlay__player {
  width: 90%;
}
.wi-video-overlay__ratio {
  position: relative;
}
.wi-video-overlay__ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wi-video-overlay__progress-bar {
  position: absolute;
  width: 100%;
}

.wi-menu-section-header {
  display: flex;
  line-height: 40px;
  background-color: #f1f1f1;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 13px;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
}
.wi-menu-section-header--no-shadow {
  box-shadow: none;
}


.ui-x-right-menu-status-bar {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  display: block;
}
.ui-x-right-menu-status-bar:focus-visible {
  outline: 0;
  background-color: #ffffff;
  color: #3697DB;
}
.ui-x-right-menu-status-bar:focus-visible path {
  fill: #3697DB !important;
}
button.ui-x-right-menu-status-bar {
  border: none;
  text-align: left;
}
.ui-x-right-menu-status-bar__icon {
  float: left;
  margin-top: 12px;
  margin-right: 15px;
  width: 35px;
  height: 32px;
  text-align: center;
}
.ui-x-right-menu-status-bar__icon-right {
  float: right;
  margin-top: 12px;
  margin-left: 15px;
  width: 26px;
  height: 32px;
  text-align: center;
}
.ui-x-right-menu-status-bar__title {
  font-family: var(--em360-font-family);
  font-size: 14px;
  font-weight: 400;
  padding-top: 15px;
}
.ui-x-right-menu-status-bar__title-left {
  font-family: var(--em360-font-family);
  font-size: 14px;
  font-weight: 400;
  float: left;
  padding-top: 15px;
}
.ui-x-right-menu-status-bar__link-container {
  font-family: var(--em360-font-family);
  font-size: 14px;
  font-weight: 400;
  float: right;
  padding-top: 15px;
}
.ui-x-right-menu-status-bar__link-container > div {
  display: flex;
}
.ui-x-right-menu-status-bar__link-container span {
  flex: 1 1 auto;
  height: 21px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-tag-group-select-structure {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  min-height: 1px;
}
.wi-tag-group-select-structure__parent-tag {
  position: relative;
}
.wi-tag-group-select-structure__items {
  overflow: auto;
}
.wi-tag-group-select-structure__tickbox-input-wrapper {
  border-bottom: 1px solid #eaeaea;
}
.wi-tag-group-select-structure__tickbox-input {
  display: block;
  margin: 8px 11px;
  border: 1px solid #666666;
  border-radius: 5px;
  background-color: #f1f1f1;
  color: #000000;
}

/* This comment will be in result CSS */
/* Custom */
.wi-tickbox-input {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 11px 10px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wi-tickbox-input_tick {
  height: 24px;
  width: 24px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-tickbox-input_label {
  margin-left: 20px;
  font-size: 14px;
}

.ui-x-common-multi-level-select-menu .wi-right-menu {
  background-color: #fff;
}
.ui-x-common-multi-level-select-menu__wi-tag-group-select-structure {
  display: flex;
  flex: 1 1 auto;
  min-height: 1px;
  flex-direction: column;
}
/* tags list */
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-tag-select {
  right: initial;
  left: 0;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-tag-select:hover {
  background-color: transparent;
}
.ui-x-common-multi-level-select-menu .ui-x-bordered-item {
  border-color: #f1f1f1;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-parent-icon {
  right: 20px;
  opacity: 0.67;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-parent-icon:hover {
  opacity: 1;
}
.ui-x-common-multi-level-select-menu .ui-x-isParent .ui-x-tag-group-structure-parent-icon {
  right: initial;
  left: 22px;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-parent-icon div {
  height: 16px;
  margin-top: 6px;
}
.ui-x-common-multi-level-select-menu .ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isParent {
  background-color: #3697db;
  padding: 10px 0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.ui-x-common-multi-level-select-menu .ui-x-isParent .ui-x-tag-group-structure-parent-icon div {
  margin-top: 0px;
  height: 23px;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-parent-name > div.ui-x-tag-group-structure-msg {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 85%;
}
.ui-x-common-multi-level-select-menu .ui-x-isParent .ui-x-tag-group-structure-parent-icon path {
  fill: #FFFFFF;
}
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-tag-select span {
  top: 14px;
  left: 22px;
}
/*.ui-x-common-multi-level-select-menu .ui-x-selectmode .ui-x-tag-group-structure-item.ui-x-isSelected .ui-x-tag-group-structure-tag-select svg path {
	fill: #2dcc70;
}*/
.ui-x-common-multi-level-select-menu .ui-x-tag-group-structure-parent-name {
  margin-left: 43px;
}
.ui-x-common-multi-level-select-menu .ui-x-isParent .ui-x-tag-group-structure-parent-name {
  color: #FFFFFF;
}
.ui-x-common-multi-level-select-menu .ui-x-selectmode .ui-x-tag-group-structure-item {
  padding: 12px 0 11px;
}

.integration-conditions__condition-type {
  background-color: #f1f1f1;
  padding-left: 20px;
  font-size: 13px;
  border-bottom: 1px solid #d4d4d4;
  box-sizing: content-box;
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 8px;
  font-weight: 700;
}
.integration-conditions__condition-type-switcher {
  height: 22px;
  padding: 0px 16px;
  border-radius: 50px;
  background-color: #3697db;
  color: #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  outline: none;
  border: none;
  margin: 0 5px 0 8px;
  font-weight: 700;
}

/* This comment will be in result CSS */
/* Custom */
.wi-integrations-menu__content .wi-integrations-menu__content-wrapper {
  padding-bottom: 10px;
}
.wi-integrations-menu__content .wi-accordion-group {
  margin: 6px 10px 0;
}
.wi-integrations-menu__content .wi-accordion-group.-first {
  margin-top: 12px;
}
.wi-integrations-menu__content .wi-integrations-menu__add-role-mapping {
  padding-left: 16px;
  min-height: 66px;
  display: flex;
  align-items: center;
}
.wi-integrations-menu__content .wi-integrations-menu__add-role-mapping-label {
  margin-left: 15px;
  color: #717171;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-date-select-menu__custom-range {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  display: grid;
}

wi-rich-text-widget-content-edit-menu .wi-rich-text-widget-content-edit__wi-content-editor-adapter {
  padding: 12px 20px;
}

.wi-connector-menu__content .wi-connector-menu__content-wrapper {
  padding-bottom: 10px;
}
.wi-connector-menu__content .wi-accordion-group {
  margin: 6px 10px 0;
}
.wi-connector-menu__content .wi-accordion-group.-first {
  margin-top: 12px;
}

.wi-red-bar-tiles-menu__content {
  flex: 1 1 auto;
  background-color: #f1f1f1;
}
.wi-red-bar-tiles-menu__results {
  padding: 10px;
}
.wi-red-bar-tiles-menu__item {
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
  cursor: pointer;
}
.wi-red-bar-tiles-menu__item .wi-list-card__header-text-primary {
  font-size: 16px;
}

/* FeedTileContainer.less */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.ui-x-feed-tile {
  display: block;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  background-color: white;
}
.ui-x-feed-tile--tile {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.ui-x-feed-tile--row {
  max-width: 798px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
}
.ui-x-support-hover-on-touch .ui-x-feed-tile:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .ui-x-feed-tile:hover.-fake,
.ui-x-support-hover-on-touch .ui-x-feed-tile:hover.-no-hover {
  box-shadow: none;
}
.ui-x-feed-row {
  display: block;
}
.ui-x-feed-row__main {
  padding: 15px;
}
.ui-x-feed-row__thumbnail-image {
  width: 50px;
  height: 50px;
  float: left;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.ui-x-feed-row__actions {
  float: right;
  margin-right: 5px;
}
.ui-x-feed-row__action--download {
  opacity: 0.6;
  text-align: center;
}
.ui-x-feed-row__action--download svg {
  height: 35px;
  width: 35px;
}
.ui-x-feed-row__content {
  margin-left: 65px;
  margin-right: 55px;
}
.ui-x-feed-row__name {
  font-size: 18px;
  line-height: 1.35;
  color: #000;
}
.ui-x-feed-row__secondary-info-item {
  display: inline;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 400;
  color: #9b9b9b;
}
.ui-x-feed-row__secondary-info-item--highlight {
  color: red;
}
.ui-x-feed-row__subtitle {
  padding-top: 10px;
  font-size: 14px;
  color: #3d3d3d;
  line-height: 1.55;
}
.ui-x-feed-row__fields-list {
  border-top: 1px #f1f1f1 solid;
  display: block;
  padding: 6px 15px 10px;
}
.ui-x-support-hover-on-touch .ui-x-feed-tile-container__overlay-button:hover #circleBg,
.ui-x-support-hover-on-touch .ui-x-feed-row__action--download:hover #circleBg {
  opacity: 0.75;
}
/*.ui-x-support-hover-on-touch .ui-x-feed-tile:hover {
	box-shadow: @feed-item-box-shadow--hover;

	&.-fake {
		box-shadow: @updated-widget-item-box-shadow;//@feed-item-box-shadow;
	}
}

.ui-x-support-hover-on-touch .ui-x-feed-tile.-no-hover:hover {
	box-shadow:none;
}*/
.ui-x-user-status-color-0 {
  border-left: 3px solid #e2261e;
}
.ui-x-user-status-color-1 {
  border-left: 3px solid #f89406;
}
.ui-x-user-status-color-2 {
  border-left: 3px solid #238e23;
}
.ui-x-user-status-color-3 {
  border-left: 3px solid #9b9b9b;
}
.ui-x-user-status-color-0.-grey-status,
.ui-x-user-status-color-1.-grey-status,
.ui-x-user-status-color-2.-grey-status,
.ui-x-user-status-color-3.-grey-status {
  border-left: 3px solid #F3F5F7;
}
.ui-x-deactive-color {
  border-left: 3px solid #e2261e;
}
.ui-x-active-color {
  border-left: 3px solid #238e23;
}




/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-general-list-card {
  margin: 5px 10px 0px 10px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  background-color: white;
  display: flex;
  padding: 8px 11px;
}
.ui-x-support-hover-on-touch .wi-general-list-card:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-general-list-card:hover.-fake,
.ui-x-support-hover-on-touch .wi-general-list-card:hover.-no-hover {
  box-shadow: none;
}
.wi-general-list-card__image-container {
  margin-right: 17px;
}
.wi-general-list-card__image {
  height: 39px;
  width: 39px;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
}
.wi-general-list-card__header {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  width: 1px;
}
.wi-general-list-card__header-text {
  width: 1px;
  flex: 1 1 auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.wi-general-list-card__header-text-main {
  font-size: 15px;
  margin: 3px 0px;
  line-height: 20px;
  color: #000000;
}
.wi-general-list-card__icon {
  align-items: flex-start;
  display: flex;
  width: 14px;
  height: 14px;
}
.wi-general-list-card:focus-visible {
  background-color: #3697DB;
}
.wi-general-list-card:focus-visible .wi-general-list-card__header-text > .wi-secondary-info,
.wi-general-list-card:focus-visible .wi-general-list-card__header-text > .wi-general-list-card__header-text-main {
  color: #fff;
}
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-secondary-info,
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-general-list-card__header-text-main {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 18px;
  width: 252px;
  overflow: hidden;
  margin-top: 4px;
}
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-secondary-info {
  height: 13px;
  width: 106px;
  margin-bottom: 1px;
}
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-secondary-info .wi-secondary-info {
  color: #F3F5F7;
}
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-secondary-info:after,
.wi-general-list-card--launch-state > .wi-general-list-card__header > .wi-general-list-card__header-text > .wi-general-list-card__header-text-main:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
button.wi-general-list-card {
  width: calc(100% - 20px);
  text-align: left;
}

.wi-external-app-managment-menu__preview {
  width: 325px;
  pointer-events: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-right-menu-frame__content.user-lookup-menu {
  background-color: #f1f1f1;
}
.wi-right-menu-frame__content.user-lookup-menu right-menu-title {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-right-menu-frame__content.user-lookup-menu__crumbs {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.user-lookup-menu__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.user-lookup-menu__content {
  background-color: #f1f1f1;
}
.user-lookup-menu__content--single .g-info-icon-container {
  visibility: hidden;
}
.user-lookup-menu__content--single .g-info-icon-container--checked {
  visibility: visible;
}
.user-lookup-menu__results {
  padding: 0 10px;
  margin-top: 10px;
}
.user-lookup-menu--row {
  max-width: 760px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  min-height: 45px;
  cursor: pointer;
}
.user-lookup-menu--row:focus-within {
  outline: 2px solid var(--engage-focus-color);
}
.user-lookup-menu-filters__button {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
  display: block;
}
.user-lookup-menu-filters__button.-no-shadow {
  box-shadow: none;
}
.user-lookup-menu-filters__button.-left-inner-shadow {
  box-shadow: inset 8px -6px 4px -8px rgba(0, 0, 0, 0.14);
}
.user-lookup-menu-filters__button.-left-inner-shadow:hover {
  box-shadow: inset 8px -6px 4px -8px rgba(0, 0, 0, 0.14), 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.user-lookup-menu-filters__button.-no-hover:hover {
  box-shadow: none;
  cursor: default;
}
.user-lookup-menu-filters__button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.user-lookup-menu__filters {
  display: block;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  position: relative;
  padding: 0 18px;
}
.user-lookup-menu__filters .composite-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 6px;
  border-radius: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.user-lookup-menu__filters .composite-button > .button-item {
  z-index: 1;
  margin-right: 0;
}
.user-lookup-menu__filters .composite-button > .button-item:hover {
  z-index: 0;
}
.user-lookup-menu__filters .composite-button.-item-selected > :not(.--selected) {
  opacity: 0.5;
}
.user-lookup-menu__filters .composite-button > .button-item.-title-pebble {
  z-index: 2;
  background-color: white;
  border-radius: 50px 0 0 50px;
}
.user-lookup-menu__filters .composite-button > .button-item.-title-pebble.-item-selected-notfirst {
  background-color: #f3f3f3;
}
.user-lookup-menu__filters .composite-button > .button-item.-title-pebble .user-lookup-menu-filters__button.-no-hover:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.user-lookup-menu-filters__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 70px;
}
.user-lookup-menu-filters__scrollable-container {
  height: 70px;
}
.user-lookup-menu-filters__fade-out-element {
  height: 70px;
  background: linear-gradient(to right, #e8e8e8, rgba(232, 232, 232, 0));
}
.user-lookup-menu-filters__button-icon {
  width: 30px;
  height: 30px;
}
wi-round-button.wi-user-lookup-menu__filter-button .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button .wi-round-button__icon-text {
  margin: 0 0 0 15px;
  border-radius: 3px;
  font-weight: bold;
  height: 24px;
  width: 30px;
}
wi-round-button.wi-user-lookup-menu__filter-button.-color--0 .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button.-color--0 .wi-round-button__icon-text {
  background-color: #2980b9;
}
wi-round-button.wi-user-lookup-menu__filter-button.-color--1 .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button.-color--1 .wi-round-button__icon-text {
  background-color: #e2261e;
}
wi-round-button.wi-user-lookup-menu__filter-button.-color--2 .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button.-color--2 .wi-round-button__icon-text {
  background-color: #f89406;
}
wi-round-button.wi-user-lookup-menu__filter-button.-color--3 .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button.-color--3 .wi-round-button__icon-text {
  background-color: #238e23;
}
wi-round-button.wi-user-lookup-menu__filter-button.-color--4 .wi-round-button__icon,
wi-round-button.wi-user-lookup-menu__filter-button.-color--4 .wi-round-button__icon-text {
  background-color: #9b9b9b;
}
wi-round-button.-wi-user-lookup-menu__filter-button--color--0 .wi-round-button__icon,
wi-round-button.-wi-user-lookup-menu__filter-button--color--0 .wi-round-button__icon-text {
  background-color: #2980b9;
}
wi-round-button.-wi-user-lookup-menu__filter-button--color--off .wi-round-button__icon,
wi-round-button.-wi-user-lookup-menu__filter-button--color--off .wi-round-button__icon-text {
  background-color: #667071;
}
.user-lookup-menu-filters__button-icon-text {
  width: 30px;
  height: 30px;
  color: white;
  font-weight: bold;
  margin-left: 15px;
  height: 24px;
  border-radius: 3px;
}

/* This comment will be in result CSS */
/* Custom */
.team-members-menu {
  height: 100%;
}
.team-members-menu__main {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-members-menu__content {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-members-menu__section-title {
  padding: 0 0 0 21px;
  margin: 0;
  color: #717171;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  background-color: #f1f1f1;
}
.team-members-menu__owner-container {
  z-index: 1;
  border-top: 1px solid #d4d4d4;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;
}
.team-members-menu__collaborators-container {
  border-top: 1px solid #d4d4d4;
  background-color: white;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.team-members-item__content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 65px;
  border-bottom: 1px solid #f1f1f1;
  background-color: white;
}
.team-members-item__content:hover {
  background-color: #f1f1f1;
}
.team-members-item__content--remove {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  margin-bottom: 4px;
}
.team-members-item__background-image {
  height: 36px;
  -moz-flex: 0 0 36px;
  -ms-flex: 0 0 36px;
  -webkit-flex: 0 0 36px;
  flex: 0 0 36px;
  margin: 0 15px 0 15px;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
}
.team-members-item__info-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}
.team-members-item__info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.team-members-item__info--primary {
  color: #000000;
  font-size: 14px;
  white-space: pre;
}
.team-members-item__info--secondary {
  color: #717171;
  font-size: 14px;
  white-space: pre;
}
.team-members-item__actions {
  height: 45px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 45px;
  -ms-flex: 0 0 45px;
  -webkit-flex: 0 0 45px;
  flex: 0 0 45px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
}
.team-members-item__actions:hover {
  cursor: pointer;
  background-color: rgba(186, 186, 186, 0.14902);
}
.team-members-item__actions:focus-visible {
  outline: 2px solid var(--engage-focus-color);
}
.team-members-item__options-container {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  cursor: default;
  position: absolute;
  right: 2px;
  top: 50px;
  z-index: 10;
  padding: 5px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-members-item__options-button {
  color: #737373;
  cursor: pointer;
  font-weight: 400;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.team-members-item__options-button:hover {
  background-color: #f5f5f5;
}
.team-members-item__options-button__icon {
  height: 45px;
  width: 45px;
  margin: 0 10px 0 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 45px;
  -ms-flex: 0 0 45px;
  -webkit-flex: 0 0 45px;
  flex: 0 0 45px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.team-members-item__options-button__label {
  color: #333;
  font-size: 13px;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 30px;
}
.team-members-item__remove-dialog {
  border-bottom: 1px solid #f1f1f1;
}
.team-members-item__remove-dialog p {
  line-height: 2.2;
}

/* This comment will be in result CSS */
/* Custom */
.ui-x-manage-content-overlay-menu .ui-x-manage-content-overlay-menu__info-buttons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  height: 55px;
  box-sizing: border-box;
}
.ui-x-manage-content-overlay-menu .ui-x-datapanel-section {
  margin-top: 0;
  margin-right: 7px;
}
.ui-x-manage-content-overlay-menu .ui-x-datapanels h2 {
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  margin: 0 0 0 8px;
  text-transform: uppercase;
  color: #9b9b9b;
  font-weight: 500;
}
.ui-x-manage-content-overlay-menu .ui-x-datapanel-header h3 {
  font-size: 16px;
  font-weight: 400;
  width: 87%;
}
.ui-x-manage-content-overlay-menu .ui-x-datapanels-inner {
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}
.ui-x-manage-content-overlay-menu .ui-x-datapanel-container {
  margin-left: 7px;
}
/*.ui-x-manage-content-overlay-menu .ui-x-collaborators-menu-mobile {
    z-index: 20;
}*/

/* This comment will be in result CSS */
/* Custom */
.wi-widget-preview-item-list--react {
  display: block;
  position: relative;
  overflow: hidden;
}
.wi-widget-preview-item-list--react--highlighted {
  border: 2px solid #3697db;
}
.wi-widget-preview-item-list--react--hoverable {
  border: 2px solid white;
}
.wi-widget-preview-item-list--react--hoverable:hover {
  border: 2px solid #3697db;
}
.wi-widget-preview-item-list--react__item {
  float: left;
  display: block;
  position: relative;
}
.wi-widget-preview-item-list--react__item > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wi-widget-preview-item-list--react__row {
  width: 300px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wi-widget-preview-item-list--react__row:first-child {
  margin-bottom: 5px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-widget-preview-item--react {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  margin: 3px;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  box-sizing: border-box;
}
.wi-widget-preview-item--react.-color {
  background: white;
}
.wi-widget-preview-item--react--no-shadow .wi-widget-preview-item--react {
  box-shadow: none;
}
.wi-widget-preview-item--react__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
}
.wi-widget-preview-item--react__overlay {
  display: flex;
  justify-content: center;
  height: 39%;
  flex: 1 1 auto;
  max-height: 39%;
  background: rgba(0, 0, 0, 0.0980392);
}
.wi-widget-preview-item--react__bar {
  width: 60%;
  height: 7px;
  margin-top: 7px;
  background-color: #bababa;
  border-radius: 4px;
}
.wi-widget-preview-item--react--9 .wi-widget-preview-item--react {
  flex-direction: row;
  align-items: stretch;
}
.wi-widget-preview-item--react--9 .wi-widget-preview-item--react__overlay {
  height: unset;
  max-height: unset;
  flex: 2 1 auto;
}
.wi-widget-preview-item--react--9 .wi-widget-preview-item--react__bar {
  height: 20%;
  min-height: 3px;
  max-height: 7px;
  margin-top: 7%;
  background-color: #bababa;
  border-radius: 4px;
}
wi-widget-preview-item--react.-secondary-column.wi-widget-preview-item--react--9 .wi-widget-preview-item--react__icon-wrapper {
  display: none;
}
.wi-widget-preview-item--react__icon {
  width: 28px;
  height: 28px;
}
.wi-widget-preview-item--react__icon svg {
  width: 100%;
  height: 100%;
}
.wi-widget-preview-item--react__bar--colored {
  background-color: white;
  opacity: 0.5;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-template-selection-menu__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: unset;
}
.wi-widget-template-selection-menu__content wi-widget-preview-item-list {
  margin: 6px 10px 0 10px;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
  padding: 10px 15px 15px 15px;
  overflow: visible;
  z-index: 2;
  cursor: pointer;
}
.wi-widget-template-selection-menu__content wi-widget-preview-item-list:first-child {
  margin-top: 10px;
}
.wi-widget-template-selection-menu__content:after {
  content: "";
  flex: 0 0 10px;
}
.wi-widget-template-selection-menu__content .wi-widget-template-selection-menu__item-tile {
  background-color: #f1f1f1;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  margin: 2px;
}
.wi-widget-template-selection-menu__content item-slot.-secondary-column .wi-widget-template-selection-menu__item-tile,
.wi-widget-template-selection-menu__content last-item-slot.-secondary-column .wi-widget-template-selection-menu__item-tile {
  background-color: white;
  border-color: #d8d8d8;
}
.wi-widget-template-selection-menu__tickbox-input {
  display: block;
  margin: 8px 11px 0;
  border: 1px solid #666666;
  border-radius: 5px;
  background-color: #f1f1f1;
  color: #000000;
}
.ui-x-support-hover-on-touch .wi-widget-template-selection-menu__content wi-widget-preview-item-list:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.wi-widget-template-selection-menu__templates-preview {
  flex: 1 0 auto;
}

wi-widget-template-preview {
  display: flex;
  flex-direction: column;
}
wi-widget-template-preview .wi-widget-template-preview__item {
  margin: 5px 10px;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
  padding: 10px 15px 15px 15px;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-line {
  display: flex;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-line.-column {
  flex-direction: column;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile {
  flex-grow: 1;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #f1f1f1;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile:first-child {
  margin-left: 0px;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile:before {
  content: ' ';
  padding-bottom: 100%;
  display: flex;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile.-dashed {
  background-color: white;
  border-color: #d8d8d8;
  border-style: dashed;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile.-half-width:before {
  padding-bottom: 50%;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile.-double-height:before {
  padding-bottom: 200%;
}
wi-widget-template-preview .wi-widget-template-preview__item .wi-widget-template-preview__item-tile.-double-width {
  flex-grow: 2;
}
wi-widget-template-preview .wi-widget-template-preview__item:first-child {
  margin-top: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.in-use {
  /* HACK FOR SCROLL TEMP */
  /* Left */
  /* Right */
  /*&__link.wi-general-list-card {
		cursor: pointer;

		&:hover {
			box-shadow: @feed-item-box-shadow--hover;
		}
	}*/
}
.in-use__area-type {
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  box-sizing: content-box;
  position: relative;
}
.in-use__area-type-scroller {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 70px;
  padding: 0 20px;
  overflow: auto;
}
.in-use__area-type-scroller::-webkit-scrollbar {
  height: 15px;
}
.in-use__area-type-scroller::-webkit-scrollbar-track,
.in-use__area-type-scroller:hover::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.in-use__area-type-scroller::-webkit-scrollbar-thumb {
  background: #c0c0c0;
}
.in-use__area-type-scroller::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.in-use__area-type-scroller::-webkit-scrollbar-thumb:active {
  background: #787878;
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button {
  background-color: #f1f1f1;
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 5px 0px 0 5px;
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28168, 168, 168%29%27><polygon points=%270,50 50,100 50,0%27/></svg>");
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28120, 120, 120%29%27><polygon points=%270,50 50,100 50,0%27/></svg>");
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28120, 120, 120%29%27><polygon points=%270,50 50,100 50,0%27/></svg>");
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 5px 5px 0;
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28168, 168, 168%29%27><polygon points=%270,0 0,100 50,50%27/></svg>");
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28120, 120, 120%29%27><polygon points=%270,0 0,100 50,50%27/></svg>");
}
.in-use__area-type-scroller::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%27100%27 fill=%27rgb%28120, 120, 120%29%27><polygon points=%270,0 0,100 50,50%27/></svg>");
}
.in-use__area-type-btn {
  margin-right: 6px;
}
.in-use__area-type-btn--selected {
  background-color: #3697db;
}
.in-use__area-type-btn--selected > .flex-container > .button-title {
  color: #ffffff;
  font-weight: 500;
}
.in-use__area-type-btn--selected.-style-scheme-borderless.-hover:hover {
  background-color: #3697db;
}
.in-use__items {
  padding-top: 5px;
  padding-bottom: 10px;
}
.in-use__item.wi-general-list-card {
  min-height: 45px;
  /*&:hover {
			box-shadow: @feed-item-box-shadow;
		}*/
}
.in-use__more-button {
  margin: 0 10px 10px;
  background-color: #fff;
  border-color: #d8d8d8;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 2px;
  text-align: center;
  min-height: 40px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
}
.in-use__more-button:hover {
  background-color: rgba(186, 186, 186, 0.15);
}
.in-use__more-button-icon {
  height: 62px;
  position: relative;
  display: flex;
}
.in-use__loading-pulse {
  margin: 19px auto;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-menu-generic-tile-item-item {
  display: flex;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  height: 65px;
  align-items: center;
  border: none;
  background: transparent;
  width: 100%;
}
.wi-menu-generic-tile-item-item:focus-visible {
  background-color: #3697DB;
}
.wi-menu-generic-tile-item-item:focus-visible path {
  fill: #fff !important;
}
.wi-menu-generic-tile-item-item:focus-visible .wi-menu-generic-tile-item__title {
  color: #fff;
}
.wi-define-content-menu__selected-container .wi-menu-generic-tile-item-item {
  cursor: default;
}
.wi-menu-generic-tile-item__thumb {
  width: 40px;
  height: 38px;
  padding: 2px 0px 0px;
  border-width: 0px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #667071;
  border-radius: 50%;
  margin: 10px 0 10px 16px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 41px;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
}
.wi-menu-generic-tile-item__icon {
  float: left;
  height: 65px;
  width: 57px;
}
.wi-menu-generic-tile-item__icon svg {
  margin: 20px 16px 0;
}
.wi-menu-generic-tile-item__title-container {
  float: left;
  display: flex;
  flex-direction: column;
  line-height: 65px;
  max-width: 175px;
  padding-left: 6px;
}
.wi-menu-generic-tile-item__title-container.wi-menu-generic-tile-item__title-container--lg-pad {
  padding-left: 14px;
}
.wi-menu-generic-tile-item__title {
  font-size: 14px;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wi-menu-generic-tile-item__title.wi-menu-generic-tile-item__title--label-on {
  line-height: 18px;
}
.wi-menu-generic-tile-item__label {
  font-size: 12px;
  color: #647070;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px;
}
.wi-menu-generic-tile-item-item__action {
  float: right;
  height: 65px;
  width: 57px;
  cursor: pointer;
}
.wi-menu-generic-tile-item-item__action:hover {
  background-color: #f1f1f1;
}
.wi-menu-generic-tile-item-item__action svg {
  margin: 20px 16px 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-define-content-menu__frame {
  background-color: #f1f1f1;
}
.wi-define-content-menu__section-header {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 0 10px;
  text-transform: uppercase;
  color: #5e5e5e;
  font-weight: 700;
  margin: 10px 0;
}
.wi-define-content-menu__selected-container {
  background-color: #e8e8e8;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #d4d4d4;
  display: flex;
  padding: 2px 10px 12px 10px;
}
.wi-define-content-menu__panel-container {
  background-color: #f1f1f1;
  padding: 2px 10px 12px 10px;
}
.wi-define-content-menu__section-listing.wi-define-content-menu__section-listing--border {
  border: 1px solid #d4d4d4;
  border-width: 0 0 1px;
  margin: 0 0 16px 0;
  padding-bottom: 16px;
}
.wi-define-content-menu__section-listing .wi-accordion-group {
  margin: 5px 0 0px 0;
}
.wi-define-content-menu__section-listing .wi-accordion-group__header-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: inherit;
  margin-left: 14px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  width: 173px;
  max-width: 195px;
}
.wi-define-content-menu__section-listing .wi-accordion-group--maximised .wi-accordion-group__header-title {
  font-size: 14px;
  font-weight: inherit;
}
.wi-define-content-menu__section-listing .wi-accordion-group__header-action {
  width: 24px;
  height: 24px;
  -moz-flex: 2 2 auto;
  -ms-flex: 2 2 auto;
  -webkit-flex: 2 2 auto;
  flex: 2 2 auto;
  margin-right: 21px;
  text-align: right;
}
.wi-menu-generic-tile-item {
  border-radius: 3px;
  height: 65px;
  margin: 5px 0 0 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  display: block;
  background-color: #ffffff;
}
.wi-menu-generic-tile-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.wi-define-content-menu__types-type {
  display: flex;
  border: 1px solid #f1f1f1;
  border-width: 1px 0 0;
  height: 50px;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}
.wi-define-content-menu__types-type--first {
  border: none;
}
.wi-define-content-menu__types-type button {
  border: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  padding: 0;
}
.wi-define-content-menu__types-type button:hover {
  background-color: #f1f1f1;
}
.wi-define-content-menu__types-type button:focus-visible {
  background-color: #3697DB;
}
.wi-define-content-menu__types-type button:focus-visible .wi-define-content-menu__types-type-title {
  color: #fff;
}
.wi-define-content-menu__types-type button:focus-visible path {
  fill: #fff !important;
}
.wi-define-content-menu__types-type.--disabled button {
  cursor: default;
  opacity: 0.5;
}
.wi-define-content-menu__types-type-icon {
  float: left;
  height: 50px;
  width: 60px;
  margin: 0 5px;
}
.wi-define-content-menu__types-type-icon svg {
  margin: 13px 0 0 20px;
  height: 24px;
  width: 24px;
}
.wi-define-content-menu__types-type-title {
  font-size: 14px;
  line-height: 50px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-table-loader__filter {
  padding: 0 21px 0px 21px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
}
@media (max-width: 601px) {
  .wi-general-table-loader__filter {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wi-general-table-loader__header {
  display: flex;
  padding: 0px 40px;
}
.wi-general-table-loader__table {
  padding: 21px;
  padding-top: 11px;
}
@media (max-width: 601px) {
  .wi-general-table-loader__table {
    padding: 15px;
    padding-top: 5px;
  }
}
.wi-general-table-loader__table.--widget-use {
  padding: 0;
}
.wi-general-table-loader--scrollable-behaviour {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.wi-general-table-loader--scrollable-behaviour .wi-general-table-loader__table {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.wi-general-table-loader.-wi-general-table-loader--dynamic-form {
  margin-top: 10px;
}

.wi-my-external-apps-menu__items {
  padding-top: 7px;
}
.wi-my-external-apps-menu__item {
  cursor: pointer;
}
.wi-my-external-apps-menu__livedata-container.-with-separator {
  border: 1px solid #d4d4d4;
  border-width: 0 0 1px;
  margin: 0 0 16px 0;
  padding-bottom: 16px;
}

.wi-insights-menu__items {
  padding-top: 7px;
}
.wi-insights-menu__item {
  cursor: pointer;
  min-height: 45px;
}

/*this magic number is a sum footer + 30px?*/
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.ui-x-data-container__workflow-progress {
  /* scroller should be inside component.. (react migrate) but for now this is best. */
  margin: 0 19px;
}
.wi-workflow-progress {
  /* correct way */
  /*display: flex;
	justify-content: center;
	padding: 12px 30px 12px;
	border: 1px solid #d4d4d4;
	border-width: 0 1px;
	background-color: #e8e8e8;*/
  /* hacked way */
  /*display: block;
	max-width: @header-content-inner-min-width;
	margin: 0 auto;
	width: 94%;*/
}
.wi-workflow-progress .wi-workflow-progress__scroll-wrapper {
  display: block;
  justify-content: center;
  padding: 22px 0 12px;
  border: 1px solid #d4d4d4;
  border-width: 0 1px;
  background-color: #ffffff;
}
.wi-workflow-progress .wi-workflow-progress__bar-wrapper {
  width: 100%;
}
.wi-workflow-progress .wi-workflow-progress__bar-wrapper .wi-scrollable-container__button-wrapper.-right {
  right: -10px;
}
.wi-workflow-progress .wi-workflow-progress__scrollable-container {
  width: 100%;
}
.wi-workflow-progress .wi-scrollable-container__button {
  width: 34px;
  height: 34px;
}
.wi-workflow-progress .wi-scrollable-container--react__navigate-button {
  width: 34px;
  height: 34px;
}
.wi-workflow-progress ul {
  display: flex;
  height: 32px;
  position: relative;
  left: 0;
  background-color: #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}
.wi-workflow-progress ul li {
  height: 32px;
  border: 2px solid #ffffff;
  border-left-width: 0;
  border-radius: 0 50px 50px 0;
  background-color: #3697db;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  position: relative;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wi-workflow-progress ul li .wi-workflow-progress__statusWrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /*position: absolute;
				left: 15px;
				top: 0;
				right: 15px;
				bottom: 0;*/
  text-align: center;
  /*				line-height: 32px;*/
  padding: 0 15px;
}
.wi-workflow-progress ul li.--completed {
  box-shadow: #3697db 15px -2px 0px 0px;
}
.wi-workflow-progress ul li.--active ~ li {
  background-color: #e0e0e0;
  color: #000000;
}
.wi-workflow-progress ul li.--nostatus {
  background-color: #e0e0e0;
  color: #000000;
}
.wi-workflow-progress ul li:last-child {
  border-right: 0;
  border-radius: 0;
}
@media (max-width: calc(601px - 1px)) {
  .wi-workflow-progress {
    width: inherit;
  }
  .wi-workflow-progress .ui-x-data-container__workflow-progress {
    /* scroller should be inside component.. (react migrate) but for now this is best. */
    margin: 0 10px;
  }
}
@media (min-width: 1330px) {
  .wi-workflow-progress {
    width: 100%;
  }
}
@media (max-width: 736px) {
  .wi-workflow-progress .wi-workflow-progress__fade-out-element {
    background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  }
  .wi-workflow-progress .wi-workflow-progress__fade-out-element.-right {
    background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  }
}
wi-workflow-progress {
  /* correct way */
  /*display: block;
max-width: 1188px;//max-width: @header-content-inner-min-width;
margin: 0 auto;
width: 94%;*/
  /* hack way*/
  margin: 0 10px;
  display: block;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-header-actions {
  display: flex;
  width: 100%;
  /*background-color: rgb(232, 232, 232);
	border-bottom: 1px solid #d4d4d4;*/
}
.wi-header-actions__content {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  position: relative;
  /*@media (min-width: @left-bar-visibility-min) {
		@large-screen-content-container-rules();
	}

	@media (min-width: @data-content-wide-breakpoint) {
		width: 100%;
	}*/
}
.wi-header-actions__content.-without-border {
  border-top: none;
}
.wi-header-actions__hack-element-to-hide-a-part-of-border {
  background-color: #ffffff;
  position: absolute;
  height: 1px;
  width: 20px;
  top: -1px;
}
@media (min-width: 601px) {
  .wi-header-actions__hack-element-to-hide-a-part-of-border {
    width: 29px;
  }
}
.wi-header-actions__buttons-content {
  margin: 0 19px 0 10px;
}
@media (min-width: 601px) {
  .wi-header-actions__buttons-content {
    margin: 0 19px;
  }
}
.wi-header-actions__separator {
  background-color: #d4d4d4;
  height: 24px;
  width: 1px;
  margin-left: 3px;
  margin-right: 9px;
  flex: 0 0 auto;
}
.wi-header-actions__scrollable-container {
  width: 100%;
  height: 50px;
}
.wi-header-actions__fade-out-element {
  height: 50px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wi-header-actions__buttons {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  margin-right: 28px;
}
.wi-header-actions__wi-round-button {
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
}
/*.wi-header-actions__fade-out {
	position: absolute;
	right: 0;
	height: 100%;
	width: 40px;
	background: linear-gradient(to left, @content-color-rbga-1, @content-color-rbga-0);
}*/
wi-round-button.wi-header-actions__wi-round-button.-with-border {
  box-shadow: none;
  border: 1px solid #d8d8d8;
}
wi-round-button.wi-header-actions__wi-round-button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
wi-round-button.wi-header-actions__wi-round-button.-button--0 .button-title {
  color: white;
  font-weight: 500;
}
wi-round-button.wi-header-actions__wi-round-button.-button--1 .button-title {
  color: white;
  font-weight: 500;
}
wi-round-button.wi-header-actions__wi-round-button.-button--2 .button-title {
  color: white;
  font-weight: 500;
}
wi-round-button.wi-header-actions__wi-round-button.-button--placeholder .button-title {
  color: black;
  font-weight: 500;
}
wi-round-button.wi-header-actions__wi-round-button.-button--0 .wi-round-button {
  background-color: #e2261e;
}
wi-round-button.wi-header-actions__wi-round-button.-button--0 .wi-round-button:focus-visible {
  background-color: #3697db;
}
wi-round-button.wi-header-actions__wi-round-button.-button--0.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-header-actions__wi-round-button.-button--0.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
wi-round-button.wi-header-actions__wi-round-button.-button--1 .wi-round-button {
  background-color: #238e23;
}
wi-round-button.wi-header-actions__wi-round-button.-button--1 .wi-round-button:focus-visible {
  background-color: #3697db;
}
wi-round-button.wi-header-actions__wi-round-button.-button--1.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-header-actions__wi-round-button.-button--1.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
wi-round-button.wi-header-actions__wi-round-button.-button--placeholder .wi-round-button {
  background-color: #e0e0e0;
}
wi-round-button.wi-header-actions__wi-round-button.-button--placeholder .wi-round-button:focus-visible {
  background-color: #3697db;
}
wi-round-button.wi-header-actions__wi-round-button.-button--placeholder.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-header-actions__wi-round-button.-button--placeholder.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
.wi-header-actions__wi-round-button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-header-actions__wi-round-button.wi-disabled:hover,
.wi-header-actions__wi-round-button.-button--placeholder:hover {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
}
.wi-header-actions__wi-round-button.-with-border.wi-disabled:hover {
  box-shadow: none;
}
.wi-header-actions__button-icon-text {
  min-width: 30px;
  height: 30px;
  padding: 0 3px;
  box-sizing: border-box;
  color: white;
  font-weight: bold;
  font-family: arial;
  background-color: #667071;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-filter-menu__loading-content {
  overflow-y: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-filter-menu .wi-loader__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}
.wi-filter-menu__filters {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-banner-uploader {
  display: flex;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #bababa;
}
.wi-banner-uploader {
  flex: 1 1 auto;
}
.wi-banner-uploader__banner {
  background-color: #9B9B9B;
  background-size: cover;
  background-position: center center;
}
.wi-banner-uploader__banner-placeholder {
  height: 145px;
  position: relative;
  margin: 0 10px;
}
.wi-banner-uploader--narrow .wi-banner-uploader__banner-placeholder {
  width: 95%;
  max-width: 862px;
  margin: 0 auto;
}
.wi-banner-uploader--wide .wi-banner-uploader__banner-placeholder {
  width: 92%;
  max-width: 100%;
  margin: 0 auto;
}
.wi-banner-uploader__thumbnail {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #ebebeb;
  border: 5px solid #fff;
  border-radius: 50%;
  bottom: -31px;
  left: 50%;
  margin-left: -45px;
  background-size: cover;
  background-position: center center;
  z-index: 3;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.wi-banner-uploader__banner-items {
  position: absolute;
  bottom: 44px;
  right: 20px;
}
.wi-banner-uploader__banner-items svg {
  width: 24px;
  height: 24px;
}
.wi-banner-uploader__thumbnail-items {
  margin-top: -15px;
}
.wi-banner-uploader__thumbnail-items svg {
  width: 24px;
  height: 24px;
}
.wi-banner-uploader__info {
  padding-left: 22px;
  padding-right: 18px;
  padding: 7px 18px 6px 22px;
  background-color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  color: #647070;
  font-size: 14px;
  min-height: 30px;
  box-sizing: border-box;
}
.wi-banner-uploader__banner-title-slot {
  min-height: 71px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-grouped-buttons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 50px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.wi-grouped-buttons__item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-left: 1px solid #f1f1f1;
  cursor: pointer;
  background-color: #fff;
  z-index: 2;
}
.wi-grouped-buttons__item:first-child {
  padding-left: 4px;
  border-left: none;
  border-radius: 50px 0 0 50px;
}
.wi-grouped-buttons__item:last-child {
  padding-right: 4px;
  border-radius: 0 50px 50px 0;
}
.wi-grouped-buttons__item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.wi-grouped-buttons__item--disabled:hover {
  box-shadow: none;
}
.wi-grouped-buttons__item--disabled {
  opacity: 0.7;
  cursor: default;
}
.wi-grouped-buttons--single .wi-grouped-buttons__item {
  border-radius: 50px;
  padding: 0;
}
.wi-grouped-buttons__item-icon {
  height: 34px;
  width: 34px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* This comment will be in result CSS */
/* Custom */
.wi-creation-process-warning {
  background-color: #f89406;
  padding: 11px 20px;
  margin-bottom: 5px;
  border-radius: 3px;
}
.wi-creation-process-warning__title {
  color: white;
  line-height: 20px;
  font-size: 15px;
  font-weight: 500;
}
.wi-creation-process-warning__items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row wrap;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 6px;
}
.wi-creation-process-warning__item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 5px;
  margin-top: 5px;
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 50px;
  color: #000000;
  font-size: 14px;
}
.wi-creation-process-warning__item-circle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  width: 24px;
  height: 24px;
  border-radius: 50px;
}
.wi-creation-process-warning__item-text {
  margin: 0px 11px 0 4px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-collection-creation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-collection-creation__details {
  position: relative;
  top: -72px;
  margin: 0 auto;
  width: 100%;
}
.wi-collection-creation__warning {
  display: block;
  margin: 9px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-info-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 50px;
  padding: 3px 18px 3px 9px;
  border: 1px solid rgba(102, 102, 102, 0.2);
}
.wi-info-button--clickable {
  cursor: pointer;
}
.wi-info-button__icon {
  width: 24px;
  height: 24px;
}
.wi-info-button__title {
  font-size: 14px;
  margin-left: 6px;
  color: #000000;
  font-weight: 400;
}

/* This comment will be in result CSS */
/* Custom */
.wi-info-buttons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1px 12px;
}
.wi-info-buttons__item {
  margin-right: 8px;
}

/* This comment will be in result CSS */
/* Custom */
wi-create-content-confirmation {
  display: block;
  margin-top: -125px;
  width: 476px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px #333333;
  -moz-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 10px #333333;
}
@media (max-width: 719px) {
  wi-create-content-confirmation {
    width: 74%;
  }
}
@media (max-width: 719px) {
  .wi-create-content-confirmation__buttons {
    font-size: 95%;
  }
}
@media (max-width: 719px) {
  .wi-create-content-confirmation__button {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
  }
}

/* This comment will be in result CSS */
/* Custom */
.create-collection-page__header {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
}
.create-collection-page__wi-collection-creation {
  position: absolute;
  width: 100%;
  top: 105px;
  bottom: 0;
  overflow: auto;
  z-index: 1;
}
.create-collection-page__wi-collection-creation--without-info {
  top: 50px;
}
.create-collection-page__info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  height: 55px;
  box-sizing: border-box;
  top: 50px;
  position: absolute;
  width: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-creation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-content-creation wi-widget-panels.wi-content-creation__widget-panels--wide xd-section-panels > .xd-section-panels > xd-section-panel > .xd-section-panel.xd-section-panel--type--7 {
  margin-top: 0;
}
.wi-content-creation__banner-title-slot {
  width: 95%;
  max-width: 862px;
  display: block;
  margin: 0 auto;
  padding: 30px 90px 30px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.wi-content-creation__banner-title-slot--wide {
  width: 92%;
  max-width: 100%;
  padding-left: 21px;
  padding-right: 21px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #d4d4d4;
  border-width: 1px 1px 0 1px;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
}
.wi-content-creation__banner-title {
  resize: none;
  overflow: hidden;
  line-height: 42px;
  border: none;
  font-size: 34px;
  font-weight: 700;
  padding: 0;
  width: 100%;
  background-color: transparent;
}
.wi-content-creation__banner-title::-webkit-input-placeholder {
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__banner-title:-moz-placeholder {
  /* Firefox 18- */
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__banner-title::-moz-placeholder {
  /* Firefox 19+ */
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__banner-title:-ms-input-placeholder {
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__content-area {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  position: relative;
  width: 95%;
  max-width: 862px;
  box-sizing: border-box;
  min-height: calc(100vh - 233px - 51px);
  z-index: 2;
  padding-bottom: 90px;
  background-color: #ffffff;
  border-radius: 3px;
  border-width: 0px;
  border-color: #666666;
  border-style: solid;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.wi-content-creation__content-area > * {
  padding: 0 90px;
}
.wi-content-creation__content-area--no-border {
  box-shadow: none;
  background-color: transparent;
}
.wi-content-creation__content-area .xd-section-panel__border {
  margin: 0 -90px;
  padding: 0 90px;
  padding-bottom: 5px;
}
.wi-content-creation__content-area .xd-section-panel__border--type--7 {
  padding-bottom: 0px;
}
.wi-content-creation__content-area--wide {
  width: 92%;
  max-width: 100%;
}
.wi-content-creation__content-area--wide > * {
  padding: 0;
}
.wi-content-creation__content-area--wide .xd-section-panel__border {
  margin: 0 -4.34782609%;
  padding: 0 4.34782609%;
  padding-bottom: 5px;
}
.wi-content-creation__content-area--wide .xd-section-panel__border--type--7 {
  padding-bottom: 0px;
}
.wi-content-creation__fake-element-to-kill-shadow {
  position: absolute;
  width: 100%;
  height: 3px;
  box-sizing: border-box;
  background-color: #fff;
  top: -3px;
}
.wi-content-creation__content-subtitle {
  border: none;
  margin-bottom: 13px;
  resize: none;
  overflow: hidden;
  font-size: 17px;
  color: #000000;
  font-weight: 700;
  line-height: 26px;
}
.wi-content-creation__content-subtitle::-webkit-input-placeholder {
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__content-subtitle:-moz-placeholder {
  /* Firefox 18- */
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__content-subtitle::-moz-placeholder {
  /* Firefox 19+ */
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__content-subtitle:-ms-input-placeholder {
  color: #9b9b9b;
  opacity: 1;
}
.wi-content-creation__report_filters {
  border-radius: 0 0 3px 3px;
  border: 1px solid #d4d4d4;
  border-width: 0px 1px 1px 1px;
}
.wi-content-creation__wi-content-editor-adapter {
  margin-bottom: -10px;
}

.wi-widget-placeholder::selection {
  background-color: transparent;
}
.wi-widget-placeholder br::selection {
  background-color: transparent;
}

.wi-content-editor__editable {
  outline-width: 0;
  background-color: transparent;
}
.wi-content-editor__faux-selection * {
  position: initial !important;
}
.wi-content-editor__faux-selection .content-editor-text {
  color: transparent;
  background-color: transparent;
}
.wi-content-editor__faux-selection .wi-content-editor__faux-selection-text {
  color: lightgray;
  background-color: lightgray;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-editor-component {
  outline: none;
  outline-width: 0;
  position: relative;
}
.wi-content-editor-component h2 {
  margin: 10px 0 0;
  color: black;
  font-size: 22px;
  line-height: 29px;
}
.wi-content-editor-component h3 {
  margin: 0;
  color: black;
  font-size: 18px;
  line-height: 22px;
}
.wi-content-editor__header {
  position: relative;
  word-wrap: break-word;
  color: black;
  font-weight: 700;
}
.wi-content-editor__header.wi-editor-header--h2 > .wi-content-editor__line {
  font-size: 22px;
  line-height: 29px;
}
.wi-content-editor__header.wi-editor-header--h3 > .wi-content-editor__line {
  line-height: 22px;
  font-size: 18px;
}
h2 > .wi-content-editor__line {
  font-size: 22px;
  line-height: 29px;
}
h3 > .wi-content-editor__line {
  line-height: 22px;
  font-size: 18px;
}
.wi-content-editor__editable {
  flex: 1 1 auto;
  align-self: stretch;
  outline: none;
  min-width: 1px;
  background: transparent;
}
.wi-content-editor__editable-part {
  margin-bottom: 25px;
}
.wi-content-editor__editable ol {
  list-style-type: decimal;
}
.wi-content-editor__editable ul {
  list-style-type: disc;
}
.wi-content-editor__placeholder-element {
  display: inline-block;
  word-wrap: break-word;
  z-index: 1;
  color: #9b9b9b;
  line-height: 26px;
  font-size: 17px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.wi-content-editor__paragraph {
  position: relative;
  word-wrap: break-word;
}
.wi-content-editor__paragraph ul,
.wi-content-editor__paragraph ol {
  margin: 0;
  padding: 0;
  padding-left: 40px;
  color: black;
}
.wi-content-editor__paragraph ul li .wi-content-editor__line,
.wi-content-editor__paragraph ol li .wi-content-editor__line {
  padding: 0;
  list-style-position: outside;
  list-style-type: decimal;
}
.wi-content-editor__line {
  z-index: 2;
  padding-bottom: 10px;
  color: black;
  font-size: 17px;
  position: relative;
  line-height: 26px;
  display: block;
}
.wi-content-editor__line > a {
  color: #4997dc;
}
.wi-content-editor__line > a:focus-visible {
  border-radius: var(--outline-border-radius);
  outline: var(--outline-width) solid var(--outline-color-old-part);
  outline-offset: var(--outline-offset);
}
.wi-content-editor--widget .wi-content-editor__line {
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 7px;
}
h3 > .wi-content-editor__line:first-child,
.wi-content-editor__header.wi-editor-header--h3 > .wi-content-editor__line:first-child {
  padding-top: 10px;
}
h2 > .wi-content-editor__line:last-child,
h3 > .wi-content-editor__line:last-child,
.wi-content-editor__header.wi-editor-header--h2 > .wi-content-editor__line:last-child,
.wi-content-editor__header.wi-editor-header--h3 > .wi-content-editor__line:last-child {
  padding-bottom: 0;
}
.wi-content-editor__paragraph > .wi-content-editor__line:first-child {
  padding-top: 10px;
}
.wi-content-editor--widget.wi-content-editor__paragraph > .wi-content-editor__line:first-child {
  padding-top: 7px;
}
.wi-content-editor__paragraph > ul:first-child,
.wi-content-editor__paragraph > ol:first-child {
  padding-top: 10px;
}
/*.wi-content-editor__paragraph > .wi-content-editor__line:last-child,*/
.wi-content-editor__paragraph > ul:last-child,
.wi-content-editor__paragraph > ol:last-child {
  padding-bottom: 10px;
}
.wi-widget-placeholder {
  /* TODO: remove this magic number. See it in contenteditor->layoutwidgets */
  line-height: 18px;
}
.wi-content-editor-component__paste-container-wrapper-to-hide-pasted-content {
  height: 0;
  overflow: hidden;
  position: relative;
}
.wi-content-editor-component__paste-container {
  word-break: keep-all;
  white-space: nowrap;
}

.wi-link-widget-content__container {
  display: block;
}
.wi-link-widget-content__container:focus-visible,
.wi-link-widget-content__container:hover {
  background-color: #f5f5f5;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
wi-widget-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: left;
}
wi-widget-tile .wi-widget-tile__header {
  padding: 16px 15px 15px 15px;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
wi-widget-tile .wi-widget-tile__content {
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
wi-widget-tile .wi-widget-tile__text-primary {
  color: black;
  overflow: hidden;
  position: relative;
  font-size: 18px;
  border: none;
  word-break: break-word;
}
wi-widget-tile .wi-widget-tile__text-primary.--placeholder {
  color: #717171;
  opacity: 0.7;
}
wi-widget-tile .wi-widget-tile__text-primary.--input {
  line-height: 22px;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 2px;
  resize: none;
  overflow: hidden;
  max-height: none;
}
wi-widget-tile .wi-widget-tile__text-primary.--input:hover,
wi-widget-tile .wi-widget-tile__text-primary.--input:active,
wi-widget-tile .wi-widget-tile__text-primary.--input:focus {
  background-color: #ececec;
}
wi-widget-tile .wi-widget-tile__text-secondary {
  margin-top: 5px;
  color: #717171;
  font-size: 13px;
  line-height: 18px;
  border: none;
  word-break: break-word;
}
wi-widget-tile .wi-widget-tile__text-secondary.--input {
  line-height: 18px;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 2px;
  resize: none;
  overflow: hidden;
  max-height: none;
}
wi-widget-tile .wi-widget-tile__text-secondary.--input:hover,
wi-widget-tile .wi-widget-tile__text-secondary.--input:active,
wi-widget-tile .wi-widget-tile__text-secondary.--input:focus {
  background-color: #ececec;
}
wi-widget-tile .wi-widget-tile__content-actions-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0 -5px 0;
}
wi-widget-tile .wi-widget-tile__content-actions-panel--minimal {
  margin: 10px 0 -5px 0px;
}
wi-widget-tile .wi-widget-tile__action-wrapper {
  position: relative;
  margin: 0 0 0 14px;
  line-height: 24px;
  font-size: 14px;
  display: flex;
}
wi-widget-tile .wi-widget-tile__action-wrapper::before {
  content: " \2022 ";
  color: #717171;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  margin-left: -14px;
}
wi-widget-tile .wi-widget-tile__action-wrapper:first-child {
  margin: 0;
}
wi-widget-tile .wi-widget-tile__action-wrapper:first-child::before {
  content: "";
  padding: 0;
  display: none;
}
@media (max-width: 601px) {
  wi-widget-tile .wi-widget-tile__action-wrapper::before {
    content: "";
    padding: 0;
    display: none;
  }
}
wi-widget-tile .wi-widget-tile__content-action {
  height: auto;
  padding: 0;
  line-height: 24px;
  border: none;
  border-radius: 3px;
  color: #147bc2;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
wi-widget-tile .wi-widget-tile__content-action:hover {
  text-decoration: underline;
}
wi-widget-tile .wi-widget-tile__content-action:focus-visible .wi-list-card__content-action-icon {
  background-color: #3697DB;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
wi-widget-tile .wi-widget-tile__content-action:focus-visible .wi-list-card__content-action-icon path {
  fill: #fff !important;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled {
  cursor: default;
  color: #9b9b9b;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled:hover {
  cursor: default;
  color: #9b9b9b;
  text-decoration: none;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled:focus-visible {
  background-color: #3697DB;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled:focus-visible path {
  fill: #9b9b9b !important;
}
@media (max-width: 601px) {
  wi-widget-tile .wi-widget-tile__content-action {
    display: flex;
  }
}
wi-widget-tile .wi-widget-tile__content-action.-link {
  display: flex;
  align-items: center;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled {
  cursor: default;
  color: #9b9b9b;
}
wi-widget-tile .wi-widget-tile__content-action.-disabled:hover {
  cursor: default;
  background-color: transparent;
}
wi-widget-tile .wi-widget-tile__content-action:focus,
wi-widget-tile .wi-widget-tile__content-action:focus-visible {
  outline: 2px solid #3697db;
  outline-offset: 2px;
}
wi-widget-tile .wi-widget-tile__content-description {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 14px;
  border: none;
  word-break: break-word;
  line-height: 20px;
}
wi-widget-tile .wi-widget-tile__content-description.--input {
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 2px;
  resize: none;
  overflow: hidden;
  max-height: none;
}
wi-widget-tile .wi-widget-tile__content-description.--input:hover,
wi-widget-tile .wi-widget-tile__content-description.--input:active,
wi-widget-tile .wi-widget-tile__content-description.--input:focus {
  background-color: #ececec;
}

wi-link-widget {
  display: block;
}
wi-link-widget .ng-leave-prepare {
  display: none;
}
.wi-link-widget__tick-option--selected svg path {
  fill: green;
  stroke: green;
}

wi-action-item {
  display: flex;
  justify-content: center;
  align-items: stretch;
  background-color: white;
  z-index: 2;
}
wi-action-item.wi-action-item--no-hover .wi-action-item__action-button {
  cursor: default;
}
wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover {
  z-index: 1;
  box-shadow: none;
}
wi-action-item:hover {
  z-index: 1;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
wi-action-item.wi-action-item--inactive {
  cursor: default;
}
wi-action-item.wi-action-item--inactive:hover {
  z-index: 1;
  box-shadow: none;
}
wi-action-item.wi-action-item--disabled {
  opacity: 0.7;
  cursor: default;
}
wi-action-item.wi-action-item--disabled:hover {
  z-index: 1;
  box-shadow: none;
}
wi-action-item .wi-action-item__action-button {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background-color: white;
  box-sizing: content-box;
  padding: 0;
  z-index: 2;
  width: 45px;
  outline: none;
  cursor: pointer;
  border: none;
  border-left: 1px solid #f1f1f1;
}
wi-action-item .wi-action-item__action-button.--disabled,
wi-action-item .wi-action-item__action-button.--inactive {
  cursor: default;
}
wi-action-item .wi-action-item__action-button--dragger {
  cursor: move;
  float: left;
}
wi-action-item .wi-action-item__action-button .wi-action-item__action-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg {
  width: 24px !important;
  height: 24px !important;
}
wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg path {
  fill: black !important;
}
wi-action-item:first-child {
  padding-left: 5px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
wi-action-item:first-child .wi-action-item__action-button {
  border-left: none;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
wi-action-item:last-child {
  padding-right: 5px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
wi-action-item:last-child .wi-action-item__action-button {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

wi-actions-panel {
  display: flex;
  border-radius: 50px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
}
wi-actions-panel.wi-actions-panel--expandable {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.1s;
  border-radius: 0 50px 50px 0;
}
wi-actions-panel.wi-actions-panel--expandable wi-action-item:first-child {
  border-radius: 0;
}
wi-actions-panel.wi-actions-panel--expandable wi-action-item:first-child .wi-action-item__action-button {
  border-radius: 0;
}
wi-actions-panel.wi-actions-panel--expandable wi-action-item:last-child {
  padding-right: 5px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
wi-actions-panel.wi-actions-panel--expandable wi-action-item:last-child .wi-action-item__action-button {
  padding-right: 0px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
wi-actions-panel.wi-actions-panel--expandable.wi-actions-panel--opened {
  transform: scaleX(1);
}
wi-actions-panel.wi-actions-panel--expandable .wi-actions-panel__action-button:first-child {
  width: 45px;
  padding-left: 0px;
  border-radius: 0;
}

wi-expandable-button {
  display: flex;
  align-items: center;
  height: 34px;
  width: 34px;
}
wi-expandable-button .wi-expandable-button__plus-button {
  border: none;
  background-color: white;
  cursor: pointer;
  border-radius: 50px;
  padding: 2px;
  outline-width: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 3;
  flex: 1 0 auto;
}
wi-expandable-button .wi-expandable-button__plus-button:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
wi-expandable-button .wi-expandable-button__plus-button svg {
  width: 24px;
  height: 24px;
}
wi-expandable-button .wi-expandable-button__plus-button svg path {
  fill: white;
}
wi-expandable-button .wi-expandable-button__plus-button.--opened {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
wi-expandable-button .wi-expandable-button__plus-button.--opened > .wi-flex-container {
  transform: rotateZ(45deg);
}
wi-expandable-button .wi-expandable-button__plus-button > .wi-flex-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transform: rotateZ(0deg);
  transition: transform 0.3s;
}
wi-expandable-button .wi-expandable-button__actions-panel {
  position: relative;
  display: flex;
  height: 34px;
  left: -17px;
  flex: 1 0 auto;
}
wi-actions-panel.wi-expandable-button__actions-panel wi-action-item:first-child {
  padding-left: 17px;
}

/* This comment will be in result CSS */
/* Custom */
wi-widget-frame {
  display: block;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
wi-widget-frame .ng-leave-prepare {
  display: none;
}
wi-widget-frame .wi-widget-frame__content-block {
  background-color: #fff;
  position: relative;
  min-width: 300px;
  z-index: 1;
  background-color: white;
  border-radius: 5px;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
}
wi-widget-frame .wi-widget-frame__content-block:before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  background-color: transparent;
  z-index: -1;
  border-radius: 5px;
}
wi-widget-frame .wi-widget-frame__content-block.-focused {
  border-color: #3697db;
}
wi-widget-frame .wi-widget-frame__content-block.-focused:before {
  background-color: #3697db;
}
wi-widget-frame .wi-widget-frame__content-block.-edit:hover,
wi-widget-frame .wi-widget-frame__content-block.-edit:active {
  border-color: #3697db;
}
wi-widget-frame.wi-widget-frame--invalid .wi-widget-frame__content-block:after {
  border-radius: 5px 0 0 5px;
  content: "";
  position: absolute;
  width: 2px;
  top: 0px;
  left: -1px;
  bottom: 0px;
  border-color: red;
  border-style: solid;
  border-width: 0 0 0 3px;
}
wi-widget-frame.wi-widget-frame--invalid .wi-widget-frame__content-block.-focused:before {
  background-color: red;
}
wi-widget-frame.wi-widget-frame--invalid .wi-widget-frame__content-block:hover {
  border-color: red;
}
wi-widget-frame.-wi-widget-frame--borderless .wi-widget-frame__content-block {
  border: none;
}
wi-widget-frame.-wi-widget-frame--borderless .wi-widget-frame__content-block:before {
  display: none;
}
wi-widget-frame.-wi-widget-frame--borderless .wi-widget-frame__content-block:after {
  display: none;
}
wi-widget-frame .wi-widget-frame__content-container {
  display: block;
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
}
wi-widget-frame .wi-widget-frame__content-container img {
  display: block;
  width: 100%;
}
wi-widget-frame .wi-widget-frame__options-button {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: -68px;
}
.wi-content-editor-adapter-widgets--fixed wi-widget-frame .wi-widget-frame__options-button {
  left: -43px;
}
wi-expandable-button.wi-widget-frame__options-button.--options-opened .wi-expandable-button__plus-button svg {
  height: 22px !important;
  width: 22px !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg path,
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg path,
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg rect {
  fill: black !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg path,
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg path,
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-widget-frame__options-button wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg path,
.wi-widget-frame__options-button wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg rect {
  fill: #717171 !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg.-selected path {
  fill: #3697DB !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg.-selected path {
  fill: #227dbc !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg.-selected path {
  fill: #3697DB !important;
}
.wi-widget-frame__options-button wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg.-selected path {
  fill: #3697DB !important;
}
.wi-widget-frame__options-button wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg.-selected path {
  fill: #3697DB !important;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-embed-input-progress-bar {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 3px;
  margin-bottom: -3px;
}
wi-embed-input-progress-bar .wi-embed-input-progress-bar__line {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #3697db;
}
wi-embed-input-progress-bar .wi-embed-input-progress-bar__line.-indeterminate {
  background: transparent;
  position: relative;
}
wi-embed-input-progress-bar .wi-embed-input-progress-bar__subline {
  position: absolute;
  background: #3697db;
  height: 100%;
}
wi-embed-input-progress-bar .wi-embed-input-progress-bar__subline.-inc {
  -webkit-animation: increase 2s infinite;
  animation: increase 2s infinite;
}
wi-embed-input-progress-bar .wi-embed-input-progress-bar__subline.-dec {
  -webkit-animation: decrease 2s 0.5s infinite;
  animation: decrease 2s 0.5s infinite;
}
@-webkit-keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@-webkit-keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-embed-input-widget {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-embed-input-widget .fsp-drop-pane__container {
  position: absolute;
  background: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: none;
}
wi-embed-input-widget .fsp-drop-pane__text {
  display: none;
}
wi-embed-input-widget input {
  background: #f2f2f2;
  padding: 10px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color: black;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
wi-embed-input-widget input::-webkit-input-placeholder {
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:-moz-placeholder {
  /* Firefox 18- */
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:-ms-input-placeholder {
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:hover,
wi-embed-input-widget input:active,
wi-embed-input-widget input:focus {
  background-color: #ececec;
}
wi-embed-input-widget ng-transclude {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
wi-embed-input-widget .wi-embed-input-widget__icon {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
wi-embed-input-widget .wi-embed-input-widget__title {
  font-size: 18px;
  color: #717171;
  text-align: center;
}
wi-embed-input-widget .wi-embed-input-widget__info-container,
wi-embed-input-widget .wi-embed-input-widget__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  width: 100%;
  min-height: 25px;
}
wi-embed-input-widget .wi-embed-input-widget__info {
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  cursor: default;
  color: #647070;
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated {
  -webkit-transition: transform .20s ease-out;
  -moz-transition: transform .20s ease-out;
  -ms-transition: transform .20s ease-out;
  -o-transition: transform .20s ease-out;
  transition: transform .20s ease-out;
  transform-origin: top;
  transform: scaleY(0);
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated:not(.-opened) {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  border: 0;
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated.-opened {
  transform: scaleY(1);
  max-height: 100px;
}
wi-embed-input-widget .wi-embed-input-widget__info.-progress {
  color: #3697db;
}
wi-embed-input-widget .wi-embed-input-widget__info.-error {
  color: #ffffff;
  background-color: #f89406;
}
wi-embed-input-widget .wi-embed-input-widget__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
}
wi-embed-input-widget .wi-embed-input-widget__container.-invalid {
  border-left-color: red;
}
wi-embed-input-widget .wi-embed-input-widget__container.-invalid:hover,
wi-embed-input-widget .wi-embed-input-widget__container.-invalid:active,
wi-embed-input-widget .wi-embed-input-widget__container.-invalid.-focused {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget .wi-embed-input-widget__container.-disabled .wi-embed-input-widget__title,
wi-embed-input-widget .wi-embed-input-widget__container.-disabled .wi-embed-input-widget__icon {
  opacity: 0.35;
}
wi-embed-input-widget .wi-embed-input-widget__container.-disabled input {
  color: rgba(0, 0, 0, 0.35);
}
wi-embed-input-widget .wi-embed-input-widget__container.-in-progress,
wi-embed-input-widget .wi-embed-input-widget__container.-focused {
  border-color: #3697db;
  border-style: solid;
}
wi-embed-input-widget .wi-embed-input-widget__container:hover,
wi-embed-input-widget .wi-embed-input-widget__container:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget .wi-embed-input-widget__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
  position: relative;
}
wi-embed-input-widget .wi-embed-input-widget__content.-alt-choice {
  border-left: 1px solid #d8d8d8;
}
wi-embed-input-widget .wi-embed-input-widget__content {
  padding: 50px 0 25px 0;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable {
  cursor: pointer;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable:hover {
  opacity: 0.8;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable .wi-embed-input-widget__info {
  cursor: pointer;
}
wi-embed-input-widget .wi-embed-input-widget__content.-has-footer {
  padding-bottom: 0;
}
wi-embed-input-widget .wi-embed-input-widget__footer {
  margin-top: auto;
  padding-top: 20px;
  min-height: 30px;
}
wi-embed-input-widget .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  padding: 8px 10px;
  border-radius: 0 0 5px 5px;
}
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(:hover):not(.-in-progress) {
  border-left-color: red;
}
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(.-in-progress):hover,
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(.-in-progress).-focused {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__content {
  padding: 80px 0 55px 0;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__content.-has-footer {
  padding-bottom: 0;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__footer {
  padding-top: 50px;
  min-height: 30px;
}
wi-embed-input-widget .wi-embed-input-widget__container.-has-alt-choice .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  border-radius: 0 0 0 5px;
}
wi-embed-input-widget .wi-embed-input-widget__container.-has-alt-choice .wi-embed-input-widget__content.-alt-choice .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  border-radius: 0 0 5px 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline input {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
  padding-top: 8px;
  padding-bottom: 8px;
  flex: 1 1 auto;
  text-align: left;
  font-size: 17px;
}
wi-embed-input-widget.wi-embed-input-widget--inline input:hover,
wi-embed-input-widget.wi-embed-input-widget--inline input:active,
wi-embed-input-widget.wi-embed-input-widget--inline input:focus {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid {
  border-left-color: red;
}
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:hover,
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:active,
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:focus {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content {
  border: none;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container:hover,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content:hover,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container:active,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content:active {
  border: none;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-focused,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-focused {
  border: none;
  padding: 0;
  background-color: transparent;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-in-progress input,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-in-progress input {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-in-progress input.-invalid,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-in-progress input.-invalid {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__icon,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__title {
  display: none;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__info-container {
  box-sizing: border-box;
  padding: 0 3px 0 4px;
  min-height: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__info {
  padding: 4px 10px;
  font-size: 13px;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  text-align: left;
  border: 1px solid #d8d8d8;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
wi-embed-input-widget.wi-embed-input-widget--inline ng-transclude {
  flex-direction: row;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
wi-document-widget-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: left;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-document-widget {
  display: block;
  text-align: center;
}
wi-document-widget .ng-leave-prepare {
  display: none;
}
wi-document-widget .ui-x-accordion-btn {
  float: none;
  font-size: 86%;
}
.wi-document-widget__edit-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: white;
}
.ui-x-widget-title {
  text-align: center;
  margin-bottom: 26px;
  word-wrap: break-word;
}
.ui-x-widget-edit {
  display: inline-block;
}
.ui-x-widget-edit input {
  border: 1px solid #DEDEDE;
  color: #147bc2;
  font-family: var(--em360-font-family);
  font-weight: 100;
  height: 1.2em;
}
.ui-x-accordion-btn {
  width: auto;
  padding: 0 30px;
  text-decoration: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
wi-image-widget {
  display: block;
}
wi-image-widget .ng-leave-prepare {
  display: none;
}
wi-image-widget wi-widget-frame > .wi-widget-frame__content-container > ng-transclude {
  position: relative;
  min-height: 100px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-image-widget wi-widget-frame > .wi-widget-frame__content-container > ng-transclude img {
  width: 100%;
  display: block;
  position: relative;
}
wi-image-widget wi-document-widget-content {
  width: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-embed-input-widget {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-embed-input-widget .fsp-drop-pane__container {
  position: absolute;
  background: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: none;
}
wi-embed-input-widget .fsp-drop-pane__text {
  display: none;
}
wi-embed-input-widget input {
  background: #f2f2f2;
  padding: 10px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  color: black;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
wi-embed-input-widget input::-webkit-input-placeholder {
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:-moz-placeholder {
  /* Firefox 18- */
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:-ms-input-placeholder {
  color: #9b9b9b;
  opacity: 0.8;
}
wi-embed-input-widget input:hover,
wi-embed-input-widget input:active,
wi-embed-input-widget input:focus {
  background-color: #ececec;
}
wi-embed-input-widget ng-transclude {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
wi-embed-input-widget .wi-embed-input-widget__icon {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
wi-embed-input-widget .wi-embed-input-widget__title {
  font-size: 18px;
  color: #717171;
  text-align: center;
}
wi-embed-input-widget .wi-embed-input-widget__info-container,
wi-embed-input-widget .wi-embed-input-widget__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  width: 100%;
  min-height: 25px;
}
wi-embed-input-widget .wi-embed-input-widget__info {
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  cursor: default;
  color: #647070;
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated {
  -webkit-transition: transform .20s ease-out;
  -moz-transition: transform .20s ease-out;
  -ms-transition: transform .20s ease-out;
  -o-transition: transform .20s ease-out;
  transition: transform .20s ease-out;
  transform-origin: top;
  transform: scaleY(0);
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated:not(.-opened) {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  border: 0;
}
wi-embed-input-widget .wi-embed-input-widget__info.-animated.-opened {
  transform: scaleY(1);
  max-height: 100px;
}
wi-embed-input-widget .wi-embed-input-widget__info.-progress {
  color: #3697db;
}
wi-embed-input-widget .wi-embed-input-widget__info.-error {
  color: #ffffff;
  background-color: #f89406;
}
wi-embed-input-widget .wi-embed-input-widget__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
}
wi-embed-input-widget .wi-embed-input-widget__container.-invalid {
  border-left-color: red;
}
wi-embed-input-widget .wi-embed-input-widget__container.-invalid:hover,
wi-embed-input-widget .wi-embed-input-widget__container.-invalid:active,
wi-embed-input-widget .wi-embed-input-widget__container.-invalid.-focused {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget .wi-embed-input-widget__container.-disabled .wi-embed-input-widget__title,
wi-embed-input-widget .wi-embed-input-widget__container.-disabled .wi-embed-input-widget__icon {
  opacity: 0.35;
}
wi-embed-input-widget .wi-embed-input-widget__container.-disabled input {
  color: rgba(0, 0, 0, 0.35);
}
wi-embed-input-widget .wi-embed-input-widget__container.-in-progress,
wi-embed-input-widget .wi-embed-input-widget__container.-focused {
  border-color: #3697db;
  border-style: solid;
}
wi-embed-input-widget .wi-embed-input-widget__container:hover,
wi-embed-input-widget .wi-embed-input-widget__container:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget .wi-embed-input-widget__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
  position: relative;
}
wi-embed-input-widget .wi-embed-input-widget__content.-alt-choice {
  border-left: 1px solid #d8d8d8;
}
wi-embed-input-widget .wi-embed-input-widget__content {
  padding: 50px 0 25px 0;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable {
  cursor: pointer;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable:hover {
  opacity: 0.8;
}
wi-embed-input-widget .wi-embed-input-widget__content.-hoverable .wi-embed-input-widget__info {
  cursor: pointer;
}
wi-embed-input-widget .wi-embed-input-widget__content.-has-footer {
  padding-bottom: 0;
}
wi-embed-input-widget .wi-embed-input-widget__footer {
  margin-top: auto;
  padding-top: 20px;
  min-height: 30px;
}
wi-embed-input-widget .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  padding: 8px 10px;
  border-radius: 0 0 5px 5px;
}
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(:hover):not(.-in-progress) {
  border-left-color: red;
}
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(.-in-progress):hover,
wi-embed-input-widget.wi-embed-input-widget--mandatory .wi-embed-input-widget__container:not(.-in-progress).-focused {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__content {
  padding: 80px 0 55px 0;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__content.-has-footer {
  padding-bottom: 0;
}
wi-embed-input-widget.wi-embed-input-widget--tall .wi-embed-input-widget__footer {
  padding-top: 50px;
  min-height: 30px;
}
wi-embed-input-widget .wi-embed-input-widget__container.-has-alt-choice .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  border-radius: 0 0 0 5px;
}
wi-embed-input-widget .wi-embed-input-widget__container.-has-alt-choice .wi-embed-input-widget__content.-alt-choice .wi-embed-input-widget__footer .wi-embed-input-widget__info:last-of-type {
  border-radius: 0 0 5px 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline input {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
  padding-top: 8px;
  padding-bottom: 8px;
  flex: 1 1 auto;
  text-align: left;
  font-size: 17px;
}
wi-embed-input-widget.wi-embed-input-widget--inline input:hover,
wi-embed-input-widget.wi-embed-input-widget--inline input:active,
wi-embed-input-widget.wi-embed-input-widget--inline input:focus {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid {
  border-left-color: red;
}
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:hover,
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:active,
wi-embed-input-widget.wi-embed-input-widget--inline input.-invalid:focus {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content {
  border: none;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container:hover,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content:hover,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container:active,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content:active {
  border: none;
  padding: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-focused,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-focused {
  border: none;
  padding: 0;
  background-color: transparent;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-in-progress input,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-in-progress input {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__container.-in-progress input.-invalid,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__content.-in-progress input.-invalid {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #e2261e;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__icon,
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__title {
  display: none;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__info-container {
  box-sizing: border-box;
  padding: 0 3px 0 4px;
  min-height: 0;
}
wi-embed-input-widget.wi-embed-input-widget--inline .wi-embed-input-widget__info {
  padding: 4px 10px;
  font-size: 13px;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  text-align: left;
  border: 1px solid #d8d8d8;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
wi-embed-input-widget.wi-embed-input-widget--inline ng-transclude {
  flex-direction: row;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
wi-embed-widget {
  display: block;
}
wi-embed-widget .ng-leave-prepare {
  display: none;
}
wi-embed-widget .wi-embed-widget__direct-upload-button {
  cursor: pointer;
  background-color: transparent;
  border-radius: 3px;
  border-width: 2px;
  border-color: #717171;
  border-style: solid;
  padding: 1px 10px 0px;
  height: 34px;
  color: #717171;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  outline-width: 0;
  text-transform: uppercase;
}
wi-embed-widget .wi-embed-widget__direct-upload-option {
  color: black;
  margin: 15px 0;
}
wi-embed-widget .wi-embed-widget__iframe-adapter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
wi-embed-widget .wi-embed-widget__iframe-adapter iframe {
  width: 100%;
  height: 100%;
}
wi-embed-widget wi-embed-widget-ratio-container {
  background-position: center center;
  background-size: cover;
}
wi-embed-widget.--inline wi-embed-input-widget .wi-embed-widget__direct-upload-option {
  font-size: 14px;
  margin: 0 10px 0 0;
}
wi-embed-widget.--inline wi-embed-input-widget .wi-embed-widget__direct-upload-button {
  font-size: 12px;
  height: 28px;
  margin-right: 10px;
}
wi-embed-widget .wi-embed-widget__cancel-button {
  border: none;
  background-color: white;
  cursor: pointer;
  border-radius: 50px;
  padding: 2px;
  outline-width: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 3;
  flex: 1 0 auto;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: -68px;
  left: -43px;
  display: none;
  top: 6px;
  height: 34px;
  width: 34px;
}
wi-embed-widget .wi-embed-widget__cancel-button:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
wi-embed-widget .wi-embed-widget__cancel-button svg {
  width: 24px;
  height: 24px;
}
wi-embed-widget .wi-embed-widget__cancel-button svg path {
  fill: white;
}
wi-embed-widget .wi-embed-widget__cancel-button.--opened {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
wi-embed-widget .wi-embed-widget__cancel-button.--opened > .wi-flex-container {
  transform: rotateZ(45deg);
}
wi-embed-widget .wi-embed-widget__cancel-button > .wi-flex-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transform: rotateZ(0deg);
  transition: transform 0.3s;
}
wi-embed-widget.--inline .wi-embed-widget__cancel-button {
  display: block;
}
.ui-x-editor-block-embed-item-thumbnail {
  background-position: center center;
  background-size: cover;
  position: relative;
  border-bottom: 1px solid #d4d4d4;
}
.ui-x-editor-block-embed-item-provider {
  position: absolute;
  top: 10px;
  left: -1px;
  font-size: 11px;
  font-weight: 300;
  color: #717171;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3px 10px;
  border-left: 1px solid #fff;
}
.ui-x-editor-block-embed-item-embedUrl {
  margin: 12px 33px 26px;
}
.ui-x-editor-block-embed-item-embedUrl a,
.ui-x-editor-block-embed-item-embedUrl a:active,
.ui-x-editor-block-embed-item-embedUrl a:hover,
.ui-x-editor-block-embed-item-embedUrl a:visited {
  color: #147bc2;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.ui-x-editor-block-embed-item-photo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

wi-embed-widget-ratio-container {
  display: block;
  position: relative;
}
wi-embed-widget-ratio-container ng-transclude {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

wi-content-editor-adapter-widgets > * {
  width: 100%;
  padding: 10px 25px;
}
wi-content-editor-adapter-widgets.wi-content-editor-adapter-widgets--fixed > * {
  padding-left: 0;
  padding-right: 0;
}
wi-content-editor-adapter-widgets > wi-embed-widget.--inline {
  /* line- height + paddings */
  /* line height + padding top + padding bottom */
  padding: 3px 0;
}

wi-anchor-creation-panel {
  display: flex;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
}
wi-anchor-creation-panel input {
  border: none;
  outline: none;
  z-index: 2;
  flex: 1 1 auto;
  min-width: 50px;
  /*if FF/Edge input does not srink to fit min space available*/
  padding: 0 10px;
  border-left: 1px solid #f1f1f1;
}


.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
wi-anchor-view-panel {
  display: flex;
  align-items: center;
  border-radius: 50px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
}
wi-anchor-view-panel input {
  border: none;
  outline: none;
  z-index: 2;
}
wi-anchor-view-panel wi-action-item {
  height: 34px;
}
wi-anchor-view-panel .wi-anchor-view-panel__anchor-element {
  flex: 1 1 auto;
  padding: 0px 10px;
  min-width: 0px;
  max-width: 200px;
  z-index: 3;
  background: white;
  height: 34px;
  display: flex;
  align-items: center;
}
wi-anchor-view-panel .wi-anchor-view-panel__anchor-text {
  color: #3697db;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1 auto;
  min-width: 0px;
  white-space: nowrap;
}
wi-anchor-view-panel .wi-anchor-view-panel__anchor-text::after {
  content: '';
  display: block;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
wi-content-editor-adapter {
  display: block;
  position: relative;
}
wi-content-editor-adapter .wi-content-editor-adapter__widget-repeater-wrapper {
  display: contents;
}
wi-content-editor-adapter .wi-content-editor-adapter__widget-item {
  position: absolute;
  z-index: 15;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-content-editor-adapter .wi-content-editor-adapter__widget-item > * {
  flex: 1 1 auto;
}
wi-content-editor-adapter .wi-content-editor-adapter__widget-item.--fixed {
  position: static;
}
wi-content-editor-adapter .wi-content-editor-adapter__widget-item--inline {
  position: static;
}
wi-content-editor-adapter .wi-content-editor-adapter__editor-container {
  position: relative;
  z-index: 1;
}
wi-content-editor-adapter.wi-content-editor-adapter--widget-editor .wi-content-editor-adapter__editor-container {
  z-index: 21;
}
.wi-content-editor-adapter__actions-panel {
  height: 34px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
  z-index: 16;
  position: absolute;
}
.wi-content-editor-adapter__actions-panel.-anchor-preview {
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  background-color: white;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg path,
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg path,
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg rect {
  fill: black !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg path,
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg path,
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg path,
.wi-content-editor-adapter__actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg rect {
  fill: #717171 !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg.-active path {
  fill: #227dbc !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.wi-content-editor-adapter__actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg.-active path {
  fill: #3697DB !important;
}

/* This comment will be in result CSS */
/* Custom */
.wi-publish-options__info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  height: 55px;
  box-sizing: border-box;
}
.wi-publish-options__content {
  padding-top: 5px;
}
.wi-publish-options__warning {
  margin: 4px 10px;
  display: block;
}

/* This comment will be in result CSS */
/* Custom */
.create-content-page__header {
  position: fixed;
  top: 0;
  z-index: 2;
}
/*.create-content-page__header--quick-view {
	position: absolute; //position:fixed leads to #20279 (it seems the full page should have fixed, but QV - absulute)
}*/
.create-content-page__wi-content-creation {
  position: relative;
  z-index: 1;
  margin-top: 50px;
  display: block;
}
.create-content-page__draft {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 3px 10px 3px 15px;
  margin-right: 13px;
}
.create-content-page__draft-text {
  margin-right: 6px;
}
.create-content-page__draft-icon {
  height: 24px;
}

/*this magic number is a sum footer + 30px?*/
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-creation-button {
  text-transform: uppercase;
  color: white;
  padding: 15px;
  padding-right: 19px;
  border-radius: 50px;
  cursor: pointer;
  pointer-events: all;
  font-size: 14px;
  height: 55px;
  box-sizing: border-box;
  font-weight: 700;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
}
.wi-creation-button--default-bg {
  background-color: #238e23;
}
.wi-creation-button:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
}
.wi-creation-button--app {
  padding-left: 10px;
}
.wi-creation-button__icon {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.wi-creation-button__image {
  height: 39px;
  width: 39px;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.wi-creation-button__text {
  position: relative;
  top: 1px;
}
wi-creation-button {
  display: flex;
  position: sticky;
  z-index: 1;
  bottom: 30px;
  justify-content: center;
  pointer-events: none;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  wi-creation-button {
    bottom: 70px;
  }
}
.ui-x-edge-browser wi-creation-button {
  position: fixed;
  left: 0;
  margin-bottom: 0;
}
@media (min-width: 601px) {
  .ui-x-edge-browser wi-creation-button {
    left: 55px;
  }
}
.quick-view wi-creation-button {
  bottom: 30px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-view-content__scrollable-options {
  width: 100%;
  height: 50px;
}
.wi-view-content__scrollable-options.--footer {
  height: 70px;
}
.wi-view-content__separator-line {
  height: 0px;
  border: 1px solid #f0f0f0;
  border-width: 1px 0 0 0;
}
.wi-view-content__page-options {
  margin: 0 auto;
  width: calc(79% + 20px);
}
@media (max-width: 719px) {
  .wi-view-content__page-options {
    /*width: ~'calc(100% - 30px)';*/
    width: auto;
    margin: 0 25px 0 15px;
  }
}
@media (max-width: 450px) {
  .wi-view-content__page-options {
    /*width: ~'calc(100% - 20px)';*/
    width: auto;
    margin: 0 20px 0 10px;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-filter-audience-menu__loading-content {
  overflow-y: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-filter-audience-menu__loading-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-filter-audience-menu .wi-loader__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}
.wi-filter-audience-menu__filters {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}

wi-right-menu-input-inline-select-button {
  display: flex;
  min-width: 1px;
}
.wi-inline-select-button__button-element {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
  min-width: 1px;
}
.wi-inline-select-button__button-element:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: -2px;
}


/* This comment will be in result CSS */
/* Custom */
.wi-inline-select-menu__section-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-inline-select-menu__section-header-title {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-inline-select-menu__section-header-icon {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 27px;
  height: 27px;
  margin-right: 19px;
  cursor: pointer;
}
.wi-inline-select-menu__items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}
.wi-inline-select-menu__level-menu:focus-visible {
  border: none;
  outline: none;
}
.wi-inline-select__menu-items--invisible {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-tags-filters {
  position: relative;
}
.wi-tags-filters__items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-report-filters.-wi-report-filters--manage-mode .wi-report-filters__filter-button {
  opacity: 0.3;
}
.wi-report-filters {
  position: relative;
}
.wi-report-filters__filter-button,
.wi-report-filters__manage-button {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  background-color: transparent;
}
.wi-report-filters__filter-button:last-child {
  margin-right: 0px;
  margin-left: 6px;
}
.wi-report-filters__filter-button.-greedy {
  margin-left: auto;
}
.wi-report-filters__filter-button.-no-shadow {
  box-shadow: none;
}
.wi-report-filters__filter-button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-report-filters__manage-button {
  margin-left: 6px;
}
.wi-report-filters__manage-button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-report-filters__manage-button--disabled {
  cursor: default;
  opacity: 0.3;
}
wi-round-button.wi-report-filters__filter-button {
  height: 34px;
}
wi-round-button.wi-report-filters__filter-button .wi-round-button__icon svg {
  height: 21px;
  width: 21px;
}
wi-round-button.wi-report-filters__filter-button .wi-round-button__icon,
wi-round-button.wi-report-filters__filter-button .wi-round-button__icon-text {
  height: 30px;
  min-width: 30px;
}
wi-round-button.wi-report-filters__manage-button {
  height: 34px;
}
wi-round-button.wi-report-filters__manage-button .wi-round-button__icon svg {
  height: 24px;
  width: 24px;
}
wi-round-button.wi-report-filters__manage-button .wi-round-button__icon,
wi-round-button.wi-report-filters__manage-button .wi-round-button__icon-text {
  height: 30px;
  min-width: 30px;
}
wi-round-button.wi-report-filters__filter-button .wi-round-button__icon,
wi-round-button.wi-report-filters__filter-button .wi-round-button__icon-text {
  background-color: #647070;
}
wi-round-button.wi-report-filters__filter-button.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-report-filters__filter-button.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
wi-round-button.wi-report-filters__filter-button.-value-set .wi-round-button__icon,
wi-round-button.wi-report-filters__filter-button.-value-set .wi-round-button__icon-text {
  background-color: #3697db;
}
wi-round-button.wi-report-filters__filter-button.-value-set.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-report-filters__filter-button.-value-set.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
wi-round-button.wi-report-filters__filter-button.-toggled .wi-round-button__icon,
wi-round-button.wi-report-filters__filter-button.-toggled .wi-round-button__icon-text {
  background-color: #238E23;
}
wi-round-button.wi-report-filters__filter-button.-toggled.-wi-round-button--launch-state .wi-round-button__icon-text,
wi-round-button.wi-report-filters__filter-button.-toggled.-wi-round-button--launch-state-with-title .wi-round-button__icon-text {
  background-color: #F3F5F7;
}
wi-report-filters .wi-report-filters__composite-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  border-radius: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
wi-report-filters .wi-report-filters__composite-button:last-child {
  margin-right: 0px;
  margin-left: 6px;
}
wi-report-filters .wi-report-filters__composite-button > .wi-report-filters__filter-button {
  margin: 0;
  z-index: 1;
}
wi-report-filters .wi-report-filters__composite-button > .wi-report-filters__filter-button:hover {
  z-index: 0;
}
.wi-report-filters__scrollable-container {
  width: 100%;
  height: 70px;
}
.wi-report-filters__content {
  width: 94%;
  margin: 0 auto;
  position: relative;
}
.wi-report-filters__buttons {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 70px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.wi-report-filters__content--full {
  width: 100%;
}
.wi-report-filters__content--view-more {
  width: auto;
  margin: 0 16px;
}
@media (max-width: 736px) {
  .wi-report-filters__content--view-more {
    margin: 0 5px;
  }
}
.wi-report-filters__content--view-more .scrollable-container__button-wrapper {
  left: -5px;
}
.wi-report-filters__content--view-more .scrollable-container__button-wrapper--right {
  left: auto;
  right: -5px;
}
.wi-report-filters__fade-out-element {
  height: 70px;
  background: linear-gradient(to right, #e8e8e8, rgba(232, 232, 232, 0));
}
.wi-report-filters__manage {
  position: absolute;
  right: 0;
  padding: 12px 18px 12px 18px;
  background-color: rgba(0, 0, 0, 0.5);
  top: 13px;
  border-radius: 3px;
  z-index: 1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-my-work-panel__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 70px;
  padding: 0 10px 0 10px;
}
.wi-widget-my-work-panel__scrollale-content {
  height: 70px;
}
.wi-widget-my-work-panel__fade-out-element {
  height: 70px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
/*.wi-content-creation__widget-panels--wide .wi-widget-my-work-panel__fade-out-element,
.ui-x-hub-container__sections .wi-widget-my-work-panel__fade-out-element {
	background: linear-gradient(to right, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0));
}*/
.wi-widget-my-work-panel__item {
  margin-right: 7px;
}
.wi-widget-my-work-panel__item:last-child {
  margin-right: 0;
}
.wi-widget-my-work-panel__round-button {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: var(--em360-font-family);
}
a.wi-widget-my-work-panel__round-button {
  height: auto;
}
.wi-widget-my-work-panel__round-button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-widget-my-work-panel__round-button-icon {
  width: 30px;
  height: 30px;
}
.wi-widget-my-work-panel__round-button-icon-text {
  min-width: 30px;
  height: 30px;
  padding: 0 3px;
  box-sizing: border-box;
  color: white;
  font-weight: bold;
  font-family: arial;
}

/* This comment will be in result CSS */
/* Custom */
.report-menu .report-menu__content {
  background-color: #ecf0f1;
  overflow-y: scroll;
  display: block;
}
.report-menu__header-slot {
  position: absolute;
}
.report-menu__header {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background-color .25s ease-out;
  -moz-transition: background-color .25s ease-out;
  -ms-transition: background-color .25s ease-out;
  -o-transition: background-color .25s ease-out;
  transition: background-color .25s ease-out;
}
.report-menu__header--scrolled {
  background-color: #ffffff;
}
.report-menu__header path {
  fill: #000;
}
.report-menu__header .wi-menu-header__title {
  color: black;
}
.report-menu__container {
  margin: 25px;
  margin-top: 90px;
}
.report-menu__report-widget {
  min-height: 500px;
  position: relative;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-report-widget-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: white;
  border-width: 0px;
  border-radius: 3px;
}
.wi-report-widget-tile__report {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  left: 0;
}
.wi-report-widget-tile__report .highcharts-container {
  border-radius: 0 0 10px 10px;
}
.wi-report-widget-tile__report .highcharts-no-data {
  font-size: 16px;
  color: #333;
  top: 50% !important;
  left: 1px !important;
  width: 100%;
  margin-top: -11px;
  transform: none!important;
}
.wi-report-widget-tile__report .highcharts-no-data span {
  width: 100%;
  text-align: center;
  top: 0!important;
  left: 0 !important;
}
.wi-report-widget-tile__body {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 1px;
  position: relative;
}
.wi-report-widget-tile__button {
  width: 45px;
  height: 45px;
}
.wi-report-widget-tile__button svg {
  height: 21px;
  width: 21px;
  margin-left: -2px;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
wi-plot-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
wi-plot-skeleton > .plot-y-axis {
  -moz-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  -webkit-flex: 0 0 40px;
  flex: 0 0 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
wi-plot-skeleton .plot-y-axis > .axis-label {
  width: 12px;
  height: 80px;
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-plot-skeleton > .right-part {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-plot-skeleton > .right-part > .plot-body {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
  padding-bottom: 3px;
}
wi-plot-skeleton > .right-part > .plot-body > .horizontal-line {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-plot-skeleton > .right-part > .plot-body > .horizontal-line > .line-label {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-plot-skeleton > .right-part > .plot-body > .horizontal-line > .line-body {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  margin: 0 10px 0 10px;
  background-color: #F3F5F7;
}
wi-plot-skeleton > .right-part > .plot-body > .plot-object {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 9px;
  left: 22px;
}
wi-plot-skeleton > .right-part > .plot-body > .plot-object > svg {
  width: 100%;
  height: 100%;
  display: block;
}
wi-plot-skeleton > .right-part > .tick-labels {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-around;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-top: 3px;
}
wi-plot-skeleton > .right-part > .tick-labels > .tick-label {
  height: 12px;
  width: 35px;
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-plot-skeleton > .right-part > .plot-x-axis {
  -moz-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  -webkit-flex: 0 0 50px;
  flex: 0 0 50px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-plot-skeleton > .right-part > .plot-x-axis > .axis-label {
  width: 80px;
  height: 12px;
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-plot-skeleton:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
wi-line-chart-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-line-chart-skeleton > .plot-skeleton {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
wi-list-chart-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  /*padding-top: 14px;*/
}
wi-list-chart-skeleton.-full-view {
  padding-top: 0px;
}
wi-list-chart-skeleton > .skeleton-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 15px 0 15px;
  -moz-flex: 0 0 29px;
  -ms-flex: 0 0 29px;
  -webkit-flex: 0 0 29px;
  flex: 0 0 29px;
  border-bottom: 1px solid #F3F5F7;
}
wi-list-chart-skeleton > .skeleton-row:first-child {
  -moz-flex: 0 0 31px;
  -ms-flex: 0 0 31px;
  -webkit-flex: 0 0 31px;
  flex: 0 0 31px;
  /*.align-items(flex-start);*/
}
wi-list-chart-skeleton > .skeleton-row.-no-border {
  -moz-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  -webkit-flex: 0 0 30px;
  flex: 0 0 30px;
  border-bottom: none;
}
wi-list-chart-skeleton.-full-view > .skeleton-row {
  -moz-flex: 0 0 34px;
  -ms-flex: 0 0 34px;
  -webkit-flex: 0 0 34px;
  flex: 0 0 34px;
}
wi-list-chart-skeleton.-full-view > .skeleton-row:first-child {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
wi-list-chart-skeleton.-full-view > .skeleton-row.-no-border {
  -moz-flex: 0 0 35px;
  -ms-flex: 0 0 35px;
  -webkit-flex: 0 0 35px;
  flex: 0 0 35px;
  border-bottom: none;
}
wi-list-chart-skeleton > .skeleton-row > .column-value {
  height: 14px;
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-list-chart-skeleton > .skeleton-row > .column-value.-small {
  width: 14px;
}
wi-list-chart-skeleton:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
wi-list-chart-skeleton > .overflow-mask {
  position: absolute;
  bottom: 0;
  height: 50px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%, white);
  left: 0;
  right: 0;
  border-radius: 0 0 3px;
}
wi-list-chart-skeleton > .buttons-panel {
  display: none;
}
wi-list-chart-skeleton.-full-view > .overflow-mask {
  display: none;
}
wi-list-chart-skeleton.-full-view > .buttons-panel {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  margin-bottom: 55px;
  border-bottom: 1px solid #F3F5F7;
}

/* This comment will be in result CSS */
/* Custom */
wi-area-stacked-chart-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-area-stacked-chart-skeleton > .plot-skeleton {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
wi-column-stacked-chart-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-column-stacked-chart-skeleton > .plot-skeleton {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
wi-column-stacked-chart-skeleton > wi-plot-skeleton > .right-part > .plot-body > .plot-object {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-around;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
wi-column-stacked-chart-skeleton > wi-plot-skeleton > .right-part > .plot-body > .plot-object > .chart-column {
  width: 22px;
  background-color: #F3F5F7;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
wi-donut-chart-skeleton {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
wi-donut-chart-skeleton > .chart-object {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin: 25px 0 38px 0;
}
wi-donut-chart-skeleton > .chart-object > svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
wi-donut-chart-skeleton > .chart-object.-pie-chart > svg > #donut {
  fill: transparent;
}
wi-donut-chart-skeleton > .chart-labels {
  -moz-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  -webkit-flex: 0 0 32px;
  flex: 0 0 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
wi-donut-chart-skeleton > .chart-labels > .chart-label {
  height: 12px;
  width: 77px;
  background-color: #F3F5F7;
  border-radius: 50px;
  margin-left: 20px;
}
wi-donut-chart-skeleton > .chart-labels > .chart-label:first-child {
  margin-left: 0;
}
wi-donut-chart-skeleton:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-report-widget.-no-header .wi-widget-general-list-view__header {
  visibility: hidden;
  height: 15px;
}
wi-report-widget > wi-report-widget-tile .wi-report-widget-tile__body {
  position: relative;
}
wi-report-widget > wi-report-widget-tile .wi-report-widget-tile__body > .skeleton-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background-color: white;
  z-index: 1;
}
.wi-report-widget__tile {
  position: absolute;
  height: 100%;
  width: 100%;
}
.wi-report-widget__list-chart {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
}
.wi-report-widget__error {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #e2261e;
}
.wi-report-widget__report-chart--hidden {
  opacity: 0;
  position: relative;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* This comment will be in result CSS */
/* Custom */
.chart-template-tooltip {
  padding: 0 3px;
}
.chart-template-tooltip__table {
  margin-top: 3px;
  width: 100%;
  word-break: break-all;
}
.chart-template-tooltip__table-key {
  padding: 4px 20px 4px 1px;
  font-size: 12px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.chart-template-tooltip__table-icon {
  width: 12px;
  height: 12px;
  margin-right: 9px;
  border-radius: 100%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.chart-template-tooltip__table-icon--total {
  background-color: #9b9b9b;
}
.chart-template-tooltip__table-icon::before {
  content: ' ';
  position: absolute;
  height: 6px;
  width: 6px;
  background-color: white;
  border-radius: 100%;
  top: 3px;
  left: 3px;
}
.chart-template-tooltip__table-value {
  text-align: right;
  font-size: 12px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-general-list-view {
  height: 100%;
}
.wi-widget-general-list-view {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wi-widget-general-list-view--no-access .wi-widget-general-list-view__header-text,
.wi-widget-general-list-view--no-access .wi-widget-general-list-view__content {
  opacity: 0.3;
}
.wi-widget-general-list-view__preview-mask {
  z-index: 1;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 120%, #ffffff);
}
.wi-widget-general-list-view__preview-mask.-short {
  height: 65px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
}
.wi-widget-general-list-view__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 57px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
  background-color: transparent;
  flex-direction: column;
  height: 90px;
  position: relative;
}
.wi-widget-general-list-view__header-top {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  height: 1px;
  margin: 0;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header {
  border-bottom: none;
}
.wi-widget-general-list-view__header-text {
  flex: 1 1 auto;
  font-weight: 400;
  color: black;
  overflow: hidden;
  font-size: 16px;
  line-height: 21px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 15px 15px 12px;
  max-height: 63px;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wi-widget-general-list-view__header-text--edit {
  cursor: text;
}
.wi-widget-general-list-view__header-text--edit:focus {
  display: block;
}
.wi-widget-general-list-view__header-text--placeholder {
  opacity: 0.5;
}
.wi-widget-general-list-view--height-ratio-4 .wi-widget-general-list-view__header-text {
  font-size: 18px;
}
.wi-widget-general-list-view--single-line-title .wi-widget-general-list-view__header {
  height: 48px;
}
.wi-widget-general-list-view--single-line-title .wi-widget-general-list-view__header-text {
  /*overflow: hidden; 
	.line-clamp(1);

	&--edit:focus {
		.disable-line-clamp();
	}*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.wi-widget-general-list-view--single-line-title .wi-widget-general-list-view__header-text--edit:focus {
  text-overflow: clip;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-text {
  max-height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-text--edit:focus {
  display: block;
}
.wi-widget-general-list-view--auto-title-height .wi-widget-general-list-view__header {
  height: auto;
}
.wi-widget-general-list-view--auto-title-height .wi-widget-general-list-view__header-top {
  height: auto;
  min-height: 48px;
}
.wi-widget-general-list-view__header-icon {
  margin-right: 12px;
  margin-top: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: 0 0 auto;
  border: none;
  background: none;
  padding: 0;
}
.wi-widget-general-list-view__header-icon.-info-icon {
  margin-right: 15.5px;
  margin-top: 15.5px;
  width: 17px;
  height: 17px;
  cursor: default;
}
.wi-widget-general-list-view__header-icon.-info-icon svg {
  fill: #f89406;
}
.wi-widget-general-list-view__header-icon:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 2px;
  outline-offset: 1px;
}
.wi-widget-general-list-view__focusable-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}
.wi-widget-general-list-view__focusable-button:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 10px;
  outline-offset: 1px;
}
.wi-widget-general-list-view--height-ratio-4 .wi-widget-general-list-view__focusable-button {
  display: none;
}
.wi-widget-general-list-view--height-ratio-1,
.wi-widget-general-list-view--height-ratio-2 {
  cursor: pointer;
}
.wi-widget-general-list-view--not-clickable {
  cursor: default;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-icon:not(.-info-icon),
.wi-widget-general-list-view--height-ratio-2 .wi-widget-general-list-view__header-icon:not(.-info-icon) {
  display: none;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-icon.-info-icon,
.wi-widget-general-list-view--height-ratio-2 .wi-widget-general-list-view__header-icon.-info-icon {
  width: 17px;
  height: 17px;
}
.wi-widget-general-list-view__header-bottom {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*display: block;*/
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-text-wrapper {
  color: #647070;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 10px 10px 14px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  /*&--icons {
			padding: 0 0 10px 14px;
		}*/
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper {
  margin-right: 5px;
  margin-bottom: 9px;
  align-self: flex-end;
  height: 17px;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper .wi-widget-general-list-view__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper .wi-widget-general-list-view__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper .wi-widget-general-list-view__lower-icon.-info-icon svg,
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper .wi-widget-general-list-view__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-widget-general-list-view--height-ratio-1 .wi-widget-general-list-view__header-bottom .wi-widget-general-list-view__header-bottom-icon-wrapper .wi-widget-content-list__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-widget-general-list-view__content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.wi-widget-general-list-view__content iframe {
  width: 100.5%;
  height: 100%;
  flex: 1 1 auto;
}
.wi-widget-general-list-view__content ng-transclude,
.wi-widget-general-list-view__content content-slot {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-content-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.wi-content-list__preview-mask {
  border-radius: 3px;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 120%, #ffffff);
}
.wi-content-list__preview-mask.-short {
  height: 65px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
}
.wi-content-list__preview-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 15px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
.wi-content-list__preview-item:hover {
  background-color: #f1f1f1;
}
.wi-content-list__preview-item:focus-visible {
  background-color: #3697db;
  outline: none;
}
.wi-content-list__preview-item:focus-visible .wi-content-list__preview-item-name,
.wi-content-list__preview-item:focus-visible .wi-content-list__preview-item-name-text,
.wi-content-list__preview-item:focus-visible .wi-content-list__preview-item-markdown {
  color: white;
}
.wi-content-list--not-clickable .wi-content-list__preview-item {
  cursor: inherit;
}
.wi-content-list--not-clickable .wi-content-list__preview-item:hover {
  background-color: transparent;
}
.wi-content-list__preview-item-icon {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}
.wi-content-list__preview-item-name-wrapper {
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-content-list__preview-item-name {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #333333;
  min-width: 1px;
}
.wi-content-list__preview-item-name--icons {
  padding-right: 0;
  display: flex;
}
.wi-content-list__preview-item-name--icons .wi-content-list__preview-item-name-wrapper {
  -moz-flex: 11 auto;
  -ms-flex: 11 auto;
  -webkit-flex: 11 auto;
  flex: 11 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-content-list__preview-item:last-of-type .wi-content-list__preview-item-name {
  border-bottom: none;
}
.wi-content-list__preview-item-name-text-markdown {
  flex: 1 1 auto;
  width: 1px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
}
.wi-content-list--height-ratio-2 .wi-content-list__preview-item-name-text-markdown {
  padding: 7px 0px;
}
.wi-content-list__preview-item-markdown {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-content-list__preview-item-markdown a {
  color: #717171;
}
.wi-content-list--width-ratio-1 .wi-content-list__preview-item-markdown {
  display: none;
}
.wi-content-list__preview-item-name-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-label {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 18px;
  width: 100px;
  max-width: 100%;
  overflow: hidden;
}
.wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-label:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-content-list--height-ratio-2 .wi-content-list__preview-item-name-label {
  line-height: 17px;
  cursor: pointer;
}
.wi-content-list--height-ratio-2 .wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-label {
  height: 17px;
}
.wi-content-list__preview-item-name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list--take-place-for-empty-names .wi-content-list__preview-item-name-text {
  height: 20px;
}
.wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-text {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 20px;
  width: 150px;
  max-width: 100%;
  overflow: hidden;
}
.wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-text:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-content-list--height-ratio-2 .wi-content-list__preview-item-name-text {
  font-size: 13px;
  line-height: 17px;
}
.wi-content-list--take-place-for-empty-names.wi-content-list--height-ratio-2 .wi-content-list__preview-item-name-text {
  height: 17px;
}
.wi-content-list--height-ratio-2 .wi-content-list__preview-item.-launch-state .wi-content-list__preview-item-name-text {
  height: 17px;
}
.wi-content-list--line-clamp-2 .wi-content-list__preview-item-name-text {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
}
.wi-content-list--line-clamp-2 .wi-content-list__preview-item-markdown {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-content-list__preview-item-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 3px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-content-list__preview-item-icon svg {
  width: 14px;
  height: 14px;
  opacity: 0.5;
}
/*.@{component}__preview-item-name-icon {
	.flex-block();
	.align-items(center);
	margin-left: 3px;
	.flex(0 0 auto);

	svg {
		width: 14px;
		height: 14px;
		opacity: 0.5;
	}
}*/
.wi-content-list__preview-item-icons {
  margin-right: 15px;
  padding: 13px 0px;
  height: 17px;
}
.wi-content-list__preview-item-icons .wi-content-list__preview-lower-icon {
  /*.flex-block();*/
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 3px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}
.wi-content-list__preview-item-icons .wi-content-list__preview-lower-icon svg {
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.wi-content-list__preview-item-icons .wi-content-list__preview-lower-icon.--info-icon svg {
  fill: #f89406;
  /*margin-top: -2px;*/
  opacity: 1;
}
.wi-content-list__preview-item-archived,
.wi-content-list__preview-item-not-access {
  /*.flex(0 0 auto);
	width: 25px;
	height: 25px;*/
}
.wi-content-list__preview-item-archived svg,
.wi-content-list__preview-item-not-access svg {
  /*fill: #f89406;
		margin-top: -2px;
		opacity: 1;*/
}
.wi-content-list__preview-item-archived svg g.background,
.wi-content-list__preview-item-not-access svg g.background {
  /*opacity: 1;*/
}
.wi-content-list__preview-item-archived svg path.background,
.wi-content-list__preview-item-not-access svg path.background {
  /*fill: #bf4235;*/
}
.wi-content-list__preview-item-not-access {
  /*.flex(0 0 auto);
	width: 25px;
	height: 25px;
	fill: #f89406;*/
}
.wi-content-list__no-items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}
.wi-content-list__preview-item.-no-access .wi-content-list__preview-item-icon,
.wi-content-list__preview-item.-no-access .wi-content-list__preview-item-name-wrapper {
  opacity: 0.3;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-content-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
wi-widget-data-fields {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}
wi-widget-data-fields .wi-widget-data-fields__content-slot {
  overflow: hidden;
}
.wi-widget-data-fields__preview-item {
  font-size: 13px;
  margin-left: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0px;
  padding-right: 15px;
}
.wi-widget-data-fields__preview-item:last-of-type {
  border-bottom: none;
}
.wi-widget-data-fields__preview-item .ui-x-datapanel-text__wrapper--with-icon {
  padding-right: 0;
  /* direct override to prevent breakage in other panels while sitll in use */
}
.wi-widget-data-fields__preview-item .ui-x-datapanel-field-value {
  margin-top: 1px;
  /* direct override to prevent breakage in other panels while sitll in use */
}
.wi-data-panel-fields--short .wi-widget-data-fields__preview-item {
  margin-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.wi-data-panel-fields--short .wi-widget-data-fields__preview-item-content {
  display: flex;
  flex-direction: column;
}
.wi-widget-data-fields__preview-item.-action {
  padding: 0px;
}
.wi-widget-data-fields__field-visibility {
  line-height: 19px;
  display: inline-flex;
  position: relative;
  top: 1px;
}
.wi-widget-data-fields__field-visibility:before {
  content: " \2022 ";
  padding: 0;
  margin: 0 3px 0 2px;
  color: #717171;
}
.wi-widget-data-fields__field-visibility svg {
  width: 18px;
  height: 18px;
  fill: rgba(113, 113, 113, 0.5);
  /*fill: fade(#717171, 50%);*/
}
.wi-widget-data-fields__no-items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}
.wi-widget-data-fields__preview-button {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 45px;
  padding: 0;
  border: none;
  border-top: 1px solid #d4d4d4;
  background-color: white;
  color: #717171;
  border-radius: 0 0 10px 10px;
}
.wi-widget-data-fields__preview-button:hover {
  background-color: #f1f1f1;
}
.wi-widget-data-fields__preview-button-icon {
  margin-left: 19px;
  width: 21px;
  height: 21px;
}
.wi-widget-data-fields__preview-button-text {
  margin-left: 22px;
  font-size: 14px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-inline-embed {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 10px;
  background-color: white;
}
wi-widget-inline-embed iframe {
  border: none;
  overflow: hidden;
}
.wi-widget-inline-embed-preview__content-loader {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: white;
}
.wi-widget-inline-embed-preview__content-error {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-tag-explorer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
widget-content-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.widget-content-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  min-height: 1px;
  position: relative;
}
.widget-content-item__deleted-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.95);
}
.widget-content-item__deleted-text {
  color: #999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}



/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-explore-count {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-user-profile-view {
  height: 100%;
}
.wi-widget-user-profile-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.wi-widget-user-profile-view__items {
  overflow: hidden;
  border-radius: 10px;
}
.wi-widget-user-profile-view--height-ratio-2,
.wi-widget-user-profile-view--height-ratio-1 {
  cursor: pointer;
}
.wi-widget-user-profile-view__banner {
  height: 145px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  background-color: #9B9B9B;
  border-radius: 10px 10px 0 0;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__banner,
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__banner {
  display: none;
}
.wi-widget-user-profile-view__thumbnail {
  width: 75px;
  height: 75px;
  background-color: #ebebeb;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__thumbnail,
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__thumbnail {
  display: none;
}
.wi-widget-user-profile-view__header {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__header {
  border-bottom: none;
}
.wi-widget-user-profile-view__header-title {
  font-size: 18px;
  line-height: 21px;
  margin-top: 3px;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  margin: 15px 15px 12px;
  font-weight: 400;
}
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__header-title,
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__header-title {
  font-size: 16px;
}
.wi-widget-user-profile-view__header-thumbnail {
  display: none;
  height: 24px;
  width: 24px;
  flex: 0 0 auto;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__header-thumbnail,
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__header-thumbnail {
  display: block;
  margin-top: 12px;
  margin-right: 12px;
}
.wi-widget-user-profile-view__header-edit {
  height: 24px;
  width: 24px;
  margin-top: 12px;
  margin-right: 12px;
  flex: 0 0 auto;
  cursor: pointer;
}
.wi-widget-user-profile-view__focusable-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}
.wi-widget-user-profile-view__focusable-button:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 10px;
  outline-offset: 1px;
}
.wi-widget-user-profile-view--height-ratio-4 .wi-widget-user-profile-view__focusable-button {
  display: none;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__header-edit,
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__header-edit {
  display: none;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__items {
  display: none;
}
.wi-widget-user-profile-view--height-ratio-2 .wi-widget-user-profile-view__items {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
}
.wi-widget-user-profile-view__short-summary {
  display: none;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__short-summary {
  display: block;
  padding: 0 10px 10px 14px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__short-summary-value {
  font-size: 13px;
  color: #647070;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__short-summary-value.-launch-state {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 16px;
  width: 80%;
  max-width: 100%;
  overflow: hidden;
}
.wi-widget-user-profile-view--height-ratio-1 .wi-widget-user-profile-view__short-summary-value.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-user-profile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-external-app {
  cursor: pointer;
}
/* the outline doesnt show on the <a> so projecting to the div below */
a.widget-external-app.widget-item--clickable:focus-visible .wi-widget-general-view {
  outline: 2px solid #3697db;
  border-radius: 10px;
  outline-offset: 1px;
}

/* I had to add this temp OldWidgetFrame
	because we restyled our React WidgetFrame for UI-API
	but we still use OldWidgetFrame in non UI-API part for WidgetRelatedDataList
*/
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-old-widget-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wi-old-widget-frame.-wi-old-widget-frame--auto-height {
  height: auto;
}
.wi-old-widget-frame--no-access .wi-old-widget-frame__header-text,
.wi-old-widget-frame--no-access .wi-old-widget-frame__content {
  opacity: 0.3;
}
.wi-old-widget-frame__preview-mask {
  z-index: 1;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 120%, #ffffff);
}
.wi-old-widget-frame__preview-mask.-short {
  height: 65px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
}
.wi-old-widget-frame__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 57px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
  background-color: transparent;
  flex-direction: column;
  height: 90px;
  position: relative;
}
.wi-old-widget-frame__header-top {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  height: 1px;
  margin: 0;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header {
  border-bottom: none;
}
.wi-old-widget-frame__header-text {
  flex: 1 1 auto;
  font-weight: 400;
  color: black;
  overflow: hidden;
  font-size: 16px;
  line-height: 21px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 15px 15px 12px;
  max-height: 63px;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wi-old-widget-frame__header-text--edit {
  cursor: text;
}
.wi-old-widget-frame__header-text--edit:focus {
  display: block;
}
.wi-old-widget-frame__header-text--placeholder {
  opacity: 0.5;
}
.wi-old-widget-frame--height-ratio-4 .wi-old-widget-frame__header-text {
  font-size: 18px;
}
.wi-old-widget-frame--single-line-title .wi-old-widget-frame__header {
  height: 48px;
}
.wi-old-widget-frame--single-line-title .wi-old-widget-frame__header-text {
  /*overflow: hidden; 
	.line-clamp(1);

	&--edit:focus {
		.disable-line-clamp();
	}*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.wi-old-widget-frame--single-line-title .wi-old-widget-frame__header-text--edit:focus {
  text-overflow: clip;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-text {
  max-height: 42px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-text--edit:focus {
  display: block;
}
.wi-old-widget-frame--auto-title-height .wi-old-widget-frame__header {
  height: auto;
}
.wi-old-widget-frame--auto-title-height .wi-old-widget-frame__header-top {
  height: auto;
  min-height: 48px;
}
.wi-old-widget-frame__header-icon {
  margin-right: 12px;
  margin-top: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: 0 0 auto;
  border: none;
  background: none;
  padding: 0;
}
.wi-old-widget-frame__header-icon:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 2px;
  outline-offset: 1px;
}
.wi-old-widget-frame__header-icon.-info-icon {
  margin-right: 15.5px;
  margin-top: 15.5px;
  width: 17px;
  height: 17px;
  cursor: default;
}
.wi-old-widget-frame__header-icon.-info-icon svg {
  fill: #f89406;
}
.wi-old-widget-frame__focusable-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}
.wi-old-widget-frame__focusable-button:focus-visible {
  outline: 2px solid #3697db;
  border-radius: 10px;
  outline-offset: 1px;
}
.wi-old-widget-frame--height-ratio-4 .wi-old-widget-frame__focusable-button {
  display: none;
}
.wi-old-widget-frame--height-ratio-1,
.wi-old-widget-frame--height-ratio-2 {
  cursor: pointer;
}
.wi-old-widget-frame--not-clickable {
  cursor: default;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-icon:not(.-info-icon),
.wi-old-widget-frame--height-ratio-2 .wi-old-widget-frame__header-icon:not(.-info-icon) {
  display: none;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-icon.-info-icon,
.wi-old-widget-frame--height-ratio-2 .wi-old-widget-frame__header-icon.-info-icon {
  width: 17px;
  height: 17px;
}
.wi-old-widget-frame__header-bottom {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*display: block;*/
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-text-wrapper {
  color: #647070;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 10px 10px 14px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  /*&--icons {
			padding: 0 0 10px 14px;
		}*/
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-text-wrapper.-fake {
  width: 70%;
  height: 16px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  border-radius: 5px;
  display: block;
  position: relative;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-text-wrapper.-fake.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper {
  margin-right: 5px;
  margin-bottom: 9px;
  align-self: flex-end;
  height: 17px;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper .wi-old-widget-frame__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper .wi-old-widget-frame__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper .wi-old-widget-frame__lower-icon.-info-icon svg,
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper .wi-old-widget-frame__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-old-widget-frame--height-ratio-1 .wi-old-widget-frame__header-bottom .wi-old-widget-frame__header-bottom-icon-wrapper .wi-widget-content-list__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.wi-old-widget-frame__content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.wi-old-widget-frame__content iframe {
  width: 100.5%;
  height: 100%;
  flex: 1 1 auto;
}
.wi-old-widget-frame__content ng-transclude,
.wi-old-widget-frame__content content-slot {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-item-summary {
  padding: 10px 15px 7px 15px;
  box-sizing: border-box;
}
.widget-item-summary--icons {
  padding-bottom: 29px;
}
.widget-item-summary__text {
  color: #647070;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.widget-item-summary__text.-fake {
  width: 70%;
  height: 12px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  border-radius: 5px;
  display: block;
  position: relative;
}
.widget-item-summary__text.-fake.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.widget-item-summary--icons .widget-item-summary__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-general-table__body {
  background-color: rgba(235, 235, 235, 0);
  color: #000000;
  font-size: 14px;
  overflow: hidden;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-widget-general-table__right-mask {
  position: absolute;
  width: 100px;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(270deg, #f7f7f7 0%, rgba(235, 235, 235, 0) 100%);
  pointer-events: none;
}
.wi-widget-general-table__row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 41px;
}
.wi-widget-general-table__row.-last .wi-widget-general-table__cell {
  border-bottom: none;
}
.wi-widget-general-table__row:before {
  content: "";
  width: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-widget-general-table__row:after {
  content: "";
  width: 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-widget-general-table__cell {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  min-width: 1px;
  padding-right: 10px;
  /*border-width: 0px 0px 1px;
		border-radius: 0px;
		border-color: rgb(241, 241, 241);
		border-style: solid;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wi-widget-general-table__cell.-header {
  color: #5d5d5d;
  font-size: 13px;
  text-decoration: none;
}
.wi-widget-general-table--height-ratio-4.wi-widget-general-table--width-ratio-1 .wi-widget-general-table__cell {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  padding-right: 21px;
}
.wi-widget-general-table--height-ratio-4.wi-widget-general-table--width-ratio-2 .wi-widget-general-table__cell {
  flex-shrink: 0;
  width: 65%;
  flex-grow: 1;
}
.wi-widget-general-table__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-widget-general-table__value.-fake {
  width: 70%;
  height: 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  display: block;
  position: relative;
}
.wi-widget-general-table__value.-fake.-header {
  background-color: #bababa;
}
.wi-widget-general-table__value.-fake.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

.wi-related-data-extended-view-menu__content {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.widget-related-data-list {
	.flex-block();
	.align-items(stretch);
	.flex-direction(column);
	.flex(1 1 auto);
	.prevent-content-affecting-flexbox-container-width();
	min-height: 1px;
	position: relative;
}*/
.wi-widget-related-data-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
  height: 100%;
}
.wi-widget-related-data-list__error-message {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.widget-app-key-actions {
  cursor: pointer;
}
.widget-app-key-actions--no-action {
  cursor: default;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-widget-item {
  height: 100%;
  border-radius: 10px;
}
.wi-general-widget-item__widget--fill-space {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wi-general-widget-item__widget--full-height {
  height: 100%;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-general-section-item {
  margin: 3px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-fake,
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-no-hover {
  box-shadow: none;
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-fake,
.ui-x-support-hover-on-touch .wi-general-section-item:hover.-no-hover {
  box-shadow: none;
}
.wi-general-section-item-last {
  top: 0 !important;
  display: none;
}
.wi-general-section-item-last.-right {
  position: static !important;
  float: right !important;
}
.wi-general-section-item-last.-show {
  display: block;
}
.wi-general-section-item-view {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  float: right;
  top: -9px;
  background-color: #fff;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
  right: -9px;
  border-radius: 50px;
  padding: 10px;
  position: absolute;
  cursor: pointer;
  display: none;
  /*&--circle {
		}*/
}
.wi-general-section-item-view svg path {
  fill: #717171 !important;
}
.wi-general-section-item-view:hover svg path {
  fill: black !important;
}
.wi-general-section-item-view.-show {
  display: block;
}
/*.ui-x-support-hover-on-touch .wi-general-section-item:hover,
.wi-general-section-item--hover-ie-fix {
	box-shadow: @updated-widget-item-box-shadow--hover; //@feed-item-box-shadow--hover
}*/

.wi-general-sections-preloader__section {
  display: block;
}
.wi-general-sections-preloader__my-work-panel {
  float: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-reporting__filters {
  display: block;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  margin-bottom: 30px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-interest-creation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-interest-creation__details {
  position: relative;
  top: -72px;
  margin: 0 auto;
  width: 100%;
}
.wi-interest-creation__warning {
  display: block;
  margin: 9px;
}

/* This comment will be in result CSS */
/* Custom */
.create-interest-page__header {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
}
.create-interest-page__wi-interest-creation {
  position: absolute;
  width: 100%;
  top: 105px;
  bottom: 0;
  overflow: auto;
  z-index: 1;
}
.create-interest-page__wi-interest-creation--without-info {
  top: 50px;
}
.create-interest-page__info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  height: 55px;
  box-sizing: border-box;
  top: 50px;
  position: absolute;
  width: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.view-terms-controls-padding {
  padding-bottom: 66px;
}
@media (max-width: 719px) {
  .ui-x-responsive .ui-x-content-container-view.view-terms-controls-padding {
    padding-bottom: 50px;
  }
  .view-terms-body-padding {
    padding-bottom: 24px;
  }
}
.view-terms-controls {
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  height: 35px;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  z-index: 4;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0 0px 8px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.quick-view .view-terms-controls {
  position: absolute;
}
.view-terms-controls__item {
  margin-right: 7px;
}
.view-terms-controls__item:last-child {
  margin-right: 0;
}
.view-terms-controls__item-round-button {
  height: 34px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-family: arial;
}
.view-terms-controls__item-round-button:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.view-terms-controls__item-round-button-icon {
  width: 30px;
  height: 30px;
}
.view-terms-controls-decline {
  background-color: #e2261e;
}
.view-terms-controls-accept {
  background-color: #238e23;
  padding: 8px;
  width: 14px;
  height: 14px;
}
.view-terms-controls-decline svg,
.view-terms-controls-accept svg {
  width: 19px;
  height: 19px;
}
.view-terms-controls-accept svg path {
  fill: white;
  stroke: white;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-report-list-chart-extended {
  overflow: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
wi-report-list-chart-extended > .chart-body {
  background-color: rgba(235, 235, 235, 0);
  color: #000000;
  font-size: 13px;
  overflow-x: auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
wi-report-list-chart-extended > .chart-body > .no-data {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 1px;
  font-size: 16px;
  color: #333333;
}
wi-report-list-chart-extended > .chart-body > .chart-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 35px;
}
wi-report-list-chart-extended > .chart-body > .chart-row:before {
  content: "";
  width: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
wi-report-list-chart-extended > .chart-body > .chart-row:after {
  content: "";
  width: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
wi-report-list-chart-extended > .chart-body > .chart-row > .chart-cell {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  min-width: 1px;
  padding-right: 10px;
  border-width: 0px 0px 1px;
  border-radius: 0px;
  border-color: #f1f1f1;
  border-style: solid;
}
wi-report-list-chart-extended > .chart-body > .chart-row > .chart-cell:last-child {
  padding-right: 0px;
}
wi-report-list-chart-extended > .chart-body > .chart-row.-header > .chart-cell {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
wi-report-list-chart-extended > .chart-body > .chart-row:last-child > .chart-cell {
  border: none;
}
wi-report-list-chart-extended > .chart-body > .chart-row > .chart-cell > .chart-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
wi-report-list-chart-extended > .chart-footer {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 45px;
  padding: 5px;
  border-width: 1px 0px 0px 0px;
  border-radius: 0px;
  border-color: #f1f1f1;
  border-style: solid;
}
wi-report-list-chart-extended > .chart-footer > .page-info {
  opacity: 0.54;
  color: #000000;
  font-size: 13px;
}
wi-report-list-chart-extended > .chart-footer > .navigation-button {
  width: 45px;
  height: 45px;
  margin-left: 10px;
}

/* This comment will be in result CSS */
/* Custom */
wi-report-list-chart-extended-widget {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-radius: 3px;
}
html.ui-x-support-hover-on-touch wi-report-list-chart-extended-widget:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
wi-report-list-chart-extended-widget:after {
  display: block;
  min-height: inherit;
  content: '';
  font-size: 0;
}
wi-report-list-chart-extended-widget > wi-report-widget-tile {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
}
wi-report-list-chart-extended-widget.-no-header .wi-widget-general-list-view__header {
  visibility: hidden;
  height: 15px;
}
wi-report-list-chart-extended-widget > wi-report-widget-tile .wi-report-widget-tile__body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
wi-report-list-chart-extended-widget > wi-report-widget-tile .wi-report-widget-tile__body > .skeleton-screen {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 3px;
  background-color: white;
  z-index: 1;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-report-widget-full-view__filters {
  display: block;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
}
.wi-report-widget-full-view__report-widget {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 500px;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  margin: 20px 26px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
}
@media (max-width: 736px) {
  .wi-report-widget-full-view__report-widget {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.wi-report-widget-full-view__report-widget:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.wi-report-widget-full-view__report-widget:-list-widget {
  max-height: initial;
}

.widget-page {
  margin-top: 50px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*
* Wireframes sizes are configured against title (text) size
* but not component (header) size
* values below are calculated against font size of the title
*/
/*
* Can vary sligntly depending on font/device. Line height is magic number to match wireframe values.
*/
/*
* Slightly differs from @elements-gap due to all margins are calculated against title (text) size
* but not component size
*/
.wi-dynamic-menu-header {
  background-color: white;
  border-bottom: 1px solid #d8d8d8;
}
.wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space,
.wi-dynamic-menu-header.-wi-dynamic-menu-header--related-view {
  margin: 0;
  padding: 0 30px;
  padding-top: 22px;
  padding-bottom: 22px;
}
.wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space .wi-dynamic-menu-header__item-name,
.wi-dynamic-menu-header.-wi-dynamic-menu-header--related-view .wi-dynamic-menu-header__item-name {
  font-size: 20px;
}
.wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space .wi-dynamic-menu-header__items-container,
.wi-dynamic-menu-header.-wi-dynamic-menu-header--related-view .wi-dynamic-menu-header__items-container {
  height: 34px;
}
@media (min-width: 601px) {
  .wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space,
  .wi-dynamic-menu-header.-wi-dynamic-menu-header--related-view {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space .wi-dynamic-menu-header__item-name,
  .wi-dynamic-menu-header.-wi-dynamic-menu-header--related-view .wi-dynamic-menu-header__item-name {
    font-size: 24px;
  }
}
.wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1025px) {
  .wi-dynamic-menu-header.-wi-dynamic-menu-header--app-space {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.em360-dynamic-header {
  display: flex;
  flex-wrap: wrap;
  color: var(--color-text);
  padding: var(--em360-header-padding);
}
.em360-dynamic-header.em360-dynamic-header--inline {
  padding: 0;
}
.em360-dynamic-header__title-element {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2.25rem;
  flex: 1;
}
.em360-dynamic-header__items-panel {
  display: flex;
  margin-left: auto;
}
.em360-dynamic-header__title-overlay {
  width: 250px;
  height: 1.5rem;
  font-size: 1.5rem;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
.em360-dynamic-header__title-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-dynamic-menu-header__items-container {
  padding-left: 25px;
  gap: 10px;
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.wi-dynamic-menu-header__items-container .wi-dynamic-menu-header__item-delimeter {
  margin-left: auto;
}
.wi-dynamic-menu-header__item-name {
  font-size: 32px;
  font-weight: bold;
  color: black;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.wi-dynamic-menu-header__item-name > span {
  font-size: inherit;
  color: black;
  font-weight: bold;
}
.wi-right-menu-frame--headless .wi-dynamic-menu-header__items-container {
  padding-left: 0;
}
.wi-right-menu-frame--headless .wi-dynamic-menu-header,
.wi-right-menu-frame--headless .wi-dynamic-menu-header__host-element {
  border-bottom: none;
}
.wi-dynamic-menu-header__name-overlay {
  width: 250px;
  height: 24px;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
.wi-dynamic-menu-header__name-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-external-data-view {
  display: flex;
  flex-direction: column;
}
.em360-external-data-view__header-element {
  background-color: white;
  z-index: 1;
}
@media (min-width: 1025px) {
  .em360-external-data-view__header-element.-sticky {
    position: sticky;
    top: 0;
  }
}
.em360-external-data-view__content-element {
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--em360-content-gap);
  padding-left: var(--em360-content-padding-vertical);
  padding-right: var(--em360-content-padding-vertical);
  padding-bottom: var(--em360-content-padding-horizontal);
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-external-app-view1 {
  display: flex;
  padding: 0;
  background-color: white;
  position: relative;
  flex-direction: column;
}
.wi-external-app-view1__livedata-view {
  flex: 1 1 auto;
  min-width: 0;
  background-color: white;
}
@media (max-width: 601px) {
  .wi-external-app-view1 {
    padding-top: 115px;
  }
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-breadcrumbs {
  align-items: center;
  display: flex;
  padding: 15px 15px 15px 15px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  border-bottom: var(--em360-border-width) solid var(--color-border);
}
@media (min-width: 1025px) {
  .em360-breadcrumbs {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.em360-breadcrumbs ol {
  display: flex;
}
.em360-breadcrumbs ol:after {
  content: "m";
  font-size: var(--font-size-body);
  display: inline;
  opacity: 0;
}
.em360-breadcrumbs ol,
.em360-breadcrumbs li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.em360-breadcrumbs li + li::before {
  display: inline-block;
  margin: 0 0.4em;
  transform: rotate(15deg);
  border-right: 0.1em solid currentcolor;
  height: 0.8em;
  content: "";
}
.em360-breadcrumbs__hidden {
  display: none;
}
.em360-breadcrumbs__link-element {
  color: inherit;
  border-radius: 0.25rem;
}
.em360-breadcrumbs__link-element:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-dynamic-view {
  padding: 25px 15px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
@media (min-width: 1025px) {
  .wi-dynamic-view {
    padding: 25px 30px;
  }
}
.wi-dynamic-view__header-wrapper {
  display: flex;
  flex-direction: column;
}
.wi-dynamic-view__header-element {
  width: 100%;
}
.wi-dynamic-view__header-element {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 601px) {
  .wi-dynamic-view__header-element {
    max-width: 672px;
  }
}
@media (min-width: 1025px) {
  .wi-dynamic-view__header-element {
    max-width: 1280px;
  }
}
.wi-dynamic-view--actions {
  align-items: stretch;
}
.wi-dynamic-view__name-overlay {
  width: 250px;
  height: 24px;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  color: #F3F5F7;
  background-color: #F3F5F7;
}
.wi-dynamic-view__name-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-dynamic-view__tabs {
  display: flex;
  margin: 0 25px;
}
.wi-dynamic-view__tabs .wi-right-menu-manage-options__item--text-dropdown button {
  line-height: 24px;
  color: #717171;
  margin-top: -2px;
}
.wi-dynamic-view__tabs .wi-right-menu-manage-options__link {
  text-transform: none;
  font-weight: bold;
}
.wi-dynamic-view__tab {
  padding: 10px 20px 9px;
  background: white;
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #717171;
  border-bottom: 3px solid #fff;
}
.wi-dynamic-view__tab.-active {
  color: #3697DB;
  border-bottom: 3px solid #3697DB;
}
.wi-dynamic-view__inline-message-wrapper {
  padding: 32px 15px;
}
.wi-dynamic-view__inline-message {
  max-width: 461px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  box-sizing: border-box;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-dynamic-forms-sections {
  width: 100%;
  display: block;
  background-color: white;
  box-sizing: border-box;
}
.wi-dynamic-forms-section {
  margin: 0;
  color: var(--color-text);
}
.wi-dynamic-forms-section.-column-multi,
.wi-dynamic-forms-section.-column-multi-50-50 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wi-dynamic-forms-section .wi-general-section__items {
  flex: 1 1 auto;
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 15px;
  /*NOTES: testing/demo purposes, not used on live*/
}
.wi-dynamic-forms-section .wi-general-section__items.-row-scrolled {
  display: flex;
  min-width: 1px;
  overflow: auto;
}
.wi-dynamic-forms-section .wi-general-section__items.-row-scrolled > * {
  min-height: 100px;
}
.wi-dynamic-forms-section .wi-general-section__items.-column {
  grid-template-columns: 1fr;
  min-width: 0;
}
.wi-dynamic-forms-section .wi-general-section__items.-column-multi,
.wi-dynamic-forms-section .wi-general-section__items.-column-multi-50-50 {
  max-width: 100%;
  align-items: start;
  grid-template-columns: 1fr;
  gap: 25px;
}
@media (min-width: 601px) {
  .wi-dynamic-forms-section .wi-general-section__items.-column-multi,
  .wi-dynamic-forms-section .wi-general-section__items.-column-multi-50-50 {
    max-width: 672px;
  }
}
@media (min-width: 1025px) {
  .wi-dynamic-forms-section .wi-general-section__items.-column-multi,
  .wi-dynamic-forms-section .wi-general-section__items.-column-multi-50-50 {
    max-width: 1280px;
    grid-template-columns: 0.65fr 0.35fr;
  }
}
@media (min-width: 1025px) {
  .wi-dynamic-forms-section .wi-general-section__items.-column-multi-50-50 {
    max-width: 1280px;
    grid-template-columns: 1fr 1fr;
  }
}
.wi-dynamic-forms-section__subtitle-element {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.725rem;
}
.wi-dynamic-forms-section__item {
  width: 100%;
  min-width: 0;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.ui-x-support-hover-on-touch .wi-dynamic-forms-section__item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.wi-general-section__items.-column .wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi .wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi-50-50 .wi-dynamic-forms-section__item {
  box-shadow: unset;
  border-radius: var(--widget-border-radius);
  border: 1px solid var(--widget-color-border);
  box-sizing: border-box;
}
.wi-general-section__items.-column .wi-dynamic-forms-section__item.-no-border,
.wi-general-section__items.-column-multi .wi-dynamic-forms-section__item.-no-border,
.wi-general-section__items.-column-multi-50-50 .wi-dynamic-forms-section__item.-no-border,
.wi-general-section__items.-column .wi-dynamic-forms-section.wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi .wi-dynamic-forms-section.wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi-50-50 .wi-dynamic-forms-section.wi-dynamic-forms-section__item {
  box-shadow: unset;
  border-radius: unset;
  border: unset;
}
.wi-general-section__items.-column .wi-dynamic-forms-section.wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi .wi-dynamic-forms-section.wi-dynamic-forms-section__item,
.wi-general-section__items.-column-multi-50-50 .wi-dynamic-forms-section.wi-dynamic-forms-section__item {
  padding: 0;
}
.ui-x-support-hover-on-touch .wi-general-section__items .wi-dynamic-forms-section__item.-no-border:hover {
  box-shadow: none;
  border: none;
}
.wi-dynamic-forms-section__item.-no-border {
  box-shadow: none;
  border: none;
}
.ui-x-support-hover-on-touch .wi-dynamic-forms-section__item.-no-border:hover {
  box-shadow: none;
  border: none;
}
/*
* Disable styles for section (recursive sections). Consider refactoring (conditional style rendering)
*/
.wi-dynamic-forms-section.wi-dynamic-forms-section__item {
  min-height: unset;
  border-radius: unset;
  box-shadow: unset;
}
.ui-x-support-hover-on-touch .wi-dynamic-forms-section.wi-dynamic-forms-section__item:hover {
  box-shadow: unset;
}

.wi-dynamic-forms-vertical-overflow-container {
  position: relative;
  overflow: hidden;
}
.wi-dynamic-forms-vertical-overflow-container .wi-dynamic-forms-vertical-overflow-container__expand-button {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 20px;
  z-index: 2;
}
.wi-dynamic-forms-vertical-overflow-container .wi-dynamic-forms-vertical-overflow-container__expand-button:focus,
.wi-dynamic-forms-vertical-overflow-container .wi-dynamic-forms-vertical-overflow-container__expand-button:focus-visible {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.wi-dynamic-forms-vertical-overflow-container .wi-dynamic-forms-vertical-overflow-container__fadeout-mask {
  z-index: 1;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 90%, #ffffff);
}
.wi-dynamic-forms-vertical-overflow-container.-expanded {
  padding-bottom: 60px;
}
.wi-dynamic-forms-vertical-overflow-container.-overflow .wi-dynamic-forms-vertical-overflow-container__fade-mask {
  display: initial;
}

.wi-page-options {
  display: flex;
  align-items: center;
}
.wi-page-options .wi-page-option {
  margin-left: 6px;
}
.wi-page-options .wi-page-option:first-child {
  margin-left: 0px;
}
.wi-page-options.-wi-page-options--view-content-header,
.wi-page-options.-wi-page-options--view-content-footer {
  height: 50px;
  max-width: 862px;
  padding-left: 10px;
  padding-right: 31px;
}
.wi-page-options.-wi-page-options--view-content-footer {
  height: 55px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*.round-button-icon-transform-modifier(@modifier-name; @translateX; @translateY) {
	wi-round-button@{modifier-name} {
		.wi-round-button__icon {
			svg {
				transform: translate(@translateX, @translateY);
			}
		}
	}
}*/
.wi-header-actions1 {
  display: flex;
  min-width: 1px;
}
.wi-header-actions1.-wi-header-actions1--action-outcomes .wi-header-actions1__hack-element-to-hide-a-part-of-border {
  width: 18px;
}
.wi-header-actions1.-wi-header-actions1--action-outcomes .wi-header-actions1__buttons-content {
  margin: 0 15px 0 10px;
}
.wi-header-actions1__content {
  display: flex;
  flex: 1;
  min-width: 1px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  position: relative;
}
.wi-header-actions1__content.-without-border {
  border-top: none;
}
.wi-header-actions1__content.-menu-mode {
  background-color: #f1f1f1;
  border: 0;
  margin: 0 25px 5px;
  border-radius: 10px;
  overflow: hidden;
  height: 40px;
}
.wi-header-actions1__hack-element-to-hide-a-part-of-border {
  background-color: #ffffff;
  position: absolute;
  height: 1px;
  width: 18px;
  top: -1px;
}
@media (min-width: 601px) {
  .wi-header-actions1__hack-element-to-hide-a-part-of-border {
    width: 27px;
  }
}
.wi-header-actions1__buttons-content {
  margin: 0 19px 0 10px;
}
@media (min-width: 601px) {
  .wi-header-actions1__buttons-content {
    margin: 0 19px;
  }
}
.wi-header-actions1__buttons-content.-menu-mode {
  margin: 0;
  padding-right: 31px;
  position: initial;
}
.wi-header-actions1__separator {
  background-color: #d4d4d4;
  height: 24px;
  width: 1px;
  margin-left: 3px;
  margin-right: 9px;
  flex: 0 0 auto;
}
.wi-header-actions1__scrollable-container {
  width: 100%;
  height: 50px;
}
.wi-header-actions1__fade-out-element {
  height: 50px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wi-header-actions1__buttons {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  margin-right: 28px;
}
.-menu-mode .wi-header-actions1__buttons {
  margin: 0;
  height: 40px;
}
.wi-header-actions1__button {
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-temp-widget-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--widget-gap);
  padding: var(--widget-padding);
  box-sizing: border-box;
}
.em360-temp-widget-frame--auto-height {
  height: auto;
}
.em360-temp-widget-frame--nested-widget {
  --widget-gap: 15px;
  --widget-padding: 0;
}
.em360-temp-widget-frame--width-ratio-2,
.em360-temp-widget-frame--width-ratio-1 {
  padding: 15px;
}
.em360-temp-widget-frame--no-access .em360-temp-widget-frame__header-text,
.em360-temp-widget-frame--no-access .em360-temp-widget-frame__content {
  opacity: 0.3;
}
.em360-temp-widget-frame__preview-mask {
  z-index: 1;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 120%, #ffffff);
}
.em360-temp-widget-frame__preview-mask.-short {
  height: 65px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
}
.em360-temp-widget-frame__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: start;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 57px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
  background-color: transparent;
  flex-direction: column;
  height: 90px;
  position: relative;
  border-bottom: none;
}
.em360-temp-widget-frame__header-top {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  height: 1px;
  gap: 0.75rem;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header {
  border-bottom: none;
}
.em360-temp-widget-frame__header-text {
  flex: 1 1 auto;
  font-weight: var(--font-weight-semibold);
  color: black;
  overflow: hidden;
  font-size: var(--font-size-heading-3);
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0;
  max-height: calc(1.5 * 3 * var(--font-size-heading-3));
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.em360-temp-widget-frame__header-text--edit {
  cursor: text;
}
.em360-temp-widget-frame__header-text--edit:focus {
  display: block;
}
.em360-temp-widget-frame__header-text--placeholder {
  opacity: 0.5;
}
.em360-temp-widget-frame--single-line-title .em360-temp-widget-frame__header {
  height: 48px;
}
.em360-temp-widget-frame--single-line-title .em360-temp-widget-frame__header-text {
  /*overflow: hidden; 
	.line-clamp(1);

	&--edit:focus {
		.disable-line-clamp();
	}*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.em360-temp-widget-frame--single-line-title .em360-temp-widget-frame__header-text--edit:focus {
  text-overflow: clip;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-text--edit:focus {
  display: block;
}
.em360-temp-widget-frame--auto-title-height .em360-temp-widget-frame__header {
  height: auto;
}
.em360-temp-widget-frame--auto-title-height .em360-temp-widget-frame__header-top {
  height: auto;
}
.em360-temp-widget-frame__header-icon {
  /*margin-right: @center-offset - (@size / 2);
	margin-top: @center-offset - (@size / 2);*/
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  flex: 0 0 auto;
}
.em360-temp-widget-frame__header-icon svg {
  width: 100%;
  height: 100%;
}
.em360-temp-widget-frame__header-icon.-info-icon {
  /*margin-right: @center-offset - (@size / 2);
		margin-top: @center-offset - (@size / 2);*/
  width: 17px;
  height: 17px;
  cursor: default;
}
.em360-temp-widget-frame__header-icon.-info-icon svg {
  fill: #f89406;
}
.em360-temp-widget-frame--height-ratio-1,
.em360-temp-widget-frame--height-ratio-2 {
  cursor: pointer;
}
.em360-temp-widget-frame--not-clickable {
  cursor: default;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-icon:not(.-info-icon),
.em360-temp-widget-frame--height-ratio-2 .em360-temp-widget-frame__header-icon:not(.-info-icon) {
  display: none;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-icon.-info-icon,
.em360-temp-widget-frame--height-ratio-2 .em360-temp-widget-frame__header-icon.-info-icon {
  width: 17px;
  height: 17px;
}
.em360-temp-widget-frame__header-bottom {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.em360-temp-widget-frame__header-description {
  align-self: stretch;
  white-space: normal;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*display: block;*/
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-text-wrapper {
  color: #647070;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 10px 10px 14px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  /*&--icons {
			padding: 0 0 10px 14px;
		}*/
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-text-wrapper.-fake {
  width: 70%;
  height: 16px;
  background-color: #F3F5F7;
  color: #F3F5F7;
  border-radius: 5px;
  display: block;
  position: relative;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-text-wrapper.-fake.-loading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper {
  margin-right: 5px;
  margin-bottom: 9px;
  align-self: flex-end;
  height: 17px;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper .em360-temp-widget-frame__lower-icon {
  margin-right: 10px;
  display: inline-flex;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper .em360-temp-widget-frame__lower-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  opacity: 0.5;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper .em360-temp-widget-frame__lower-icon.-info-icon svg,
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper .em360-temp-widget-frame__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.em360-temp-widget-frame--height-ratio-1 .em360-temp-widget-frame__header-bottom .em360-temp-widget-frame__header-bottom-icon-wrapper .wi-widget-content-list__lower-icon--info-icon svg {
  fill: #f89406;
  opacity: 1;
}
.em360-temp-widget-frame__content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  gap: var(--widget-gap);
  /*iframe {
		width: 100.5%; // #22077 .5% fix for round to lowest
		height: 100%;
		flex: 1 1 auto;
	}

	ng-transclude,
	content-slot {
		height: 100%;
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}*/
}
.em360-temp-widget-frame--auto-height .em360-temp-widget-frame__content {
  overflow: unset;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-data-set-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
  height: 100%;
}
.wi-widget-data-set-list__error-message {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
:root {
  --fields-padding: var(--space-15);
}
.wi-fields-widget-field-view {
  display: flex;
  justify-content: space-between;
  gap: var(--space-5);
  border-top: none;
  padding: var(--fields-padding) 0;
}
.wi-fields-widget-field-view.wi-fields-widget-field-view--column {
  flex-direction: column;
  gap: var(--space-15);
}
.wi-fields-widget-field-view.wi-fields-widget-field-view--align-left {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.wi-fields-widget-field-view.wi-fields-widget-field-view--value-primary .wi-fields-widget-field-view__value {
  font-weight: var(--font-weight-semibold);
}
.wi-fields-widget-field-view--no-last-padding {
  padding-bottom: 0;
}
.wi-fields-widget-field-view__label {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-weight-semibold);
}
.wi-fields-widget-field-view__value {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.wi-fields-widget-field-view__value a {
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-decoration: underline;
  display: inline-flex;
}
.wi-fields-widget-field-view__value a svg {
  margin-left: var(--space-5);
}
.wi-fields-widget-field-view__value a:focus-visible {
  outline: 2px solid var(--form-field-outline-color);
  outline-offset: 2px;
  border-radius: 0.15em;
}
.wi-fields-widget-field-view--widget .wi-fields-widget-field-view__value {
  overflow: visible;
}
.wi-fields-widget-field-view__empty-placeholder {
  visibility: hidden;
}
@media (max-width: 767px) {
  :root {
    --fields-padding: var(--space-10);
  }
  .wi-fields-widget-field-view {
    flex-direction: column;
  }
  .wi-fields-widget-field-view.wi-fields-widget-field-view--column {
    gap: var(--space-10);
  }
  .wi-fields-widget-field-view.wi-fields-widget-field-view--column .wi-fields-widget-field-view__label,
  .wi-fields-widget-field-view.wi-fields-widget-field-view--column .wi-fields-widget-field-view__value {
    flex: unset;
  }
}
@media (min-width: 1025px) {
  .wi-fields-widget-field-view__label,
  .wi-fields-widget-field-view__value {
    flex: 1 1 0;
  }
  .wi-fields-widget-field-view__label {
    max-width: var(--widget-primary-column-max-width);
  }
  .wi-fields-widget-field-view.wi-fields-widget-field-view--column .wi-fields-widget-field-view__label,
  .wi-fields-widget-field-view.wi-fields-widget-field-view--column .wi-fields-widget-field-view__value {
    flex: unset;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-fields-widget-field-list-view {
  border-bottom: none;
  margin: 0;
}
.wi-fields-widget-field-list-view__item {
  border-bottom: 1px solid var(--widget-color-border);
}
.wi-fields-widget-field-list-view__item:first-child {
  border-top: 1px solid var(--widget-color-border);
}
.wi-fields-widget-field-list-view__item:last-child:has(> .wi-fields-widget-field-list-view__item-content--no-last-border) {
  border: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-content-list-item-label-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  color: #5d5d5d;
  font-size: 13px;
  margin-bottom: 1px;
}
.wi-content-list-item-primary-text-style {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #000000;
}
.wi-content-list-item-secondary-text-style {
  color: #717171;
  font-weight: 400;
  max-height: 38px;
  overflow: hidden;
  line-height: 19px;
  font-size: 13px;
}
.wi-fields-widget {
  font-size: var(--font-size-body);
}
.wi-fields-widget__no-items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}
.wi-fields-widget__inline-message {
  padding: 12px 0;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}

.wi-dynamic-forms-row-section .wi-dynamic-forms-row-section__seciton-item {
  box-shadow: unset;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-markdown-widget {
  background: white;
}
.wi-markdown-view {
  box-sizing: border-box;
  /*nested lists*/
}
.wi-markdown-view pre {
  overflow-x: auto;
}
.wi-markdown-view > :first-child {
  padding-top: 0px;
  margin-top: 0px;
}
.wi-markdown-view h1,
.wi-markdown-view h2,
.wi-markdown-view h3,
.wi-markdown-view h4,
.wi-markdown-view h5,
.wi-markdown-view h6 {
  position: relative;
  word-wrap: break-word;
  font-weight: 700;
  padding-top: 10px;
  margin: 0;
}
.wi-markdown-view p {
  margin: 0;
  position: relative;
  word-wrap: break-word;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px;
  line-height: 26px;
}
.wi-markdown-view ol {
  list-style-type: decimal;
}
.wi-markdown-view ul {
  list-style-type: disc;
}
.wi-markdown-view ul,
.wi-markdown-view ol {
  margin: 0;
  padding: 0;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: black;
}
.wi-markdown-view li ol,
.wi-markdown-view ol ol,
.wi-markdown-view ul ol,
.wi-markdown-view li ul,
.wi-markdown-view ol ul,
.wi-markdown-view ul ul {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 30px;
}
.wi-markdown-view li ol li:last-child,
.wi-markdown-view ol ol li:last-child,
.wi-markdown-view ul ol li:last-child,
.wi-markdown-view li ul li:last-child,
.wi-markdown-view ol ul li:last-child,
.wi-markdown-view ul ul li:last-child {
  padding-bottom: 0px;
}
.wi-markdown-view li {
  font-size: 17px;
  line-height: 26px;
  padding-bottom: 10px;
}
.wi-markdown-view a {
  color: #4997dc;
}
.wi-markdown-widget {
  outline: none;
  outline-width: 0;
  position: relative;
  color: black;
}
.wi-markdown-widget__actions-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.wi-markdown-widget__actions-panel .wi-markdown-widget__action-button {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .wi-markdown-widget__actions-panel {
    display: flex;
    flex-direction: column;
  }
}

.wi-action-outcome-form-widget {
  background-color: white;
}
.wi-action-outcome-form-widget__button {
  margin: 15px;
}

.wi-gallery-widget {
  background-color: white;
}

.wi-gallery-view {
  display: flex;
  /* min-width: 0; */
  /* min-height: 0; */
  margin: 15px;
  position: relative;
}
.wi-gallery-view--hide-thumbnails {
  margin: 0;
}
.wi-gallery-view__thumbnails {
  top: 0;
  width: 63px;
  position: absolute;
  left: 0;
  height: 100%;
  margin: -3px;
}
.wi-gallery-view__thumbnails .simplebar-vertical {
  right: -10px;
}
.wi-gallery-view__thumbnails .simplebar-mask {
  overflow: visible;
}
.wi-gallery-view__thumbnails .simplebar-content-wrapper:focus,
.wi-gallery-view__thumbnails .simplebar-content-wrapper:focus-visible {
  outline: 3px solid #3697DB;
  border-radius: 5px;
}
.wi-gallery-view__thumbnails-placeholder {
  margin: 3px;
}
.wi-gallery-view__simple-bar {
  height: 100%;
}
.wi-gallery-view__thumbnail {
  padding-top: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 8px;
  cursor: pointer;
  display: block;
  width: 100%;
  border: none;
}
.wi-gallery-view__thumbnail.-selected {
  outline: 3px solid #3697DB;
}
.wi-gallery-view__thumbnail:focus,
.wi-gallery-view__thumbnail:focus-visible {
  outline: 3px solid #3697DB;
}
.wi-gallery-view__thumbnail-image {
  object-fit: cover;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.wi-gallery-view__main {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  margin-left: 72px;
}
.wi-gallery-view__main:focus,
.wi-gallery-view__main:focus-visible {
  outline: 3px solid #3697DB;
}
.wi-gallery-view--hide-thumbnails .wi-gallery-view__main {
  margin-left: 0;
}
.wi-gallery-view__main-image-placeholder {
  padding-top: 87.6%;
  position: relative;
}
.wi-gallery-view__main-image-placeholder:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.wi-gallery-view__main-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-status-widget {
  color: var(--color-text);
  font-size: var(--widget-font-size);
  background-color: var(--widget-color-backgrond);
  border: 1px solid var(--widget-color-border);
  padding: var(--widget-padding);
  border-radius: var(--widget-border-radius);
  line-height: 1.5;
  font-size: var(--font-size-body);
}
.em360-status-flow {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: var(--space-15);
}
.em360-status-flow-item {
  display: flex;
  gap: var(--space-5);
  position: relative;
}
.em360-status-flow-item__details {
  display: flex;
  gap: var(--space-5);
  flex: 1 1 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
.em360-status-flow-item__status {
  font-weight: var(--font-weight-semibold);
  line-height: 1.5rem;
}
.em360-status-flow-item__icon {
  display: flex;
  flex: none;
  z-index: 1;
  height: 1.5rem;
  width: 1.5rem;
}
.em360-status-flow-item__icon svg {
  background-color: var(--widget-color-backgrond);
  border-radius: 999px;
  height: 1.5rem;
  width: 1.5rem;
}
.em360-status-flow-item:has(+ .em360-status-flow-item):before {
  border-left: 2px dotted var(--color-border);
  content: "";
  display: block;
  height: calc(100% + var(--space-15));
  left: calc((1.5rem - 2px) / 2);
  position: absolute;
  top: 0;
}
.em360-status-flow-item:has(+ .em360-status-flow-item--complete):before {
  border-left-style: solid;
  border-left-color: var(--color-text);
}
.em360-status-flow__reasons-title,
.em360-status-flow__reasons-element h1,
.em360-status-flow__reasons-element h2,
.em360-status-flow__reasons-element h3,
.em360-status-flow__reasons-element h4,
.em360-status-flow__reasons-element h5,
.em360-status-flow__reasons-element h6 {
  font-weight: var(--font-weight-semibold);
}
.em360-status-flow__reasons-element {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.em360-status-flow__reasons-element h1,
.em360-status-flow__reasons-element h2,
.em360-status-flow__reasons-element h3,
.em360-status-flow__reasons-element h4,
.em360-status-flow__reasons-element h5,
.em360-status-flow__reasons-element h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
}
.em360-status-flow__reasons-element ul,
.em360-status-flow__reasons-element ol {
  list-style: revert;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  margin-left: 2em;
}
.em360-status-flow__reasons-element ul li {
  list-style: disc;
}
.em360-status-flow-item__status,
.em360-status-flow-item__date {
  align-self: center;
}
@media (min-width: 1025px) {
  .em360-status-flow-item__status,
  .em360-status-flow-item__date {
    flex: 1 1 0;
  }
  .em360-status-flow-item__status {
    max-width: var(--widget-primary-column-max-width);
  }
  .em360-status-flow-item__date {
    margin-left: calc(0px - var(--space-5) - 1.5rem);
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-action-view {
  padding: 25px 15px;
}
@media (min-width: 1025px) {
  .em360-action-view {
    padding: 25px 30px;
  }
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-header-options-bar {
  display: block;
}
.wi-header-options-bar--searchbar {
  --engage-icon-color: #717171;
  min-height: 50px;
  display: flex;
  margin: 5px 15px;
}
.wi-header-options-bar--searchbar .ui-x-header-options {
  margin: 0;
}
.wi-header-options-bar--searchbar .ui-x-header-info {
  display: flex;
  margin-left: 0px;
}
.wi-header-options-bar--searchbar .ui-x-header-info ul {
  display: flex;
  align-items: center;
}
.wi-header-options-bar--searchbar .ui-x-feed-loading {
  color: black;
  font-weight: bold;
}
.wi-header-options-bar--searchbar > div {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 8.5px;
}
.wi-header-options-bar--searchbar xd-header-options {
  display: flex;
  align-items: stretch;
}
.wi-header-options-bar--searchbar xd-header-options > div {
  display: flex;
}
.wi-header-options-bar--searchbar xd-header-options > div > ul {
  display: flex;
  align-items: center;
}
.wi-header-options-bar--searchbar-rows {
  justify-content: center;
}
.wi-header-options-bar--searchbar-rows .ui-x-header-options {
  margin-right: 0px;
}
.wi-header-options-bar--searchbar-rows .ui-x-header-info {
  margin-left: 0px;
}
.wi-header-options-bar--searchbar-rows > div {
  margin: 0px;
  box-sizing: border-box;
  max-width: 798px;
  padding-left: 15px;
  padding-right: 8.5px;
}
@media (min-width: 983px) {
  .wi-header-options-bar--searchbar-rows {
    justify-content: flex-start;
    margin-left: 61px;
  }
}

wi-app-above-view-header {
  display: block;
}

wi-app-above-view {
  display: block;
}


/* This comment will be in result CSS */
/* Custom */
.quick-view .quick-view__content {
  background-color: white;
  overflow-y: scroll;
  display: block;
}
.quick-view__open-in-full-view svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.quick-view__open-in-full-view svg #grid {
  display: none;
}
.quick-view__open-in-full-view svg path {
  fill: #000;
}
.quick-view__header-slot {
  position: absolute;
}
.quick-view__header {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background-color .25s ease-out;
  -moz-transition: background-color .25s ease-out;
  -ms-transition: background-color .25s ease-out;
  -o-transition: background-color .25s ease-out;
  transition: background-color .25s ease-out;
}
.quick-view__header--scrolled {
  background-color: #ffffff;
}
.quick-view__header path {
  fill: #000 !important;
}
.quick-view__header .wi-menu-header__title {
  color: black;
}
.quick-view__app-above-view-header {
  position: relative;
  z-index: 1;
}
.quick-view__container {
  position: relative;
  z-index: 0;
}
.wi-right-menu--qv-container-position .quick-view__container {
  position: static;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
wi-content-type-template-fields > .panel-fields > .panel-field {
  zoom: 1;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: white;
  border-bottom: 1px #f1f1f1 solid;
  padding: 9px 20px;
  min-height: 47px;
  cursor: pointer;
}
wi-content-type-template-fields > .panel-fields > .panel-field:before,
wi-content-type-template-fields > .panel-fields > .panel-field:after {
  content: "";
  display: table;
}
wi-content-type-template-fields > .panel-fields > .panel-field:after {
  clear: both;
}
wi-content-type-template-fields > .panel-fields > .panel-field:hover {
  background-color: #f1f1f1;
}
wi-content-type-template-fields > .panel-fields > .panel-field.ui-sortable-helper {
  border: 1px #bababa solid;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .validation-bar {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 5px;
  height: calc(101%);
  background-color: #e2261e;
  z-index: 1;
  display: none;
}
wi-content-type-template-fields > .panel-fields > .panel-field.-mandatory > .validation-bar {
  display: block;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-buttons {
  padding: 12.5px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-buttons > .ui-x-icn {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 14px;
  margin-top: -2px;
  opacity: 0.5;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-buttons > .ui-x-icn:hover {
  opacity: 1;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.7em;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label {
  color: #717171;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label:first-of-type {
  color: black;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label > .info-item {
  display: inline;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label > .info-item.-primary-info {
  display: inline;
  margin-left: 3px;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label > .info-item.-separated:not(:first-child):before {
  content: " \2022 ";
  padding: 0;
  margin: 0 1px 0 2px;
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content > .content-label > .info-item.-icon > svg {
  display: inline;
  vertical-align: bottom;
  width: 1.25em;
  height: 1.25em;
  position: relative;
  bottom: 0.15em;
  fill: rgba(113, 113, 113, 0.5);
}
wi-content-type-template-fields > .panel-fields > .panel-field > .field-content.-no-items > .content-label {
  line-height: 47px;
  color: #717171;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.unlock-user__locked-user-bar {
  cursor: pointer;
  font-size: 14px;
  background: #f6b516;
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.unlock-user__locked-user-bar--unlocked {
  background: #43a047;
}
.unlock-user__locked-user-title {
  margin: 13px 0 13px 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.unlock-user__loader-container {
  background: #f6b516;
  height: 45px;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.unlock-user__loader-container .loaderContainer {
  position: initial !important;
  margin: 0 !important;
  left: initial !important;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-My-Work-Panel-Item-item {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  height: 60px;
}
.wi-My-Work-Panel-Item__Count {
  width: 45px;
  height: 43px;
  padding: 2px 0px 0px;
  border-width: 0px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #667071;
  border-radius: 50%;
  margin: 7px 11px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 41px;
  font-size: inherit;
  text-align: center;
}
.wi-My-Work-Panel-Item__Title {
  float: left;
  font-size: 14px;
  color: #000000;
  line-height: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  padding-left: 6px;
}
.wi-My-Work-Panel-Item-item__addBtn {
  float: right;
  height: 60px;
  width: 57px;
  border-width: 0px 0px 0px 1px;
  border-radius: 0 3px 3px 0;
  border-color: #f0f0f0;
  border-style: solid;
}
.wi-My-Work-Panel-Item-item__addBtn:hover {
  background-color: #f1f1f1;
}
.wi-My-Work-Panel-Item-item__addBtn svg {
  margin: 20px 16px 0;
}

/* This comment will be in result CSS */
/* Custom */
.wi-My-Work-Panel-Item-item {
  border-radius: 3px;
}
.wi-My-Work-Panel-Widget-Item__Count {
  width: 45px;
  height: 43px;
  padding: 2px 0px 0px;
  border-width: 0px;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 50%;
  margin: 7px 11px;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 41px;
  font-size: inherit;
  text-align: center;
  position: relative;
}
.wi-My-Work-Panel-Widget-Item__Sum {
  position: absolute;
  height: 17px;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
  bottom: -5px;
  min-width: 60px;
  left: -8px;
  background-color: #ffffff;
  color: #000000;
}
.wi-My-Work-Panel-Widget-Item__Title {
  float: left;
  font-size: 14px;
  color: #000000;
  height: 40px;
  max-width: 200px;
  padding-left: 6px;
  font-weight: 400;
  margin-top: 10px;
  line-height: 19px;
  overflow: hidden;
}
.wi-My-Work-Panel-Widget-Item__Title-Wrapper {
  display: table;
  vertical-align: middle;
  height: 40px;
  width: 200px;
}
.wi-My-Work-Panel-Widget-Item__Title p {
  display: table-cell;
  vertical-align: middle;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-my-work-panel {
  padding-top: 5px;
}
.wi-my-work-panel h2 {
  color: #5E5E5E;
  font-size: 13px !important;
  font-weight: bold;
  height: 34px;
  line-height: 36px;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  margin: 0;
}
.wi-my-work-panel-item {
  margin: 5px 10px 0px 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  /*@feed-item-box-shadow*/
  border-radius: 3px;
  background-color: white;
  height: 60px;
  display: block;
}
.wi-my-work-panel-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.wi-right-menu__title button.ui-x-return-icn {
  float: left;
  padding: 0;
  width: 35px;
  height: 32px;
  cursor: pointer;
  margin-right: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
}
.wi-right-menu__title button.ui-x-return-icn:focus-visible {
  border-radius: var(--border-radius--menu-header-item);
  outline: var(--outline-width--menu-header-item) solid var(--outline-color--menu-header-item);
  outline-offset: var(--outline-offset--menu-header-item);
}


/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-right-menu-input-removable {
  display: block;
}
.ui-sortable-helper .removable-input {
  background-color: white;
  border-top: 1px solid #f1f1f1;
}
.removable-input {
  padding: 10px 0 10px 0;
}
.removable-input__tile-min-height {
  height: 45px;
}
.removable-input__remove-button {
  flex: 0 0 auto;
  padding-left: 22px;
  padding-right: 22px;
  cursor: pointer;
  display: flex;
}
.removable-input__remove-button path {
  fill: #6d6e71;
}
.removable-input__tile-info {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  min-width: 0;
}
.removable-input__tile-info--editable {
  margin-left: 22px;
}
.removable-input__tile-info--clickable {
  cursor: pointer;
}
.removable-input__tile-info--primary {
  font-size: 14px;
  margin-bottom: 4px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.removable-input__tile-info--secondary {
  font-size: 14px;
  color: #717171;
}
.removable-input__tile-info--nosecondary {
  margin-bottom: 0;
}
.removable-input__drag-handle {
  margin: 0 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: move;
  width: 41px;
  height: 41px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.section-item-options-bar {
  display: inline-flex;
  position: relative;
  top: -16px;
  border-radius: 50px;
  /*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);*/
  background-color: #fff;
  /*width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px 12px 9px;
	box-sizing: border-box;
	border-radius: @feed-item-border-radius @feed-item-border-radius 0 0;*/
}
.section-item-options-bar-actions-panel {
  height: 34px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
  z-index: 16;
}
.section-item-options-bar__header {
  text-align: center;
}
.section-item-options-bar__option {
  border-left: 1px solid #f1f1f1;
  cursor: pointer;
  background-color: #fff;
  z-index: 2;
}
.section-item-options-bar__option:first-child {
  padding-left: 4px;
  border-left: none;
  border-radius: 50px 0 0 50px;
}
.section-item-options-bar__option:last-child {
  padding-right: 5px;
  border-radius: 0 50px 50px 0;
}
.section-item-options-bar__option:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.section-item-options-bar__option--dragger {
  cursor: move;
  float: left;
  padding-left: 4px;
}
.section-item-options-bar__option--dragger:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 50px 0 0 50px;
}
.section-item-options-bar__option--right {
  float: right;
  margin-left: 20px;
  cursor: pointer;
}
.section-item-options-bar__option--disabled {
  cursor: default;
  opacity: 0.5;
}
.section-item-options-bar__option--disabled:hover {
  box-shadow: none;
  z-index: 1;
}
.section-item-options-bar__option-icon {
  height: 34px;
  width: 34px;
  box-sizing: border-box;
  padding: 4px;
}
.section-item-options-bar__option-icon:hover svg path {
  fill: black !important;
}
.section-item-options-bar__option-icon--disabled:hover svg path {
  fill: #717171 !important;
}
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg path,
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg path,
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg rect {
  fill: black !important;
}
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg path,
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg path,
.section-item-options-bar-actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.section-item-options-bar-actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg path,
.section-item-options-bar-actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg rect {
  fill: #717171 !important;
}

/* SectionItem.less */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-section-item {
  position: absolute;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  /*border: @widget-item-border--transparent;*/
  border-radius: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 2px;
  /*&:before {
		content: "";
		display: block;
		padding-top: 100%;
	}*/
}
.ui-x-support-hover-on-touch .xd-section-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .xd-section-item:hover.-fake,
.ui-x-support-hover-on-touch .xd-section-item:hover.-no-hover {
  box-shadow: none;
}
.ui-x-support-hover-on-touch .xd-section-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .xd-section-item:hover.-fake,
.ui-x-support-hover-on-touch .xd-section-item:hover.-no-hover {
  box-shadow: none;
}
@media (min-width: 602px) {
  .xd-section-item {
    margin: 3px;
  }
}
.xd-section-item__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*&--2 {//enums.relatedPanelType.structured2
			top: 45px;
		}*/
}
.xd-section-item__viewmore {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  float: right;
  top: -9px;
  background-color: #fff;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.2);
  right: -9px;
  border-radius: 50px;
  padding: 10px;
  position: absolute;
  cursor: default;
  z-index: 1;
  display: none;
}
.xd-section-item__viewmore svg path {
  fill: #717171 !important;
}
.xd-section-item__viewmore.-show {
  display: block;
}
.xd-section-item__options-bar {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  visibility: hidden;
}
.xd-section-item--invalid {
  border-width: 1px 1px 2px;
  border-style: solid;
  border-color: red;
}
/*.xd-section-item-default {
	.xd-section-item;
}*/
.xd-section-item:hover .xd-section-item__options-bar {
  visibility: visible;
}
/*.xd-section-item-default:hover,
.xd-section-item-default--hover-ie-fix {
	box-shadow: @feed-item-box-shadow--hover;
}*/

/* SectionPanel.less */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-section-panel {
  margin-bottom: 15px;
  /*margin-top: @margin-between-sections;*/
  /*text-align: center;*/
}
.xd-section-panel__header {
  margin: 0 auto;
  text-align: left;
  display: flex;
  margin-bottom: 10px;
}
.xd-section-panel__header-icon {
  padding-left: 10px;
  margin-left: auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: 0 0 auto;
  float: right;
  opacity: 50%;
}
.xd-section-panel__border-header {
  text-align: center;
  height: 20px;
}
.xd-section-panel__border-header--type--7 {
  text-align: center;
  height: 0;
}
.xd-section-panel__border {
  /*border: @widget-item-border--transparent;*/
  /*text-align: center;*/
  margin: 0px -88px;
  padding: 0 88px;
  padding-bottom: 5px;
}
.xd-section-panel__container.-no-access .xd-section-panel__title {
  opacity: 0.3;
}
.xd-section-panel__container.-no-access .xd-section-panel__title.-no-border {
  border-color: transparent;
}
.xd-section-panel__border--wide:hover,
.xd-section-panel__border--wide:active {
  /*border: @widget-item-border--transparent;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.xd-section-panel__border--wide:hover .xd-section-panel__options,
.xd-section-panel__border--wide:active .xd-section-panel__options {
  visibility: visible;
  pointer-events: all;
}
.xd-section-panel__border:hover,
.xd-section-panel__border:active {
  /*border: @widget-item-border--transparent;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.xd-section-panel__border:hover .xd-section-panel__options,
.xd-section-panel__border:active .xd-section-panel__options {
  visibility: visible;
  pointer-events: all;
}
.xd-section-panel__edit-title {
  outline: none;
  word-break: break-word;
  width: 100%;
}
.xd-section-panel__edit-title.-readonly {
  cursor: pointer;
}
.xd-section-panel__title {
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  color: black;
  border: 1px dashed #d8d8d8;
  padding: 4px 10px 4px 10px;
  border-radius: 3px;
  /*height: 30px;
		line-height: 30px;*/
  text-decoration: none solid #000000;
  min-width: 315px;
  /*margin-bottom: 10px;*/
}
.xd-section-panel__title .ng-empty {
  opacity: 0.25;
}
.xd-section-panel__title:hover {
  border: 1px dashed #3697db;
}
.xd-section-panel__title:focus-within {
  border: 1px solid #3697db;
}
.xd-section-panel__title.-no-border {
  border-color: transparent;
}
.xd-section-panel__header-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex: 0 0 auto;
}
.xd-section-panel__header-icon.-info-icon {
  padding-top: 7.5px;
  width: 17px;
  height: 17px;
  cursor: default;
}
.xd-section-panel__header-icon.-info-icon svg {
  fill: #f89406;
}
.xd-section-panel__options {
  display: inline-block;
  top: -17px;
  position: relative;
  visibility: hidden;
  pointer-events: none;
}
.xd-section-panel__options-actions-panel {
  height: 34px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.14) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px 1px;
  z-index: 16;
}
.xd-section-panel__option {
  display: inline-block;
  margin-right: 18px;
  width: 21px;
  height: 21px;
  cursor: pointer;
}
.xd-section-panel__option--disabled {
  cursor: default;
  opacity: 0.25;
}
.xd-section-panel__add-item {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  float: left;
}
@media (min-width: 876px) {
  .xd-section-panel__add-item {
    margin: 0;
    box-sizing: border-box;
    /*&:before {
				float: left;
				content: ' ';
				padding-top: 100%;
			}*/
  }
}
.xd-section-panel__add-item--disabled {
  cursor: default;
  opacity: 0.3;
}
.xd-section-panel__add-item--disabled .xd-section-panel__add-item-content:hover,
.xd-section-panel__add-item--disabled .xd-section-panel__add-item-content:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
}
.xd-section-panel__add-item-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  box-sizing: border-box;
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
}
.xd-section-panel__add-item-content:hover,
.xd-section-panel__add-item-content:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
.xd-section-panel__placeholder {
  float: left;
  position: relative;
}
.xd-section-panel__placeholder-content {
  border-radius: 10px;
  border-width: 2px;
  border-style: dashed;
  border-color: #d8d8d8;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.xd-section-panel__add-item-icon,
.xd-section-panel__add-item-icon svg {
  height: 32px;
  width: 32px;
}
.xd-section-panel__add-item-title {
  font-size: 18px;
  color: #717171;
  margin-top: 10px;
}
.xd-section-panel__items {
  /*.flex-block();
		.flex-wrap(wrap);*/
  position: relative;
}
.xd-section-panel__items--invalid {
  display: block;
  border-color: red;
  border-style: solid;
  border-width: 1px 1px 2px;
  margin-left: -1px;
  margin-right: -1px;
}
.xd-section-panel__item {
  /*padding: 2px;

		@media (min-width: @item-increased-margin-breakpoint) {
			padding: 3px;
		}*/
  position: relative;
  box-sizing: border-box;
  display: block;
  height: 0;
  float: left;
  /*&--8 { //PanelType Structured2//enums.designTemplate.template8
			.xd-section-item {
				padding-top: 45px;
				background-color: transparent;
			}
		}*/
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg path,
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg path,
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg rect {
  fill: black !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg path,
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg path,
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg rect {
  fill: #717171 !important;
}
.xd-section-panel__options-actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg path,
.xd-section-panel__options-actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg rect {
  fill: #717171 !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button:hover .wi-action-item__action-icon svg.-active path {
  fill: #227dbc !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--inactive:hover .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.xd-section-panel__options-actions-panel wi-action-item .wi-action-item__action-button.--disabled:hover .wi-action-item__action-icon svg.-active path {
  fill: #3697DB !important;
}
.xd-section-panel__options-actions-panel wi-action-item.wi-action-item--no-hover .wi-action-item__action-button:hover svg.-active path {
  fill: #3697DB !important;
}
/*.xd-section-panel__options .wi-grouped-buttons__item-icon {
	height: 40px;
	width: 43px;
	box-sizing: border-box;
	padding: 7px;

	&:hover {
		& svg path {
			fill: black !important
		}
	}
}*/
/*.wi-content-creation__content-area--wide .xd-section-panel__title {
	font-size: 22px;
	font-family: var(--em360-font-family);
	font-weight: inherit;
	color: #333;
	margin-left: 21px;
	border: 1px dashed #d8d8d8;
	padding: 4px 36px 4px 1px;
	height: 30px;
}*/
.xd-section-panel--type--7 {
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  position: relative;
  margin-top: 0;
  background-color: transparent;
  border-color: #f1f1f1;
  margin-bottom: 0px;
  z-index: -1;
}
.xd-section-panel--type--7 .xd-section-panel__header {
  margin-bottom: 0;
  height: 0px;
}
.xd-section-panel--type--7 .xd-section-panel__options {
  /*position: absolute;
		z-index: 2;
		right: 0;
		padding: 12px 0px 12px 18px;
		padding-right: 0;
		background-color: rgba(0, 0, 0, 0.7);
		border-radius: 3px;
		top: 50%;
		margin-top: -22px;*/
}
.xd-section-panel--type--7 .xd-section-panel__options #Settings_9_ path {
  fill: #231f20;
}
.xd-section-panel--type--7 .xd-section-panel__options #Settings_8_ path {
  fill: #ffffff;
}
.xd-section-panel--type--7 .xd-section-panel__options .xd-section-panel__option--dustbin path,
.xd-section-panel--type--7 .xd-section-panel__options .xd-section-panel__option--up-arrow path,
.xd-section-panel--type--7 .xd-section-panel__options .xd-section-panel__option--down-arrow path {
  fill: #ffffff;
}
.xd-section-panel--type--7 .xd-section-panel__options .xd-section-panel__option--dustbin polygon {
  fill: #231f20;
}
.wi-content-creation__content-area--wide .xd-section-panel--type--7 {
  margin: 0 -4.34782609%;
  padding: 0 4.34782609%;
  border-color: #fff;
  /*& .xd-section-panel__options {
		right: 4%;
	}*/
}
.wi-content-creation__content-area--wide xd-section-panel:first-child .xd-section-panel--type--7 {
  border-top: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-section-panels__add-item {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 15px;
  cursor: pointer;
  box-sizing: border-box;
  height: 140px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 876px) {
  .xd-section-panels__add-item {
    height: 187px;
  }
}
.xd-section-panels__add-item:hover,
.xd-section-panels__add-item:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: solid;
  border-color: #3697db;
}
.xd-section-panels__add-item--disabled {
  opacity: 0.3;
  cursor: default;
}
.xd-section-panels__add-item--disabled:hover,
.xd-section-panels__add-item--disabled:active {
  border-radius: 10px;
  border-width: 2px 2px 2px 3px;
  border-style: dashed dashed dashed solid;
  border-color: #d8d8d8 #d8d8d8 #d8d8d8 #647070;
}
.xd-section-panels__add-item-icon {
  width: 32px;
  height: 32px;
}
.xd-section-panels__add-item-title {
  font-size: 18px;
  color: #717171;
  margin-top: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-removable-list-item {
  display: block;
}
.ui-sortable-helper .removable-list-item {
  background-color: white;
  border-top: 1px solid #f1f1f1;
}
.removable-list-item {
  padding: 10px 0 10px 0;
}
.removable-list-item__tile-min-height {
  height: 45px;
}
.removable-list-item__remove-button {
  width: 21px;
  height: 21px;
  padding-left: 22px;
  padding-right: 22px;
  cursor: pointer;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.removable-list-item__remove-button path {
  fill: #6d6e71;
}
.removable-list-item__tile-info {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  min-width: 0;
}
.removable-list-item__tile-info--editable {
  margin-left: 22px;
}
.removable-list-item__tile-info--primary {
  font-size: 14px;
  margin-bottom: 4px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.removable-list-item__tile-info--secondary {
  font-size: 14px;
  color: #717171;
}
.removable-list-item__tile-info--nosecondary {
  margin-bottom: 0;
}
.removable-list-item__drag-handle {
  margin: 0 10px 0 0;
  padding: 10px;
  display: flex;
  cursor: move;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-rss-feed {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}
.wi-widget-rss-feed-menu__preview-button {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 45px;
  padding: 0;
  border: none;
  border-top: 1px solid #d4d4d4;
  background-color: white;
  color: #717171;
  border-radius: 0 0 10px 10px;
}
.wi-widget-rss-feed-menu__preview-button:hover {
  background-color: #f1f1f1;
}
.wi-widget-rss-feed-menu__preview-button-icon {
  margin-left: 19px;
  width: 21px;
  height: 21px;
}
.wi-widget-rss-feed-menu__preview-button-text {
  margin-left: 22px;
  font-size: 14px;
}
.wi-widget-rss-feed-preview__content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.wi-widget-rss-feed-menu__preview-item {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
  padding: 3px 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.wi-widget-rss-feed-menu__preview-item:first-child {
  padding-top: 12px;
}
.wi-widget-rss-feed-menu__preview-item:hover {
  background-color: #f1f1f1;
}
.wi-widget-rss-feed-menu__preview-item-name {
  color: #333333;
  font-weight: 500;
  padding: 0 20px;
  max-height: 46px;
  overflow: hidden;
  line-height: 21px;
}
.wi-widget-rss-feed-menu__preview-item-description {
  padding: 0 20px;
  color: #717171;
  font-weight: 400;
  max-height: 46px;
  overflow: hidden;
  line-height: 21px;
}
.wi-widget-rss-feed-menu__preview-item-description a {
  color: #000;
}
.wi-widget-rss-feed-preview__error {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-size: 13px;
  color: #647070;
  padding: 15px;
}

/* This comment will be in result CSS */
/* Custom */
wi-widget-preview-item {
  display: flex;
  align-items: stretch;
}
wi-widget-preview-item .wi-widget-preview-item {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  margin: 3px;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  box-sizing: border-box;
}
wi-widget-preview-item .wi-widget-preview-item.-color {
  background: white;
}
wi-widget-preview-item.wi-widget-preview-item--no-shadow .wi-widget-preview-item {
  box-shadow: none;
}
wi-widget-preview-item .wi-widget-preview-item__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
}
wi-widget-preview-item .wi-widget-preview-item__overlay {
  display: flex;
  justify-content: center;
  height: 39%;
  flex: 1 1 auto;
  max-height: 39%;
  background: rgba(0, 0, 0, 0.0980392);
}
wi-widget-preview-item .wi-widget-preview-item__bar {
  width: 60%;
  height: 7px;
  margin-top: 7px;
  background-color: #bababa;
  border-radius: 4px;
}
wi-widget-preview-item.wi-widget-preview-item--9 .wi-widget-preview-item {
  flex-direction: row;
  align-items: stretch;
}
wi-widget-preview-item.wi-widget-preview-item--9 .wi-widget-preview-item__overlay {
  height: unset;
  max-height: unset;
  flex: 2 1 auto;
}
wi-widget-preview-item.wi-widget-preview-item--9 .wi-widget-preview-item__bar {
  height: 20%;
  min-height: 3px;
  max-height: 7px;
  margin-top: 7%;
  background-color: #bababa;
  border-radius: 4px;
}
item-slot.-secondary-column wi-widget-preview-item.wi-widget-preview-item--9 .wi-widget-preview-item__icon-wrapper,
last-item-slot.-secondary-column wi-widget-preview-item.wi-widget-preview-item--9 .wi-widget-preview-item__icon-wrapper {
  display: none;
}
.wi-widget-preview-item__icon {
  width: 28px;
  height: 28px;
}
.wi-widget-preview-item__icon svg {
  width: 100%;
  height: 100%;
}
.wi-widget-preview-item__bar--colored {
  background-color: white;
  opacity: 0.5;
}

/* This comment will be in result CSS */
/* Custom */
wi-widget-preview-item-list {
  display: block;
  position: relative;
  overflow: hidden;
}
.wi-widget-preview-item-list--highlighted {
  border: 2px solid #3697db;
}
.wi-widget-preview-item-list--hoverable {
  border: 2px solid white;
}
.wi-widget-preview-item-list--hoverable:hover {
  border: 2px solid #3697db;
}
item-slot,
last-item-slot {
  float: left;
  display: block;
  position: relative;
}
item-slot > *,
last-item-slot > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wi-widget-preview-item-list__row {
  width: 300px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wi-widget-preview-item-list__row:first-child {
  margin-bottom: 5px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-my-work-panel-menu__preview {
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  padding: 0 3%;
  margin: 69px 0 54px;
  width: 94%;
}
.wi-my-work-panel-menu__preview .scrollable-container__button-wrapper {
  left: -10px;
}
.wi-my-work-panel-menu__preview .scrollable-container__button-wrapper--right {
  right: -10px;
  left: auto;
}

/* This comment will be in result CSS */
/* Custom */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-top-searches {
  padding: 5px 15px 5px 15px;
  overflow: hidden;
  position: relative;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-top-searches__header {
  height: 25px;
}
.wi-top-searches--maximised {
  overflow: auto;
}
.wi-top-searches__table {
  width: 100%;
  height: 0;
  color: #000;
  overflow: hidden;
  table-layout: fixed;
}
.wi-top-searches__col {
  width: 85%;
}
.wi-top-searches__col--2values {
  width: 70%;
}
.wi-top-searches__header-key {
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 5px;
}
.wi-top-searches__header-value {
  font-size: 13px;
  font-weight: 700;
  padding-bottom: 5px;
  text-align: right;
}
.wi-top-searches__row {
  height: 30px;
  border-top: 1px solid #f1f1f1;
}
.wi-top-searches__row-key {
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wi-top-searches__row-value {
  text-align: right;
  font-size: 13px;
}
.wi-top-searches__no-items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  color: #333;
}
.wi-top-searches__overflow-mask {
  position: absolute;
  bottom: 0;
  height: 50px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%, white);
  left: 0;
  right: 0;
  border-radius: 0 0 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-chart-widget-menu > wi-right-menu-frame > .wi-right-menu-frame__content > wi-loading-content > .wi-loader__content > .wi-add-edit-widget__preview wi-report-widget-tile .wi-report-widget-tile__body > .skeleton-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1;
  border-radius: 3px;
}
.widget-chart-menu__error {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #e2261e;
}
.widget-chart-menu__report-widget-tile {
  position: static;
  width: 100%;
}
.widget-chart-menu__report-chart--hidden {
  opacity: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-widget-rich-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  border-radius: 10px;
}
wi-widget-rich-text .wi-widget-rich-text__content-editor {
  padding: 8px 15px;
}

.wi-widget-rich-text-menu__preview-widget {
  width: 100%;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-feed-tiles-filter {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 273px;
  -webkit-transform: translate3d(0, 0, 0);
}
.wi-feed-tiles-filter--fixed {
  position: fixed;
  top: 65px;
  bottom: 15px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-feed-tiles-filter--fixed .wi-feed-tiles-filter__inline-filter {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}
.wi-feed-tiles-filter__inline-filter {
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 10px;
  background-color: white;
  width: 273px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow-y: auto;
  border-radius: 3px;
}
.quick-view .wi-feed-tiles-filter--fixed {
  position: absolute;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-tile-option-buttons-inline {
  background-color: #fefefe;
  border-top: 1px solid #f1f1f1;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-around;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  border-radius: 0 0 10px 10px;
}
.xd-tile-option-buttons-inline__item {
  height: 45px;
  width: 45px;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  cursor: pointer;
  border: none;
  background-color: transparent;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.xd-tile-option-buttons-inline__item.-recommended .xd-tile-option-buttons-inline__count {
  background: #3697db;
}
.xd-tile-option-buttons-inline__item:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset-inner);
  border-radius: calc(var(--outline-border-radius) - var(--outline-offset-inner));
}
.xd-tile-option-buttons-inline__icon {
  width: 24px;
  height: 24px;
}
.xd-tile-option-buttons-inline__count {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  text-align: center;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: #717171;
  color: white;
}
.xd-tile-option-buttons-inline__count:empty {
  display: none;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item:hover {
  opacity: 1;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item.ui-x-disabled {
  opacity: 0.25;
  cursor: default;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item.ui-x-disabled:hover {
  opacity: 0.25;
}

/*.xd-tile-option-three-dots{
	position: relative;

	.ui-x-options-icn{
		padding: 4px 12px 12px 12px;
	}

	&__dropdown{
		position: absolute;
		right:-18px;
		top:26px;
		max-width: 250px;
		background-color: #fff;
		border-radius: 2px;
		box-shadow: 0 2px 5px rgba(0,0,0,.75);
		color: #27282c;
		z-index: 1;
	}
}*/
/* This comment will be in result CSS */
/* Custom */
xd-tile-option-three-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative;
}
.wi-tile-three-dot-option__icon {
  background-color: transparent;
  border: none;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-tile-three-dot-option__icon svg {
  width: 24px;
  height: 24px;
}
.wi-tile-three-dot-option__icon:focus-visible {
  outline: 0;
  background-color: #3697DB;
  border-radius: 50%;
}
.wi-tile-three-dot-option__icon:focus-visible path {
  fill: #fff !important;
}
.wi-tile-three-dot-option__dropdown {
  position: absolute;
  right: -12px;
  top: 34px;
  max-width: 250px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  color: #27282c;
  z-index: 1;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-dropdown {
  padding: 5px 0;
}
.xd-dropdown__item {
  position: relative;
  cursor: pointer;
  border: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
}
.xd-dropdown__item:hover {
  background-color: #f5f5f5;
}
.xd-dropdown__item.-recommended .xd-dropdown__count {
  background: #3697db;
}
.xd-dropdown__item:focus-visible {
  background-color: #3697DB;
}
.xd-dropdown__item:focus-visible .xd-dropdown__title {
  color: #fff !important;
}
.xd-dropdown__item:focus-visible .xd-dropdown__count {
  color: #3697DB;
  background-color: #fff;
}
.xd-dropdown__item:focus-visible path {
  fill: #fff !important;
}
.xd-dropdown__item.ui-x-disabled {
  opacity: 0.5;
  cursor: default;
}
.xd-dropdown__item.ui-x-disabled:hover {
  background-color: transparent;
}
.xd-dropdown__icon-wrapper {
  position: absolute;
  left: 13px;
  top: 10px;
}
.xd-dropdown__icon svg {
  width: 24px;
  height: 24px;
}
.xd-dropdown__count {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  text-align: center;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: #717171;
  color: white;
  margin-left: -1px;
}
.xd-dropdown__count:empty {
  display: none;
}
.xd-dropdown__title {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 13px 20px 13px 48px;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
  line-height: 19px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-suggested-filter-tile__header {
  background-color: #3697db;
  padding: 16px 20px 20px;
  /*cursor: default;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
  /*position: relative;
		z-index: 2;*/
}
.xd-suggested-filter-tile__header-item {
  font-size: 21px;
  font-weight: 400;
  color: #fff;
}
.xd-suggested-filter-tile__header-item-icon {
  float: right;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 1px 0;
}
.xd-suggested-filter-tile__search-item {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  margin-top: 17px;
}
.xd-suggested-filter-tile__search-item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.xd-suggested-filter-tile__search-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.xd-suggested-filter-tile__search-box-item {
  color: rgba(255, 255, 255, 0.7);
  border: 0 none;
  width: 50px;
  padding: 9px;
  font-size: 16px;
  font-weight: 400;
  background-color: transparent;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.xd-suggested-filter-tile__search-box-button {
  background: transparent;
  color: #fff;
  border: 0 none;
  text-transform: uppercase;
  padding: 11px;
  font-size: 14px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.xd-suggested-filter-tile__item {
  border-bottom: 1px solid #f1f1f1;
  padding: 11px 20px 11px 20px;
  cursor: pointer;
  min-height: 19px;
}
.xd-suggested-filter-tile__item:hover {
  background-color: #f1f1f1;
}
.xd-suggested-filter-tile__item-title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-bottom: 2px;
  line-height: 19px;
}
.xd-suggested-filter-tile__item-value {
  color: #717171;
  padding-top: 2px;
  font-size: 13px;
  line-height: 18px;
}
.xd-suggested-filter-tile__item-value--one-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.xd-suggested-filter-tile__item-value--highlight {
  color: #147bc2;
}
.xd-suggested-filter-tile__item-value--placeholder {
  opacity: 0.7;
}
.xd-suggested-filter-tile__footer {
  font-size: 13px;
  background-color: #fff;
  position: relative;
  padding: 11px 20px;
  cursor: pointer;
}
.xd-suggested-filter-tile__footer:hover {
  background-color: #f1f1f1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-filter-crumbs .asset-list-lookup-crumbs__items {
  padding-left: 0;
}

.wi-search-input:has(.wi-search-input__keyword-element:focus-visible) {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-suggested-filter-management {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-suggested-filter-management__manage-suggested-filters-menu {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-suggested-filter-management__manage-suggested-filters-menu:focus-visible {
  outline: none;
}
.wi-suggested-filter-management__options {
  overflow-y: auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-suggested-filter-management__items {
  border-top: 1px solid #f1f1f1;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wrapper-for-scrollable-element {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}
.wi-filters {
  position: relative;
}
.wi-filters__items {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}
.wi-filters__wi-suggested-filter-management {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  position: relative;
}
.wi-filters__wi-suggested-filter-management--opened {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: transparent;
}
.wi-filters__inline-select-menu:focus-visible {
  border: none;
  outline: none;
}
.wi-filters__content--invisible {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.wi-right-menu-bar {
  display: flex;
  padding: 10px 10px 5px 10px;
  background-color: #e8e8e8;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
}
.wi-right-menu-bar__main-icon {
  flex: 0 0 auto;
  margin: 8px 11px;
}
.wi-right-menu-bar__label {
  font-size: 14px;
  margin: 4px 9px;
  line-height: 1.23;
  letter-spacing: 0.01px;
}
.wi-right-menu-bar__additional-icon {
  flex: 0 0 auto;
  transform: rotateZ(90deg);
  margin: 8px 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-menu-tabs {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  position: relative;
  height: 45px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-menu-tabs__tab {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 1px;
  font-size: 14px;
  color: #ffffff;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.wi-menu-tabs__tab-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 7px;
}
.wi-menu-tabs__tab-bottom--selected {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #FFF;
}

/* This comment will be in result CSS */
/* Custom */
.wi-my-work-menu__header--bold-shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* This comment will be in result CSS */
/* Custom */
.wi-my-work-asset-menu__open-search-icon svg #grid {
  display: none;
}
.wi-my-work-asset-menu__open-search-icon svg path {
  fill: white;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-add-collection-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
}
.wi-add-collection-card {
  grid-row: 1;
  grid-column: 1 / span 3;
  display: grid;
  grid-template-columns: subgrid;
  overflow-wrap: break-word;
  word-wrap: break-word;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  height: 65px;
  background: transparent;
  text-decoration: none;
  border: none;
  border-radius: 10px;
}
.wi-add-collection-card:active,
.wi-add-collection-card:hover {
  outline: 0;
}
.wi-add-collection-card:focus-within {
  outline: 2px solid var(--engage-focus-color);
}
.wi-add-collection-card--borderless {
  border: none;
}
.wi-add-collection-card--right-menu {
  margin: 5px 10px 0px 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  background-color: white;
}
.wi-add-collection-card--right-menu:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.wi-add-collection-card__header {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / span 3;
  padding: 14px 15px 15px 15px;
}
.wi-add-collection-card__header-text {
  grid-column: 2;
  justify-content: start;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
  height: 39px;
  overflow: hidden;
}
.wi-add-collection-card__header-text-primary {
  color: black;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 20px;
  max-height: 40px;
  text-align: start;
}
@media (min-width: 741px) {
  .wi-add-collection-card__header-text-primary {
    font-size: 18px;
    line-height: 22px;
    max-height: 44px;
  }
}
.wi-add-collection-card__header-text-primary--right-menu {
  font-size: 15px;
  line-height: 20px;
  max-height: 40px;
  display: table;
  vertical-align: middle;
  height: 40px;
}
.wi-add-collection-card__header-text-primary--right-menu p {
  display: table-cell;
  vertical-align: middle;
}
.wi-add-collection-card__header-panel {
  grid-column: 1;
  align-self: center;
  justify-self: start;
  display: block;
  align-items: center;
}
.wi-add-collection-card__actions-panel {
  grid-row: 1;
  grid-column: 3;
  align-self: center;
  justify-self: center;
  margin: 0 20px 0 5px;
}
.wi-add-collection-card__header-panel-addBtn {
  background: white;
  border: none;
  padding: 0px 19px 0px 4px;
  display: flex;
  align-items: center;
}
.wi-add-collection-card__header-panel-addBtn--view {
  display: flex;
  align-items: center;
  opacity: 0.5;
  text-align: center;
  padding: 0px;
  border-radius: var(--engage-focusable-element-border-radius);
  background: transparent;
  text-decoration: none;
  border: none;
}
.wi-add-collection-card__header-panel-addBtn--view:hover {
  opacity: 1;
}
.wi-add-collection-card__header-panel-addBtn--view:focus-visible {
  opacity: 1;
  outline: 2px solid var(--engage-focus-color);
}
.wi-add-collection-card__header-panel-addBtn--view-disabled {
  opacity: 0.25;
  cursor: default;
}
.wi-add-collection-card__header-panel-addBtn--view-disabled:hover {
  opacity: 0.25;
}
.wi-add-collection-card__header-panel-addBtn--view-disabled:focus-visible {
  opacity: 0.25;
}
.wi-add-collection-card__content-panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 10px;
}
.wi-add-collection-card__fade-out-element {
  position: absolute;
  right: 0;
  width: 10%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
  top: 20px;
  height: 20px;
}
@media (min-width: 741px) {
  .wi-add-collection-card__fade-out-element {
    top: 22px;
    height: 22px;
  }
}
.wi-add-collection-card__fade-out-element--right-menu {
  top: 20px;
  height: 20px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-add-to-collections-menu__header {
  color: #5E5E5E;
  font-size: 13px !important;
  font-weight: bold;
  height: 39px;
  line-height: 45px;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  margin: 0;
}
.wi-add-to-collections-menu .wi-asset-list-menu__items {
  margin-top: -5px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wi-add-to-collections-menu .wi-asset-list-menu__items.wi-asset-list-menu__items-search-results {
  margin-top: 0;
}

/* THE MAIN TITLE AND SVGs*/
.ui-x-manageOptions .ui-x-dropdown-container.ui-x-moreOpts-menu {
  top: 40px;
  right: 0;
}
/* THE TABS*/
.ui-x-notifications-container .ui-x-notifications-tabs {
  overflow: hidden;
  width: 100%;
  position: relative;
  background-color: #fff;
  color: #000;
}
.ui-x-notifications-tabs .ui-x-current-tab {
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
  cursor: pointer;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0;
}
.ui-x-notifications-tabs .ui-x-current-tab span {
  display: block;
  font-size: 14px;
  margin: 0 auto;
  overflow: hidden;
  width: 90%;
}
.ui-x-notifications-tabs .ui-x-current-tab .ui-x-current-tab-icon {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  top: 0;
}
.ui-x-notifications-tabs .ui-x-current-tab .ui-x-current-tab-icon svg {
  margin: 10px;
}
.ui-x-notifications-tabs nav {
  width: 100%;
  display: none;
}
.ui-x-notifications-tabs nav ul {
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
  border-bottom: 2px solid #d8d8d8;
}
.ui-x-notifications-tabs nav ul li {
  position: relative;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  /*color: #ffffff;*/
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-top: 1px solid #f1f1f1;
  opacity: 0.75;
}
.ui-x-notifications-tabs nav ul li.ui-x-first {
  border-top: none;
}
.ui-x-notifications-tabs nav ul li .ui-x-current-tab-tick {
  position: absolute;
  width: 45px;
  height: 45px;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-notifications-tabs nav ul li span {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  font-size: 14px;
  width: 90%;
}
.ui-x-notifications-tabs ul li:hover {
  background-color: #f8f8f8;
}
/* MAIN CONTENT AREA */
.ui-x-notifications-container .ui-x-menu-scroll-inner {
  margin-top: 4px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-notifications-container .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* notification list */
.ui-x-notification-panels-container {
  position: relative;
  overflow: hidden;
  margin: 8px 10px;
}
/* ANIMATION FOR CHANGE PANEL */
/* ANIMATION FOR CHANGE PANEL END */
.ui-x-notification-menu-item {
  padding: 10px 15px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
}
.ui-x-notification-menu-item-image {
  border-radius: 100%;
  float: left;
  height: 36px;
  margin: 5px 4px 4px 0;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-notification-menu-item-image span {
  display: flex;
}
.ui-x-notification-menu-item-content {
  float: left;
  line-height: 18px;
  margin-left: 10px;
  height: 39px;
  padding-bottom: 3px;
  padding-top: 3px;
  max-width: 185px;
}
.ui-x-notification-menu-item-content-name {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  max-height: 20px;
  overflow: hidden;
}
.ui-x-notification-menu-item-content-name.ui-x-no-secondary {
  margin-top: 9px;
}
.ui-x-notification-menu-item-content-date {
  /*color: rgb(113, 113, 113);*/
  color: #8e8e8e;
  font-size: 13px;
  font-weight: 400;
  height: 21px;
  overflow: hidden;
}
.ui-x-notification-item-header-name {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.ui-x-notification-item-content-text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 15px 0;
  line-height: 1.45;
}
.ui-x-notification-item-content-text a {
  color: #000;
  text-decoration: none;
}
/* Overrides for feed margins */
.ui-x-notification-item-content-item {
  margin: 18px 0 8px;
}
.ui-x-notification-item-content-item .ui-x-feed-container-outer {
  margin-right: 0;
}
.ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
  margin-top: 0;
}
.ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
  margin-left: 0;
  margin-bottom: 0;
  position: static;
}
.ui-x-notification-item-content-item .ui-x-page-info {
  font-size: 18px;
  margin: 10px auto;
  text-align: center;
}
.ui-x-notification-menu-item .ui-x-markAsRead-icn {
  height: 45px;
  position: absolute;
  right: 5px;
  top: 9px;
  width: 45px;
  display: block;
  opacity: 0.45;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-notification-menu-item .ui-x-markAsRead-icn svg {
  background-image: none;
  display: block;
  margin: 12px auto;
}
.ui-x-notification-menu-item .ui-x-markAsRead-icn:hover {
  background-color: rgba(186, 186, 186, 0.15);
  opacity: 1;
}
.ui-x-notification-menu-item.ui-x-disabled .ui-x-markAsRead-icn:hover {
  background-color: transparent;
  opacity: 0.45;
  cursor: default;
}
.ui-x-notification-menu-item .ui-x-markAsRead-icn:hover svg path {
  /*fill: #e2261e;*/
}
/* ANIMATION FOR MARK AS READ */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes openspace {
  to {
    height: auto;
  }
}
.ui-x-notification-menu-item.ui-x-removed-item {
  -webkit-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  -o-animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
  animation: removed-item-animation 0.8s cubic-bezier(0.65, -0.02, 0.72, 0.29);
}
@keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes openspace {
  to {
    height: auto;
  }
}
@-o-keyframes openspace {
  to {
    height: auto;
  }
}
@-webkit-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}
@-o-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    opacity: 1;
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  80% {
    opacity: 1;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
}
/* FULL VIEW */
.ui-x-notification-back {
  cursor: pointer;
  position: relative;
  top: -5px;
  display: flex;
}
.ui-x-notification-back .ui-x-icn {
  cursor: pointer;
  height: 45px;
  width: 45px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-x-notification-back p {
  flex: 1 1 auto;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 500;
  line-height: 45px;
  text-align: left;
}
.ui-x-notification-view {
  padding: 12px 15px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  border-width: 1px 1px 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
  min-height: 300PX;
}

.wi-scroll-shadow--shown {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2) inset;
}

/* This comment will be in result CSS */
/* Custom */
wi-search-box-result .wi-search-box-result__item-splitter {
  color: #647070;
  padding: 2px 24px 1px;
  line-height: 21px;
  font-weight: 700;
  font-size: 12px;
}
wi-search-box-result .wi-search-box-result__item-icon {
  padding-left: 20px;
  width: 40px;
  position: static;
  display: flex;
  justify-content: flex-start;
}
.wi-search-box-result {
  padding: 10px 0;
  max-height: calc(100vh - 80px);
  overflow: auto;
}
.wi-search-box-result__item {
  cursor: pointer;
  font-size: 15px;
  line-height: 21px;
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 0px;
  height: 45px;
  border: none;
  background: transparent;
  width: 100%;
}
.wi-search-box-result__item--selected {
  background-color: #f5f5f5;
}
.wi-search-box-result__item:hover {
  background-color: #f5f5f5;
}
.wi-search-box-result__item:focus-visible {
  background-color: #3697DB;
}
.wi-search-box-result__item:focus-visible .wi-search-box-result__item-icon svg path {
  fill: white !important;
}
.wi-search-box-result__item:focus-visible .wi-search-box-result__text,
.wi-search-box-result__item:focus-visible .wi-search-box-result__text-content em,
.wi-search-box-result__item:focus-visible .wi-search-box-result__text-content pre {
  color: white;
}
.wi-search-box-result__text {
  color: #000;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.wi-search-box-result__text-content {
  float: left;
  margin-left: 10px;
}
.wi-search-box-result__text-content em {
  color: #000;
  font-style: normal;
  font-weight: 900;
}
.wi-search-box-result__text-content pre {
  color: #9b9b9b;
  display: inline;
  font-family: var(--em360-font-family);
  margin: 0;
  font-size: 13px;
}

wi-search-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-around;
}
wi-search-box .wi-search-box-content {
  position: relative;
  z-index: 2;
  border: 0;
  display: flex;
  flex-direction: column;
  min-height: 1px;
  border-radius: 5px;
  -webkit-transition: box-shadow .1s ease-out, background 0.25s ease-in;
  -moz-transition: box-shadow .1s ease-out, background 0.25s ease-in;
  -ms-transition: box-shadow .1s ease-out, background 0.25s ease-in;
  -o-transition: box-shadow .1s ease-out, background 0.25s ease-in;
  transition: box-shadow .1s ease-out, background 0.25s ease-in;
}
wi-search-box .wi-search-box-content__box {
  height: 36px;
  position: relative;
  display: flex;
  align-items: stretch;
}
wi-search-box .wi-search-box-content__filter-icon {
  display: flex;
}
wi-search-box .wi-search-box-content__close-icon {
  display: none;
}
wi-search-box .wi-search-box-content__filter-icon,
wi-search-box .wi-search-box-content__close-icon {
  cursor: pointer;
  align-items: center;
  padding-left: 9px;
  padding-right: 9px;
  flex: 0 0 auto;
}
wi-search-box .wi-search-box-content__input {
  flex: 1 1 auto;
  border: none;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  background-color: transparent;
  color: black;
  font-size: 16px;
  margin-left: 10px;
}
wi-search-box .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box .wi-search-box-content__faux-input {
  width: 0;
  height: 0;
  flex: 0 0 0px;
}
wi-search-box .wi-search-box-content__result {
  display: block;
}
wi-search-box .wi-search-box-content__font-preloader-fake-element-for-result {
  visibility: hidden;
  width: 0;
  height: 0;
}
wi-search-box.wi-search-box--searchbar {
  position: relative;
}
wi-search-box.wi-search-box--searchbar .wi-search-box-content {
  border-width: 1px;
  border: 1px solid #d8d8d8;
  background-color: #f1f1f1;
}
wi-search-box.wi-search-box--searchbar .wi-search-box-content__filter-icon {
  display: none;
}
wi-search-box.wi-search-box--active .wi-search-box-content {
  flex: 1 1 auto;
  border-radius: 0px;
}
wi-search-box.wi-search-box--active .wi-search-box-content__box {
  padding-left: 15px;
  padding-right: 15px;
  border-width: 0px 0px 1px;
  border-color: #d8d8d8;
  background-color: #f1f1f1;
  height: 50px;
  min-height: 50px;
  border-style: solid;
  display: flex;
  align-items: center;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input {
  color: black;
  font-size: 16px;
  margin-left: 11px;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content__filter-icon {
  display: none;
  margin-right: 10px;
}
wi-search-box.wi-search-box--active .wi-search-box-content__close-icon {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 10px;
  width: 35px;
  height: 32px;
}
wi-search-box.wi-search-box--active .wi-search-box-content__font-preloader-fake-element-for-result {
  font-style: normal;
  font-weight: 900;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input:-moz-placeholder {
  /* Firefox 18- */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--active .wi-search-box-content:hover .wi-search-box-content__input:-ms-input-placeholder {
  color: black;
  opacity: 0.5;
}
wi-search-box.wi-search-box--searchbar.wi-search-box--active .wi-search-box-content {
  border: 0px;
  background: white;
  height: auto;
}
wi-search-box.wi-search-box--searchbar.wi-search-box--active .wi-search-box-content__input {
  padding-left: 0;
}
wi-search-box .wi-search-box-content__explores-list,
wi-search-box .wi-search-box-content__loading-placeholder {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: auto;
  padding: 10px 0;
}
wi-search-box .wi-search-box-content__explores-label {
  color: #647070;
  padding: 2px 24px 1px;
  line-height: 21px;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
wi-search-box .wi-search-box-content__item-content,
wi-search-box .wi-search-box-content__placeholder-item {
  height: 45px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 15px;
}
wi-search-box .wi-search-box-content__explore-item {
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}
wi-search-box .wi-search-box-content__explore-item.-highlighted,
wi-search-box .wi-search-box-content__explore-item:hover {
  background-color: #f1f1f1;
}
wi-search-box .wi-search-box-content__explore-item:focus-visible {
  background-color: #3697DB;
}
wi-search-box .wi-search-box-content__explore-item:focus-visible .wi-search-box-content__item-content {
  color: white;
}
wi-search-box .wi-search-box-content__placeholder-label {
  color: #647070;
  padding: 2px 24px 1px;
  line-height: 21px;
  font-weight: 700;
  font-size: 12px;
  min-height: 21px;
}
wi-search-box .wi-search-box-content__explore-icon,
wi-search-box .wi-search-box-content__placeholder-icon {
  width: 24px;
  height: 24px;
  margin-left: 20px;
  margin-right: 26px;
  border-radius: 100px;
  background-position: center center;
  background-size: cover;
}
wi-search-box .wi-search-box-content__placeholder-text {
  height: 16px;
  width: 150px;
  min-width: 1px;
  flex-shrink: 1;
}
wi-search-box .wi-search-box-content__placeholder-text,
wi-search-box .wi-search-box-content__placeholder-icon {
  border-radius: 50px;
  background-color: #F3F5F7;
}
wi-search-box .wi-search-box-content__placeholder-icon,
wi-search-box .wi-search-box-content__placeholder-text {
  position: relative;
  overflow: hidden;
}
wi-search-box .wi-search-box-content__placeholder-icon:after,
wi-search-box .wi-search-box-content__placeholder-text:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
wi-search-box .wi-search-box-content__placeholder-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
wi-searchbar-menu .wi-searchbar-menu__header {
  display: flex;
  align-items: center;
  margin: 5px 15px;
  margin-bottom: 3px;
  height: 40px;
}
wi-searchbar-menu .wi-searchbar-menu__header.-active {
  height: 100%;
  margin: 0;
}
wi-searchbar-menu .wi-searchbar-menu__filter-bar {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  /*height: @search-box-height;*/
  padding: 0px 15px 5px 15px;
  border-bottom: 1px solid #d8d8d8;
}
wi-searchbar-menu .wi-searchbar-menu__filter-bar.-quick-tags-highlighted {
  padding-bottom: 0px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-bar.-quick-tags-highlighted .wi-searchbar-menu__filter-buttons {
  padding-bottom: 5px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-bar.-quick-tags-highlighted .wi-searchbar-menu__fake-filter-buttons {
  padding-bottom: 5px;
}
wi-searchbar-menu .wi-searchbar-menu__upper-bar {
  display: flex;
}
wi-searchbar-menu wi-scrollable-container {
  margin-left: 45px;
  border-top: 1px solid #f1f1f1;
}
wi-searchbar-menu .wi-searchbar-menu__section-divider {
  margin-left: auto;
  margin-right: 5px;
  width: 1px;
  background-color: #d4d4d4;
  height: 60%;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag {
  font-size: 13px;
  height: 24px;
  margin-right: 4px;
  border-radius: 50px;
  color: black;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  background: transparent;
  border: none;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag:hover {
  color: black;
  background-color: #f1f1f1;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag.-selected {
  font-weight: bold;
  color: #147bc2;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag.-selected:hover {
  background-color: #f1f1f1;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag:focus-visible {
  outline: #3697db 2px solid;
  outline-offset: -1px;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag.-icon {
  padding-left: 4px;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tag .wi-searchbar-menu__tag-icon {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tags-placeholders {
  height: 33px;
  margin-left: 45px;
  border-top: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tags-placeholders .wi-searchbar-menu__quick-tags-placeholder {
  height: 24px;
  margin-right: 4px;
  border-radius: 50px;
  padding: 0 10px;
  background-color: #F3F5F7;
  width: 115px;
  position: relative;
  overflow: hidden;
}
wi-searchbar-menu .wi-searchbar-menu__quick-tags-placeholders .wi-searchbar-menu__quick-tags-placeholder:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
wi-searchbar-menu .wi-right-menu-frame__header-bar[data-scroll-top] {
  z-index: 1;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
wi-searchbar-menu .wi-searchbar-menu__filter-icon {
  margin-right: 10px;
  height: 35px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-icon:hover svg path {
  fill: black !important;
}
wi-searchbar-menu .wi-searchbar-menu__filter-icon:focus-visible {
  outline: 2px solid #3697DB;
}
wi-searchbar-menu .wi-searchbar-menu__filter-buttons {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  max-width: 800px;
  height: 35px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button {
  margin-right: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid #d8d8d8;
  height: 35px;
  padding: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: black;
  white-space: nowrap;
  background-color: transparent;
  border-color: #d8d8d8;
  padding: 0;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected {
  font-weight: bold;
  color: white;
  background-color: #3697db;
  border-color: #3697db;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected:hover {
  background-color: #227dbc;
  border-color: #227dbc;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected .wi-searchbar-menu__filter-mainbutton {
  font-weight: bold;
  color: white;
  border-radius: 50px 0 0 50px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected .wi-searchbar-menu__filter-mainbutton:focus-visible {
  outline: var(--outline-width-inner) solid var(--outline-color-inner-light);
  outline-offset: var(--outline-offset-inner);
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected .wi-searchbar-menu__filter-subbutton {
  display: flex;
  border-radius: 0 50px 50px 0;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected .wi-searchbar-menu__filter-subbutton span:not(.em360-sr-only) {
  height: 24px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-selected .wi-searchbar-menu__filter-subbutton:focus-visible {
  outline: var(--outline-width-inner) solid var(--outline-color-inner-light);
  outline-offset: var(--outline-offset-inner);
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-borderless {
  font-weight: bold;
  background-color: none;
  border-color: transparent;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-borderless:hover {
  background-color: #f1f1f1;
  border-color: #d8d8d8;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button:focus-visible {
  outline: #3697db 2px solid;
  outline-offset: -2px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-button.-padding {
  padding: 0 10px;
}
wi-searchbar-menu .wi-searchbar-menu__fake-filter-buttons {
  display: flex;
  align-items: center;
}
wi-searchbar-menu .wi-searchbar-menu__fake-filter-button {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 35px;
  margin-right: 5px;
  width: 80px;
  overflow: hidden;
}
wi-searchbar-menu .wi-searchbar-menu__fake-filter-button.-low {
  height: 15px;
}
wi-searchbar-menu .wi-searchbar-menu__fake-filter-button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
@media (max-width: 440px) {
  wi-searchbar-menu .wi-searchbar-menu__fake-filter-button:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 350px) {
  wi-searchbar-menu .wi-searchbar-menu__fake-filter-button:nth-of-type(2) {
    display: none;
  }
}
wi-searchbar-menu .wi-searchbar-menu__filter-mainbutton {
  border-radius: 50px;
  border: none;
  height: 35px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: transparent;
}
wi-searchbar-menu .wi-searchbar-menu__filter-mainbutton:focus-visible {
  outline: #3697db 2px solid;
  outline-offset: -2px;
}
wi-searchbar-menu .wi-searchbar-menu__filter-subbutton {
  display: none;
  height: 35px;
  margin-left: -8px;
  border-radius: 0 50px 50px 0;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
}
wi-searchbar-menu .wi-searchbar-menu__search-box {
  flex: 1 1 auto;
  align-self: stretch;
  height: 40px;
}
wi-searchbar-menu .wi-searchbar-menu__search-box.-active {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 1;
  height: 100%;
}
wi-searchbar-menu .wi-searchbar-menu__page-options {
  display: flex;
}
wi-searchbar-menu .wi-searchbar-menu__page-option {
  width: 34px;
  height: 34px;
}
wi-searchbar-menu .wi-searchbar-menu__count-loader,
wi-searchbar-menu .wi-searchbar-menu__count-label {
  display: flex;
  align-items: center;
  padding-left: 25px;
  height: 50px;
  min-height: 50px;
}
wi-searchbar-menu .wi-searchbar-menu__count-label {
  color: black;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
}

wi-edit-profile-menu wi-banner-uploader {
  flex-shrink: 0;
}
wi-edit-profile-menu wi-profile-details {
  position: relative;
  top: -72px;
  margin: 0 auto;
  width: 100%;
}


.wi-email-preferences-menu__overlay {
  background-color: white;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* This comment will be in result CSS */
/* Custom */
.wi-add-widget-menu-container__panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ui-x-admin-user-createUserWizard-menu .wi-right-menu,
.ui-x-admin-user-emailNotifications-menu .wi-right-menu {
  background-color: #fff;
}
/* THE TABS*/
.ui-x-admin-user-createUserWizard-menu .ui-x-steps-bar {
  background-color: #3697db;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35), 0 8px 6px -7px rgba(0, 0, 0, 0.55) inset;
  color: #fff;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
  height: 45px;
}
/* MAIN CONTENT AREA */
.ui-x-admin-user-createUserWizard-menu .ui-x-menu-scroll-inner {
  /*margin-top: 4px;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-x-admin-user-createUserWizard-menu .ui-x-menu-scroll-inner .ui-x-page-info {
  font-size: 125%;
}
.ui-x-admin-user-createUserWizard-menu .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* COLLAB STUFF */
.ui-x-admin-user-createUserWizard-menu h2 {
  color: #9b9b9b;
  font-size: 13px !important;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.ui-x-right-menu-status-bar--disabled {
  opacity: 0.5;
  cursor: default;
}
/* pending bar - needs to move as is shared */
.ui-x-right-menu-status-bar__loading svg {
  width: 32px;
  height: 32px;
  stroke: #ffffff;
}

.ui-x-right-menu-status-bar__icon.-subscription-settings {
  width: 24px;
  height: 24px;
  margin-left: 7px;
}

.right-menu-select-button-section__item {
  display: block;
  background-color: #ffffff;
}
.right-menu-select-button-section__empty-placeholder {
  padding: 23px 20px;
  box-sizing: border-box;
  color: #717171;
  font-size: 14px;
  border-bottom: 1px #f1f1f1 solid;
}
.right-menu-select-button-section__empty-placeholder--shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  display: block;
  position: relative;
}

.right-menu-select-button-sections__item {
  display: block;
  background-color: #ffffff;
}

[wi-menu-frame-element]:focus-visible {
  outline: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-floating-notification {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
wi-floating-notification.wi-disabled > .wi-floating-notification {
  cursor: default;
  opacity: 0.5;
}
wi-floating-notification.wi-disabled > .wi-floating-notification--hover:hover {
  background-color: transparent;
}
.wi-floating-notification {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
  border: none;
  border-radius: 50px;
  background-color: transparent;
  outline: none;
  position: fixed;
  bottom: 20px;
}
.wi-floating-notification--title {
  padding: 2px 2px 2px 20px;
}
@media (max-width: 740px) {
  .wi-floating-notification--title {
    padding: 15px 2px 2px 0;
  }
}
.wi-floating-notification--title-left {
  padding: 2px 20px 2px 2px;
}
.wi-floating-notification__flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 740px) {
  .wi-floating-notification__flex-container {
    display: block;
  }
}
.wi-floating-notification--hover:hover {
  background-color: #f5f5f5;
}
.wi-floating-notification__icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50px;
  cursor: pointer;
}
.wi-floating-notification__title,
.wi-floating-notification__title-left {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  margin-left: 10px;
  text-align: left;
}
.wi-floating-notification__title-left {
  margin-left: 11px;
  margin-right: 15px;
  text-align: left;
}
@media (max-width: 740px) {
  .wi-floating-notification__title-left {
    margin: 0 15px;
  }
}
.wi-floating-notification__title-left a {
  color: #000000;
  text-decoration: underline;
}
/*  not sure where to put as in framework.css causes errors - here for now till we use this component elsewhere */
.cookie-warning-container {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  color: #000000;
  height: 55px;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--em360-font-family);
  width: 666px;
  cursor: default;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 740px) {
  .cookie-warning-container {
    height: unset;
    width: calc(100% - 40px);
    width: expression(100% - 40px);
    border-radius: 8px 8px 28px;
  }
}
.cookie-warning-container__floating-notification-icon {
  border: none;
  width: 55px;
  height: 55px;
  background-color: #3697db;
}
@media (max-width: 740px) {
  .cookie-warning-container__floating-notification-icon {
    float: right;
    margin-top: 10px;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.ui-x-datapanel__icons-container {
  float: right;
  display: flex;
}
.ui-x-datapanel__icon {
  margin-left: 5px;
  width: 17px;
  height: 17px;
  display: flex;
  cursor: default;
}
.ui-x-datapanel__icon svg {
  width: 100%;
  height: 100%;
}
.ui-x-datapanel__icon svg path {
  fill: #6D6E71 !important;
}
.ui-x-datapanel__icon.-help,
.ui-x-datapanel__icon.-action {
  cursor: pointer;
}
.ui-x-datapanel__icon.-help:hover svg path,
.ui-x-datapanel__icon.-action:hover svg path {
  fill: black !important;
}
.ui-x-datapanel__icon.-help {
  cursor: help;
}
.ui-x-datapanel__icon.-action-translate {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-top: 10px;
}
.ui-x-datapanel__icon.-action-translate svg {
  opacity: 0.5;
}
.ui-x-datapanel__icon.-action-translate:hover svg {
  opacity: 1;
}
.ui-x-datapanel__icon.-action-translate:hover svg path {
  fill: #717171 !important;
}
.ui-x-datapanel__label {
  font-size: 13px;
  color: #5d5d5d;
  line-height: 18px;
  margin-bottom: 0;
  display: inline;
}
.ui-x-datapanel-field-value {
  font-size: 14px;
  font-weight: 300;
  color: #333;
  line-height: unset;
}
.ui-x-datapanel-field-value--clickable {
  cursor: pointer;
}
.ui-x-datapanel__link {
  color: #4997dc;
}
.ui-x-datapanel__link.-launch-state {
  position: relative;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 17px;
  overflow: hidden;
  color: transparent;
  user-select: none;
}
.ui-x-datapanel__link.-launch-state:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.ui-x-datapanel-field__action {
  height: 30px;
  margin-top: 0;
  position: absolute;
  right: 21px;
  top: 9px;
  float: right;
  width: 24px;
  cursor: pointer;
}
.ui-x-datapanel-field__action svg {
  opacity: 0.5;
}
.ui-x-datapanel-field__action:hover svg {
  opacity: 1;
}
.wi-data-panel-fields--widgets .ui-x-datapanel-field-tag {
  margin: 0px;
}
.wi-data-panel-fields--widgets [ref="DPFIELD-NOTAVAIL"] {
  visibility: hidden;
}
.wi-data-panel-fields--widgets .ui-x-datapanel-field__empty-placeholder {
  visibility: hidden;
}
.wi-data-panel-fields--widgets .ui-x-datapanel__label {
  font-size: 13px;
  color: #5d5d5d;
  line-height: 18px;
  margin-bottom: 0;
  display: inline;
}
.wi-data-panel-fields--widgets .ui-x-datapanel-field-value {
  font-size: 14px;
  color: black;
  line-height: 20px;
  font-weight: 400;
  word-wrap: break-word;
}
.wi-data-panel-fields--widgets .ui-x-datapanel__field-container.-action,
.wi-data-panel-fields--widgets .ui-x-datapanel-lookup.-action {
  margin-left: -15px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}
.wi-data-panel-fields--widgets .ui-x-datapanel__field-container.-action:hover,
.wi-data-panel-fields--widgets .ui-x-datapanel-lookup.-action:hover {
  background-color: #f1f1f1;
}
.wi-data-panel-fields--widgets .ui-x-datapanel__field-container.-action:hover .ui-x-datapanel__icon.-action svg path,
.wi-data-panel-fields--widgets .ui-x-datapanel-lookup.-action:hover .ui-x-datapanel__icon.-action svg path {
  fill: black !important;
}
.ui-x-datapanel__field-transparent-mask {
  display: none;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wi-data-panel-fields--short .ui-x-datapanel__label {
  line-height: 17px;
  display: inline;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5d5d5d;
  cursor: pointer;
}
.wi-data-panel-fields--short .ui-x-datapanel-field-value {
  line-height: 17px;
  display: inline;
  margin: 1px 0 0 0;
  min-width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: black;
  cursor: pointer;
}
.wi-data-panel-fields--short .ui-x-datapanel__icons-container {
  display: none;
}
.wi-data-panel-fields--short xd-data-panel-field-allowed-types,
.wi-data-panel-fields--short [xd-data-panel-field-allowed-types],
.wi-data-panel-fields--short xd-data-panel-field-datetime,
.wi-data-panel-fields--short [xd-data-panel-field-datetime],
.wi-data-panel-fields--short .ui-x-datapanel__field-container,
.wi-data-panel-fields--short .ui-x-datapanel-lookup {
  display: flex;
  flex-direction: column;
}
.wi-data-panel-fields--short .ui-x-datapanel__field-container.-action,
.wi-data-panel-fields--short .ui-x-datapanel-lookup.-action {
  padding: 7px 15px;
  margin-left: -15px;
}
.wi-data-panel-fields--short xd-data-panel-field-text,
.wi-data-panel-fields--short [xd-data-panel-field-text],
.wi-data-panel-fields--short xd-data-panel-field-lookup,
.wi-data-panel-fields--short [xd-data-panel-field-lookup] {
  position: relative;
}
.wi-data-panel-fields--short xd-data-panel-field-text .ui-x-datapanel__field-transparent-mask,
.wi-data-panel-fields--short [xd-data-panel-field-text] .ui-x-datapanel__field-transparent-mask,
.wi-data-panel-fields--short xd-data-panel-field-lookup .ui-x-datapanel__field-transparent-mask,
.wi-data-panel-fields--short [xd-data-panel-field-lookup] .ui-x-datapanel__field-transparent-mask {
  display: block;
  left: -15px;
}
.ui-x-datapanel__field-container.-action .ui-x-datapanel__label {
  cursor: pointer;
}

.wi-data-panel__options > div {
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 2px;
  cursor: pointer;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-document-preview {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
wi-document-preview iframe {
  width: 100%;
  min-height: 100%;
  border: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
wi-document-preview:focus-visible {
  outline: none;
}
.wi-document-preview__container {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.wi-document-preview__container-panel {
  position: absolute;
}
.wi-document-preview__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #3697db;
  --engage-focus-color: white;
  position: relative;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.35);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.35);
  box-shadow: 0 2px 2px rgba(0,0,0,.35);
}
.wi-document-preview__header-bar {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 50px;
  padding: 0px 15px 0px 0px;
}
.wi-document-preview__title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}
.wi-document-preview__title-text {
  margin: 0px;
  margin-left: 5px;
  color: #faf8f7;
  font-size: 18px;
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-document-preview__action-buttons {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  /*.ui-x-popout-icn {
		width: 21px;
		height: 21px;
	}*/
}
.wi-document-preview__action-buttons #circleBg {
  display: none;
}
.wi-document-preview__action-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  margin-left: 10px;
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.wi-document-preview__action-button:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.wi-document-preview__action-button:hover {
  background: rgba(255, 255, 255, 0.3);
}
.wi-document-preview__action-button--disabled {
  opacity: 0.4;
}
.wi-document-preview__action-button--disabled:hover {
  cursor: default;
  background: none;
}
.wi-document-preview__action-button path {
  fill: white;
}
.wi-document-preview__action-button--zoom {
  width: 55px;
  height: 55px;
  margin: 0;
  background-color: #3697db;
  --engage-focus-color: white;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.wi-document-preview__action-button--zoom:hover {
  background-color: #3697db;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.wi-document-preview__zoom-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 185px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transform: translate(100%, -10px);
}
@media (min-width: 741px) {
  .wi-document-preview__zoom-container {
    transform: translate(100%, -30px);
  }
}
.wi-document-preview__zoom-container--active {
  transform: translate(-10px, -10px);
}
@media (min-width: 741px) {
  .wi-document-preview__zoom-container--active {
    transform: translate(-30px, -30px);
  }
}
.wi-document-preview__preview-wrapper {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: auto;
}
.wi-document-preview__preview-wrapper canvas {
  width: 100%;
  height: 100%;
}
.wi-document-preview__prepare-to-print-modal {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  min-width: 450px;
  background-color: white;
  -webkit-box-shadow: 0 0 10px #333;
  -moz-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 10px #333;
}
.wi-document-preview__prepare-to-print-modal-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  margin-left: 30px;
  margin-right: 20px;
  color: #5d5d5d;
  font-size: 150%;
  font-weight: 400;
}
.wi-document-preview__prepare-to-print-modal-header span {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-document-preview__prepare-to-print-modal-header button {
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  background: transparent;
  border: none;
  padding: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.wi-document-preview__prepare-to-print-modal-progress-bar-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 10px;
  background-color: #d5d5d5;
}
.wi-document-preview__prepare-to-print-modal-progress-bar {
  height: 10px;
  background-color: #3697db;
}
.wi-document-preview__prepare-to-print-modal-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 35px 35px 35px 35px;
}
.wi-document-preview__prepare-to-print-modal-content > span {
  font-size: 88%;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
}
.wi-document-preview__prepare-to-print-modal-button-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
}
.wi-document-preview__prepare-to-print-modal-button-panel div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 100px;
  background-color: transparent;
  border: 1px solid #bababa;
  border-radius: 2px;
  color: #5d5d5d;
  font-size: 90%;
  font-weight: 300;
  height: 38px;
  margin: 0 5px 0 5px;
  padding: 0;
  cursor: pointer;
}
.wi-document-preview__page-item {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  margin: 20px auto 0 auto;
  background: white;
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.35);
  -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.35);
  box-shadow: 0px 0px 20px rgba(0,0,0,.35);
}
.wi-document-preview__page-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.field__label {
  font-size: 14px;
  color: #000;
  line-height: 21px;
  display: block;
  margin-right: 40px;
}
.field__label.ui-x-invalid {
  color: #fe4c4c;
}
.field__multi-lines-value {
  font-size: 14px;
  color: #4997dc;
  margin-top: 5px;
  margin-right: 27px;
  outline: none;
}
.field__multi-lines-value--empty {
  color: #717171;
  opacity: 0.7;
}
.onoffswitch.boolean_field__switcher {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
}

/* This comment will be in result CSS */
/* Custom */
.ui-x-embed-overlay-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.ui-x-embed-overlay-container:focus-visible {
  outline: none;
}
.ui-x-embed-overlay-container--with-mask {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui-x-embed-overlay-header {
  --engage-focus-color: white;
  padding: 13px 20px;
  background-color: #3697db;
  box-shadow: #000000 0 3px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
}
.ui-x-embed-overlay-header-title {
  float: left;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}
.ui-x-embed-overlay-header-options {
  float: right;
  margin-right: 8px;
}
.ui-x-embed-overlay-header-option {
  --engage-tiles-focus-offset: 2px;
  float: right;
  cursor: pointer;
  height: 24px;
  width: 24px;
  margin-left: 24px;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: var(--engage-focusable-element-border-radius);
}
.ui-x-embed-overlay-header-option:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.ui-x-embed-overlay__close-option {
  --engage-tiles-focus-offset: -4px;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: -10px 10px -11px -10px;
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: transparent;
}
.ui-x-embed-overlay__close-option:focus-visible {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.ui-x-embed-overlay__close-option:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.ui-x-embed-overlay-header-option-item {
  height: 24px;
  width: 24px;
}
.ui-x-embed-overlay-content {
  padding: 30px 40px 40px;
  position: relative;
}
.ui-x-embed-overlay-content-outer {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
.ui-x-embed-overlay-content-touch .ui-x-embed-overlay-content-outer {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.ui-x-embed-overlay-content iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  overflow: auto;
}
.ui-x-embed-full-screen .ui-x-embed-overlay-header {
  z-index: 10;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0 2px 2px;
}
.ui-x-embed-full-screen .ui-x-embed-overlay-content {
  padding: 0;
}
.ui-x-embed-full-screen .ui-x-embed-overlay-content-outer {
  border-radius: 0;
}

/* This comment will be in result CSS */
/* Custom */
.search-bar {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  line-height: 28px;
  font-size: 15px;
  color: #3c3c3c;
  background-color: rgba(255, 255, 255, 0.75);
}
.search-bar:hover {
  background-color: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.search-bar span {
  filter: none;
}
.search-bar circle {
  fill: none;
}
.search-bar path {
  fill: #3c3c3c;
}
.wi-x-menu-button--mobile {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.wi-x-menu-button path {
  fill: #3c3c3c;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.xd-simple-header {
  margin: 0 auto;
  max-width: 1248px;
  width: 100%;
}
@media (min-width: 601px) {
  .xd-simple-header {
    width: 94%;
  }
}
@media (min-width: 1330px) {
  .xd-simple-header {
    width: 100%;
  }
}
.xd-simple-header__content {
  padding: 20px 0 15px;
  border-radius: 5px 5px 0 0;
  background-color: white;
  position: relative;
}
.xd-simple-header__content.data-header-active {
  padding-bottom: 0;
}
.xd-simple-header__title {
  margin: 0 20px;
  font-size: 32px;
  color: #000000;
  font-weight: bold;
}
@media (min-width: 601px) {
  .xd-simple-header__title {
    margin: 0 30px;
  }
}
.xd-simple-header__options-bar {
  margin: 0 20px;
}
@media (min-width: 601px) {
  .xd-simple-header__options-bar {
    margin: 0 30px;
  }
}
.xd-simple-header__info {
  padding: 2px 0 8px;
}
.xd-simple-header__info-item {
  font-size: 13px;
  color: #717171;
  display: inline-block;
  margin-right: 3px;
}
.xd-simple-header__info-item + .xd-simple-header__info-item:before {
  content: " \2022 ";
  padding: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-data-header {
  margin: 0 auto;
  max-width: 1248px;
  width: 100%;
}
@media (min-width: 601px) {
  .wi-data-header {
    width: 94%;
  }
}
@media (min-width: 1330px) {
  .wi-data-header {
    width: 100%;
  }
}
.wi-data-header__header-actions {
  display: flex;
  width: 100%;
}
.ui-x-data-container__header {
  margin-top: -7px;
  position: relative;
  /*z-index: 3;*/
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
wi-right-menu:focus-visible {
  outline: none;
}
.wi-right-menu__wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-right-menu__no-grow-item {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-right-menu__scroll-content {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
}
.wi-right-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 325px;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
  background-color: #f1f1f1;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s;
  -webkit-transition: transform 0.3s, width 0.3s;
  -moz-transition: transform 0.3s, width 0.3s;
  -ms-transition: transform 0.3s, width 0.3s;
  -o-transition: transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s;
  will-change: transform, width;
}
@media (max-width: 324px) {
  .wi-right-menu {
    width: 100%;
  }
}
@media (min-width: 400px) {
  .wi-right-menu {
    width: 90%;
  }
}
@media (min-width: 700px) {
  .wi-right-menu {
    width: 600px;
  }
}
@media (min-width: 1024px) {
  .wi-right-menu {
    width: 800px;
  }
}
.wi-right-menu--composite-item {
  position: absolute;
}
.wi-right-menu--opened {
  transition: transform 0.4s, width 0.3s;
}
.wi-right-menu__title,
.wi-right-menu__bars {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-right-menu__content {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 50px;
}
/* Modifiers */
.wi-right-menu--narrow {
  width: 325px;
}
@media (max-width: 324px) {
  .wi-right-menu--narrow {
    width: 100%;
  }
}
.wi-right-menu--narrow.-selection-dialog {
  width: 580px;
}
@media (max-width: 580px) {
  .wi-right-menu--narrow.-selection-dialog {
    width: 100%;
  }
}
.wi-right-menu--wide {
  width: 1280px;
}
@media (max-width: 1335px) {
  .wi-right-menu--wide {
    width: calc(100% - 55px);
  }
}
@media (max-width: 601px) {
  .wi-right-menu--wide {
    width: 100%;
  }
}
.wi-right-menu--overflow-hidden {
  overflow: hidden;
}
.wi-menu--composite {
  position: absolute;
}
.wi-menu--fade {
  opacity: 0;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.wi-menu--fade-in {
  opacity: 1;
}
.wi-right-menu--full-width {
  width: 100%;
}
.wi-right-menu--left {
  left: 0;
  right: none;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.wi-right-menu--simple-animation,
.wi-right-menu--simple-quick-animation {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.wi-right-menu--simple-quick-animation {
  -webkit-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}
.wi-right-menu--simple-animation.wi-right-menu--opened,
.wi-right-menu--simple-quick-animation.wi-right-menu--opened {
  opacity: 1;
}
.wi-right-menu--overlay {
  width: 100%;
  background-color: transparent;
}
.wi-right-menu--fixed-overlay {
  top: 10px;
  bottom: 0;
  height: auto;
  right: 10px;
  border-radius: 25px 25px 0 0;
  overflow: hidden;
}
@media (max-width: 601px) {
  .wi-right-menu--fixed-overlay {
    left: unset;
    right: 0;
  }
  .wi-right-menu--fixed-overlay.-selection-dialog {
    right: 50%;
  }
}
.wi-right-menu--fixed-overlay.-selection-dialog {
  top: 50%;
  bottom: unset;
  border-radius: 10px;
  overflow: hidden;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  height: calc(44.25rem + 20px);
  max-height: calc(100% - 10px);
}
/* THE MAIN TITLE AND SVGs*/
.wi-right-menu__title {
  /*border-bottom: 1px solid #6c6c6c;*/
  background-color: #3697db;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  padding: 9px 10px 9px 15px;
  position: relative;
  z-index: 20;
}
.wi-right-menu__title-inner {
  width: 100%;
  height: 32px;
}
.wi-right-menu__title-inner p {
  font-size: 113%;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-right-menu__note {
  padding: 23px 21px;
  border-bottom: 1px solid #d4d4d4;
  color: #000;
}
/* MAIN CONTENT AREA */
.wi-right-menu .ui-x-menu-scroll-inner {
  /*margin-top: 4px;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wi-right-menu .ui-x-menu-scroll-inner .ui-x-page-info {
  font-size: 125%;
}
.wi-right-menu .ui-x-menu-scroll-inner .ui-x-content-msg {
  padding: 30px 60px;
  font-weight: 300;
  text-align: center;
}
/* TODO: MOVE OPTIONS INTO OWN FILE */
.wi-right-menu .ui-x-mobile-options ul.ui-x-showBorder {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.wi-right-menu .ui-x-mobile-options ul li {
  display: flex;
}
.wi-right-menu .ui-x-mobile-options ul li a,
.wi-right-menu .ui-x-mobile-options ul li button {
  border: none;
  flex: 1 1 auto;
  min-width: 1px;
  padding: 0 0 0 15px;
  min-height: 45px;
  height: inherit;
  color: #000;
  cursor: pointer;
  position: relative;
}
.wi-right-menu .ui-x-mobile-options ul li.ui-x-disabled a.ui-x-option-button,
.wi-right-menu .ui-x-mobile-options ul li.ui-x-disabled button.ui-x-option-button {
  cursor: default;
}
.wi-right-menu .ui-x-mobile-options ul li a:hover,
.wi-right-menu .ui-x-mobile-options ul li button:hover {
  color: #000;
}
.wi-right-menu .ui-x-mobile-options ul li a span,
.wi-right-menu .ui-x-mobile-options ul li button span {
  float: left;
  font-size: 94%;
  font-weight: 400;
  height: 45px;
  line-height: 45px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.wi-right-menu .ui-x-mobile-options ul li.ui-x-disabled a.ui-x-option-button span,
.wi-right-menu .ui-x-mobile-options ul li.ui-x-disabled button.ui-x-option-button span {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
}
.wi-right-menu .ui-x-mobile-options ul li a span.ui-x-option-overlay-value,
.wi-right-menu .ui-x-mobile-options ul li button span.ui-x-option-overlay-value {
  position: absolute;
  left: 32px;
  bottom: 10px;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  color: white;
  background: #717171;
  text-align: center;
}
.wi-right-menu .ui-x-option-circle-overlay {
  float: left;
  width: 50px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -7px;
}
.wi-right-menu .ui-x-option-circle-overlay__value {
  background-color: #667071;
  height: 24px;
  float: left;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50px;
  color: white;
  align-items: center;
  display: flex;
  padding: 0 4px;
  min-width: 24px;
  box-sizing: border-box;
  justify-content: center;
}
.wi-right-menu .ui-x-mobile-options ul li a span.ui-x-dropdown-icn,
.wi-right-menu .ui-x-mobile-options ul li button span.ui-x-dropdown-icn {
  float: right;
  height: 30px;
  padding: 6px 0 3px;
  width: 30px;
}
.wi-right-menu .ui-x-mobile-options ul li a span.ui-x-dropdown-icn svg,
.wi-right-menu .ui-x-mobile-options ul li button span.ui-x-dropdown-icn svg {
  float: left;
  height: 21px;
  margin: 0 0 0 6px;
  width: 21px;
}
.wi-right-menu .ui-x-mobile-options ul li a span.ui-x-icn,
.wi-right-menu .ui-x-mobile-options ul li button span.ui-x-icn {
  margin: 0 4px 0 6px;
  width: 40px;
}
.wi-right-menu .ui-x-mobile-options ul li a span.ui-x-icn svg,
.wi-right-menu .ui-x-mobile-options ul li button span.ui-x-icn svg {
  height: 24px;
  margin-top: 10px;
  width: 24px;
}
.wi-right-menu__confirm {
  position: absolute;
}
.wi-right-menu__confirm .ngdialog-content {
  position: relative;
}
.wi-right-menu .ui-x-panelContainer__title {
  color: #717171;
  background-color: #f1f1f1;
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 0 0px 1px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--em360-font-family);
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
}
.wi-right-menu .ui-x-panelContainer__title-click {
  cursor: pointer;
}
.wi-right-menu .ui-x-panelContainer__title-buttons {
  float: right;
}
.wi-right-menu .ui-x-panelContainer:first-child .ui-x-panelContainer__title {
  box-shadow: none;
}
.wi-right-menu__manage-options {
  float: right;
}
.wi-right-menu__manage-options--no-shrink {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wi-right-menu__content--white {
  background-color: white;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.right-menu-list {
  list-style-type: none;
}
.right-menu-list__item {
  display: block;
  position: relative;
  list-style-type: none;
  font-size: 94%;
  border-bottom: 1px solid #bababa;
}
.right-menu-list__item--clickable {
  cursor: pointer;
}
.right-menu-list__item--clickable:hover {
  background-color: #F5F5F5;
}
.right-menu-list--large-links > .right-menu-list__item {
  padding: 9px 20px;
  min-height: 46px;
  line-height: 46px;
}

/* This comment will be in result CSS */
/* Custom */
wi-checkbox {
  display: block;
}
.wi-checkbox {
  width: 35px;
  height: 14px;
  position: relative;
}
.wi-checkbox:focus-within {
  outline: 2px solid var(--engage-focus-color);
  border-radius: var(--engage-focusable-element-border-radius);
  outline-offset: 4px;
}
.wi-checkbox-slider-window {
  width: 35px;
  height: 14px;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.wi-checkbox-slider {
  position: absolute;
  width: 70px;
  height: 14px;
  left: -35px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transition: left 0.1s ease-in 0s;
}
.wi-checkbox-slider--checked {
  left: 0px;
}
.wi-checkbox-slider-part {
  width: 35px;
  height: 14px;
  background-color: #d5d5d5;
}
.wi-checkbox-slider-part--checked {
  background-color: rgba(54, 151, 219, 0.498039);
}
.wi-checkbox-tick {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #999999;
  border: 1px solid #999999;
  position: absolute;
  top: -3px;
  left: -2px;
  transition: left 0.1s ease-in 0s;
}
.wi-checkbox-tick--checked {
  left: 18px;
  background-color: #3697db;
  border: 1px solid #3697db;
}
.wi-checkbox-tick--blue {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 3px;
  border: 1px solid transparent;
}
.wi-checkbox-checked {
  background-color: #9acbed;
}

/* This comment will be in result CSS */
/* Custom */
.color-picker {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.color-picker-item {
  height: 100px;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.color-picker__check-icon {
  width: 21px;
  height: 21px;
  margin-bottom: 12px;
  margin-right: 12px;
}
.color-picker__check-icon path {
  fill: white;
}


/* This comment will be in result CSS */
/* Custom */
.xd-menu-list-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 12px 21px;
  border-bottom: 1px solid #eaeaea;
}
.xd-menu-list-item:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.xd-menu-list-item--disabled:hover {
  cursor: default;
}
.xd-menu-list-item--disabled .xd-menu-list-item__icon {
  opacity: 0.5;
}
.xd-menu-list-item--disabled .xd-menu-list-item__title {
  opacity: 0.5;
}
.xd-menu-list-item__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}
.xd-menu-list-item__icon svg path {
  fill: #717171 !important;
}
.xd-menu-list-item__title {
  margin-left: 21px;
  margin-right: 22px;
  font-size: 14px;
  line-height: 25px;
  color: black;
}
.xd-menu-list-item__info-icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.xd-menu-list-item__info-icon svg path {
  fill: #717171 !important;
}

.wi-loading-content__loader--right-menu {
  margin: 85px auto 0 auto;
}

/* FeedTiles.less */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.xd-feed-tiles {
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.xd-feed-tiles__container {
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.xd-feed-tiles__container:focus-visible {
  border-radius: 10px 10px 0 0;
  outline: var(--outline-width) solid var(--outline-color-old-part);
}
.xd-feed-tiles__thumbnail-image {
  background-size: cover;
  position: relative;
  background-position: center;
  border-radius: 10px 10px 0 0;
}
.xd-feed-tiles__overlay-button {
  bottom: 5px;
  height: 40px;
  position: absolute;
  right: 10px;
  width: 40px;
}
.xd-feed-tiles__asset-type-name {
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 10px 0 15px;
  position: absolute;
  left: 0;
  bottom: 6px;
  max-width: calc(100% - 85px);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0 3px 3px 0;
}
.xd-feed-tiles__asset-type-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.xd-feed-tiles__actions {
  position: absolute;
  right: 0;
  top: 7px;
  width: 40px;
  height: 40px;
}
.xd-feed-tiles__actions button.wi-right-menu-manage-options__link:focus-visible {
  outline: 2px solid #3697DB;
  box-shadow: none;
  border-radius: 10px;
}
.xd-feed-tiles__content {
  position: relative;
  border-top: 1px solid #f1f1f1;
}
.xd-feed-tiles__content.-hide-image {
  border-top-color: transparent;
}
.xd-feed-tiles__name {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin: 15px 15px 10px 15px;
  font-weight: 400;
}
.xd-feed-tiles__name.-actions {
  margin-right: 35px;
}
.xd-feed-tiles__name-icon {
  position: relative;
  top: 2px;
}
.xd-feed-tiles__name-icon svg {
  width: 14px;
  height: 14px;
  opacity: 0.5;
}
.xd-feed-tiles__additional-items {
  padding: 0 10px;
  margin-bottom: 15px;
  margin-top: -11px;
  color: #717171;
}
.xd-feed-tiles__additional-item {
  font-size: 13px;
  padding: 0 5px 0 5px;
  border-radius: 3px;
  cursor: pointer;
  color: #717171;
  display: inline-block;
}
.xd-feed-tiles__additional-item:hover {
  color: #717171;
}
.xd-feed-tiles__additional-item.-action {
  color: #147bc2;
}
.xd-feed-tiles__additional-item.-action:hover {
  color: white;
  background-color: #3697db;
}
.xd-feed-tiles__translation-item {
  margin: 0 10px 15px;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  padding: 0px 10px 0px 32px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 13px;
  line-height: 22px;
  color: #147bc2;
  text-decoration: none solid #3697db;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xd-feed-tiles__translation-item--icon {
  position: absolute;
  left: 10px;
  top: 2px;
  width: 18px;
  height: 18px;
}
.xd-feed-tiles__translation-item--text {
  white-space: nowrap;
}
.xd-feed-tiles__translation-item:hover {
  background-color: #f1f1f1;
}
.xd-feed-tiles__translation-item:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.xd-feed-tiles__translation-item:focus-visible path {
  fill: #fff !important;
}
.xd-feed-tiles__additional-item-divider {
  font-size: 13px;
  display: inline-block;
}
.xd-feed-tiles__subtitle {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 12px;*/
  margin: 0 0 15px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.xd-feed-tiles__subtitle2 {
  font-size: 14px;
  line-height: 20px;
  /*padding: 0 15px 0;*/
  padding: 15px 15px 0 0;
  color: #3d3d3d;
  overflow: hidden;
  max-height: 100px;
  /*margin-bottom: 8px;*/
  margin: 0 0 15px 15px;
  padding: 0px 15px 0 0;
}
.xd-feed-tiles__subtitle2--border {
  padding: 15px 15px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.xd-feed-tiles__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 31px;
  padding: 8px 15px;
  border-top: 1px solid #fafafa;
}
.xd-feed-tiles__footer-image {
  border-radius: 100%;
  width: 33px;
  height: 33px;
  background-size: cover;
  background-position: 50% 50%;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.xd-feed-tiles__footer-content {
  line-height: 14px;
  margin-left: 8px;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
}
.xd-feed-tiles__footer-name {
  font-size: 13px;
  line-height: 15px;
  color: #3D3D3D;
  margin-bottom: 2px;
}
.xd-feed-tiles__footer-date {
  font-size: 12px;
  line-height: 14px;
  color: #717171;
}
.xd-feed-tiles__footer-date--highlight {
  color: red;
}
.xd-feed-tiles__deleted-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.95);
}
.xd-feed-tiles__deleted-text {
  color: #999;
  position: absolute;
  top: 42%;
  width: 50%;
  left: 25%;
  display: block;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
.xd-feed-tiles__on-thumbnail-actions {
  bottom: 10px;
  position: absolute;
  left: 14px;
}
.xd-feed-tiles__embed-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.xd-feed-tiles--right-menu .wi-card {
  background-color: white;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__thumbnail-image {
  background-color: #F3F5F7;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 24px;
  width: 150px;
  overflow: hidden;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__additional-items {
  display: none;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__fake-description-line {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
  margin: 15px 15px 10px 15px;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__fake-description-line.-line-1 {
  width: 80%;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__fake-description-line.-line-2 {
  width: 90%;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__fake-description-line.-line-3 {
  width: 70%;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__fake-description-line:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__footer-image {
  position: relative;
  overflow: hidden;
  background-color: #F3F5F7;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__footer-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__footer-name {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 14px;
  overflow: hidden;
}
.xd-feed-tiles--launch-state .xd-feed-tiles__footer-name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.xd-tile-option-buttons-inline {
  background-color: #fefefe;
  border-top: 1px solid #f1f1f1;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-around;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  border-radius: 0 0 10px 10px;
}
.xd-tile-option-buttons-inline__item {
  height: 45px;
  width: 45px;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  cursor: pointer;
  border: none;
  background-color: transparent;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.xd-tile-option-buttons-inline__item.-recommended .xd-tile-option-buttons-inline__count {
  background: #3697db;
}
.xd-tile-option-buttons-inline__item:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset-inner);
  border-radius: calc(var(--outline-border-radius) - var(--outline-offset-inner));
}
.xd-tile-option-buttons-inline__icon {
  width: 24px;
  height: 24px;
}
.xd-tile-option-buttons-inline__count {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 9px;
  font-weight: 800;
  line-height: 10px;
  text-align: center;
  width: auto;
  min-width: 8px;
  height: 9px;
  padding: 1px 2px;
  border-radius: 50px;
  background: #717171;
  color: white;
}
.xd-tile-option-buttons-inline__count:empty {
  display: none;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item:hover {
  opacity: 1;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item.ui-x-disabled {
  opacity: 0.25;
  cursor: default;
}
.ui-x-support-hover-on-touch .xd-tile-option-buttons-inline__item.ui-x-disabled:hover {
  opacity: 0.25;
}
xd-feed-tiles.xd-feed-tiles--searchbar .xd-feed-tiles {
  margin-top: 0px;
}
@media (min-width: 741px) {
  xd-feed-tiles.xd-feed-tiles--searchbar .xd-feed-tiles {
    margin-top: 0px;
  }
}
@media (min-width: 1270px) {
  xd-feed-tiles.xd-feed-tiles--searchbar .xd-feed-tiles {
    position: static;
    padding-right: 0px;
  }
  xd-feed-tiles.xd-feed-tiles--searchbar .xd-feed-tiles--rows {
    max-width: none;
  }
}
xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile {
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
}
xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile.-fake {
  border-color: #ebebeb;
}
xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile--row {
  margin-bottom: 10px;
}
@media (min-width: 983px) {
  xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile--row {
    margin-left: 46px;
  }
}
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover.-fake,
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover.-no-hover {
  box-shadow: none;
}
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover.-fake,
.ui-x-support-hover-on-touch xd-feed-tiles.xd-feed-tiles--searchbar .ui-x-feed-tile:hover.-no-hover {
  box-shadow: none;
}
xd-feed-tiles.xd-feed-tiles--searchbar .wi-card__thumbnail-image {
  border-radius: 10px 10px 0 0;
}
xd-feed-tiles.xd-feed-tiles--searchbar .xd-tile-option-buttons-inline {
  border-radius: 0 0 10px 10px;
}
.xd-feed-tiles {
  margin-top: 10px;
  padding-bottom: 30px;
}
@media (min-width: 741px) {
  .xd-feed-tiles {
    margin-top: 20px;
  }
}
@media (min-width: 1270px) {
  .xd-feed-tiles {
    position: relative;
    padding-right: 293px;
  }
  .xd-feed-tiles--with-fixed-filter {
    position: static;
  }
  .xd-feed-tiles--rows {
    max-width: 797px;
    margin-left: auto;
    margin-right: auto;
  }
}
.xd-feed-tiles__xd-tiles {
  display: block;
}
.xd-feed-tiles__inline-filter {
  display: none;
}
@media (min-width: 1270px) {
  .xd-feed-tiles__inline-filter {
    display: block;
  }
}
.xd-feed-tiles__suggested-filter--hidden {
  display: none;
}
@media (min-width: 1270px) {
  .xd-feed-tiles__suggested-filter {
    display: none;
  }
}
.xd-feed-tiles__filter-crumbs {
  display: block;
}
.xd-feed-tiles__filter-crumbs--rows {
  max-width: 797px;
  margin: 0 auto;
}
@media (min-width: 1270px) {
  .xd-feed-tiles__filter-crumbs--rows {
    max-width: 1090px;
  }
}
.xd-feed-tiles__no-search-result {
  font-size: 165%;
  font-weight: 300;
  margin: 0 auto;
  max-width: 500px;
  text-align: left;
  line-height: 1.6;
  padding: 30px 5%;
}
@media (max-width: 567px) {
  .xd-feed-tiles__no-search-result {
    font-size: 140%;
  }
}
.ui-x-feed__feed-tiles,
.ui-x-feed__feed-tiles--searchbar {
  width: 94%;
  margin: 0 auto;
  display: block;
  min-height: 100vh;
}
@media (min-width: 1270px) {
  .ui-x-feed__feed-tiles--rows {
    width: 100%;
  }
}
.ui-x-feed__feed-tiles--searchbar {
  width: auto;
  margin: 0px 15px;
}
@media (min-width: 1270px) {
  .ui-x-filters-icn--hide-on-wide-screen {
    display: none!important;
  }
}

/* Tiles.less */
.xd-tiles--tiles {
  margin: 0 -10px;
}
.xd-tiles--tiles .xd-tiles__tile {
  padding: 0 10px 20px 10px;
  box-sizing: border-box;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-widget-content-preview {
  /*border: 1px solid #D8D8D8;
	border-width: 1px 1px 2px;
	border-radius: 3px;
	max-width: 195px;
	margin: 0 auto;
	height: 195px;*/
  /*&--wide {
		max-width: 384px;
	}*/
  height: 100%;
}
.wi-widget-content-preview__item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
  height: 100%;
  background-color: #bababa;
  border-radius: 10px;
}
.wi-widget-content-preview__content-item {
  height: 100%;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-widget-preview-item {
  min-width: 1px;
  border-radius: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
.ui-x-admin-contentType-statusWorkflow-menu .wi-right-menu {
  background-color: #fff;
}
.status-workflow_additional-opt {
  background-color: #f1f1f1;
  border-bottom: 1px solid #bababa;
  padding: 20px;
}
.status-workflow_additional-opt__item {
  display: inherit;
  background-color: white;
  border: 1px #bababa solid;
  border-radius: 5px;
}
.status-workflow_additional-opt__item .right-menu-input-tile {
  border: none;
  padding: 0;
}
.status-workflow_additional-opt__item .right-menu-input-tile:hover {
  background-color: transparent;
}
.status-workflow-status-list__item {
  zoom: 1;
  background-color: white;
  border-bottom: 1px #bababa solid;
}
.status-workflow-status-list__item:before,
.status-workflow-status-list__item:after {
  content: "";
  display: table;
}
.status-workflow-status-list__item:after {
  clear: both;
}
.status-workflow-status-list__item-header {
  padding: 9px 20px;
  min-height: 47px;
  cursor: pointer;
  z-index: 1;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
}
.status-workflow-status-list__item--empty .status-workflow-status-list__item-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.status-workflow-action-list__item {
  zoom: 1;
  background-color: #eaeaea;
  border-bottom: 1px #bababa solid;
}
.status-workflow-action-list__item:before,
.status-workflow-action-list__item:after {
  content: "";
  display: table;
}
.status-workflow-action-list__item:after {
  clear: both;
}
.status-workflow-action-list__item:last-child {
  border-bottom: none;
}
.status-workflow-action-list__item-header {
  cursor: pointer;
  padding: 9px 20px;
  padding-left: 40px;
  min-height: 47px;
}
.status-workflow-list-row {
  position: relative;
}
.status-workflow-list-row:hover {
  background-color: #f1f1f1;
}
.status-workflow-list-row__label {
  font-size: 14px;
  line-height: 1.7em;
  display: block;
  color: #717171;
}
.status-workflow-list-row__label:first-of-type {
  color: black;
}
.status-workflow-list-row__label:first-of-type:last-of-type {
  line-height: 47px;
}
.status-workflow-list-row__buttons {
  position: absolute;
  top: 9px;
  right: 20px;
  padding: 12.5px 0;
}
.status-workflow-list-row__buttons > .ui-x-icn {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 28px;
  opacity: 0.5;
}
.status-workflow-list-row__buttons > .ui-x-icn:hover {
  opacity: 1;
}
.status-workflow-list-row__buttons > .disabled {
  opacity: 0.2;
}
.status-workflow-list-row__buttons > .disabled:hover {
  cursor: default;
  opacity: 0.3;
}
/* styles related to drag-drop */
.status-workflow-status-list__item.ui-sortable-helper,
.status-workflow-action-list__item.ui-sortable-helper {
  border: 1px #bababa solid;
}
.ui-sortable-placeholder.status-workflow-status-list__item,
.ui-sortable-placeholder.status-workflow-action-list__item {
  border-bottom: none;
}
.ui-sortable-placeholder + .status-workflow-status-list__item,
.ui-sortable-placeholder + .status-workflow-action-list__item {
  border-top: 1px #bababa solid;
}
.status-workflow-outcome-list__item {
  cursor: pointer;
  padding: 9px 20px;
  padding-left: 62px;
  min-height: 26px;
  border-top: 1px #bababa solid;
  background-color: #f1f1f1;
}
.status-workflow-outcome-list__item-label {
  font-size: 14px;
  color: black;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
.widget-selection-menu__fields {
  cursor: pointer;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-add-edit-widget__template-preview {
  padding: 0 20px 15px 20px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #bababa;
  display: flex;
  justify-content: center;
}
.wi-add-edit-widget__template-preview .wi-add-edit-widget__preview-list {
  flex: 1 1 auto;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wi-add-edit-widget__template-preview .wi-add-edit-widget__preview-list .wi-add-edit-widget__preview-section-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: black;
}
.wi-add-edit-widget__preview {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 15px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #bababa;
}
.wi-add-edit-widget__preview.-row {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.wi-add-edit-widget__preview-item-placeholder {
  padding: 3px;
  box-sizing: border-box;
}
.wi-add-edit-widget__preview-item {
  height: 100%;
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  display: flex;
}
.wi-add-edit-widget__preview-item-widget {
  width: 100%;
  height: 100%;
}
.wi-add-edit-widget__section-preview {
  /*width: 100%;
	padding: 6px;
	box-sizing: border-box;*/
  /*width: 100vw;
	transform: scale(0.5);*/
  /*width: 1400px;
	transform: scale(0.5);*/
}
.wi-add-edit-widget__wi-widget-content-preview {
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
}
.wi-add-edit-widget__section-header--border {
  border-bottom: 1px solid #d4d4d4;
}
.wi-add-edit-widget__input-tile--shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  display: block;
  position: relative;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.ui-x-admin-contentType-viewTemplate-menu {
  background-color: #f1f1f1;
}
.ui-x-admin-contentType-viewTemplate-menu .ui-x-header-image {
  background-color: #3697db;
}
.ui-x-admin-contentType-viewTemplate-menu__header {
  background-color: #3697db;
  padding-top: 53px;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ui-x-admin-contentType-viewTemplate-menu__field-widget-panels {
  margin-top: 25px;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ui-x-admin-contentType-viewTemplate-menu__widget-panels {
  margin: 0 auto;
  display: block;
  width: 94%;
  max-width: 1248px;
  border-top: 1px solid #d8d8d8;
}
.ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panels {
  border: 1px solid #d8d8d8;
  border-width: 0 1px;
  background-color: #f5f5f5;
}
.ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panel__border {
  margin: 0;
  padding: 0 26px 5px;
}
.ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panels__add-item {
  margin: 15px 28px 0px;
}
@media (min-width: 876px) {
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panel__border {
    padding-bottom: 5px;
  }
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panels__add-item {
    margin: 15px 28px 0px;
  }
}
@media (min-width: 1273px) {
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panel__border {
    padding-bottom: 6px;
  }
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panels__add-item {
    margin: 15px 28px 0px;
  }
}
@media (max-width: calc(601px - 1px)) {
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels {
    width: 100%;
  }
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panel__border {
    margin: 0;
    padding: 0 20px;
    padding-bottom: 5px;
  }
  .ui-x-admin-contentType-viewTemplate-menu__widget-panels .xd-section-panels__add-item {
    margin: 15px 22px 0px;
  }
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
.data-update-panel {
  zoom: 1;
  position: relative;
}
.data-update-panel:before,
.data-update-panel:after {
  content: "";
  display: table;
}
.data-update-panel:after {
  clear: both;
}
.data-update-panel {
  background-color: white;
}
/* Header main styles */
.data-update-panel__header {
  color: #717171;
  background-color: #f1f1f1;
  border-color: #d4d4d4;
  border-style: solid;
  border-width: 0 0px 1px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-family: var(--em360-font-family);
  font-weight: 400;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
  -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.35) inset;
  cursor: pointer;
}
.data-update-panel__header:hover {
  background-color: #f1f1f1;
}
.data-update-panel:first-child .data-update-panel__header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* field main styles */
/* Buttons */
.data-update-panel__header-buttons {
  float: right;
}
.data-update-panel__header-buttons > .ui-x-icn {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 30px;
  margin-top: -2px;
  opacity: 0.5;
}
.data-update-panel__header-buttons > .ui-x-icn:hover {
  opacity: 1;
}
.data-update-panel__header-info-icon {
  height: 100%;
}
/* styles related to drag-drop */
.data-update-panel.ui-sortable-helper {
  border: 1px #bababa solid;
}
.right-menu-list--data-update-links > .right-menu-list__item {
  line-height: normal;
  font-size: 14px;
}
.right-menu-list--data-update-links > .right-menu-list__item ul {
  padding: 1.5em 0 1.5em 60px;
  list-style-type: disc;
  line-height: normal;
}

.ui-x-admin-contentType-deleteEmptyOutcomeMenu-menu .wi-right-menu {
  background-color: #FFFFFF;
}

.ui-x-admin-contentType-onboardPortalOrganisation-menu .wi-right-menu {
  background-color: #FFFFFF;
}

/* This comment will be in result CSS */
/* Custom */
.color-picker--menu {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.color-picker-item--menu {
  -moz-flex: 1 1 45%;
  -ms-flex: 1 1 45%;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
}
.color-picker-item--menu:nth-child(odd) {
  margin-right: 5px;
}
.wi-right-menu__content--color-picker {
  padding: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.content-type-menu__add-button {
  border: none;
  background: none;
  font-size: 14px;
  min-height: 50px;
  width: 100%;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
}
.content-type-menu__add-button:hover {
  background: #f1f1f1;
}

/* This comment will be in result CSS */
/* Custom */
.data-edit-menu__section.--topmost-no-title {
  margin-top: 10px;
}
.data-edit-menu__section-title {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 0 28px;
  text-transform: uppercase;
  color: #5e5e5e;
  font-weight: 700;
  margin: 10px 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-filter-menu-min-height-workaround {
  height: 45px;
}
.wi-filter-menu__tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-filter-menu__tile--select {
  padding: 0;
}
.wi-filter-menu__tile--suggested {
  padding: 0;
  cursor: pointer;
}
.wi-filter-menu__tile--suggested:hover {
  background-color: #f1f1f1;
}
.wi-filter-menu__tile--suggested-keyword {
  padding: 0;
  color: #9b9b9b;
  cursor: pointer;
}
.wi-filter-menu__tile--suggested-keyword:hover {
  background-color: #f1f1f1;
}
.wi-filter-menu__tile--tag {
  padding-left: 0;
}
.wi-filter-menu__tile-icon {
  width: 21px;
  height: 21px;
  margin-left: 22px;
  margin-right: 22px;
  cursor: pointer;
}
.wi-filter-menu__tile-icon--tag {
  cursor: initial;
}
.wi-filter-menu__tile-drag-icon {
  margin-right: 22px;
  cursor: move;
}
.wi-filter-menu__tile__label {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-filter-menu__tile--min-height-workaround {
  height: 50px;
}
.wi-filter-menu-bar-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  color: white;
  background-color: #3697db;
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 3px;
}
.wi-filter-menu-bar-button__label {
  display: block;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 14px;
}
.wi-filter-menu-bar-button__icon {
  width: 21px;
  height: 21px;
  margin-left: 22px;
  margin-right: 22px;
}
.wi-filter-menu-bar-button__icon svg {
  width: 100%;
  height: 100%;
}
.wi-filter-menu-bar-button__icon path {
  stroke: white;
  fill: white;
}
.wi-filter-menu-bar-button__icon--star path {
  stroke: none;
}
.wi-filter-menu-bar-button__icon--star path:first-child {
  fill: #327eb5;
  stroke: #327eb5;
}
.wi-filter-menu-bar-button__icon--star-selected path:first-child {
  fill: white;
  stroke: white;
}
.wi-filter-menu-bar-button__addition {
  margin-right: 22px;
}

.ui-x-outcomesWizard-menu .wi-right-menu {
  background-color: white;
}

/* This comment will be in result CSS */
/* Custom */
/*17px is for scrollbar padding (even if there is no scrollbar)*/
.wi-data-panels {
  width: auto;
}
.wi-data-panels__container {
  width: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 35px;
}
@media (min-width: 876px) {
  .wi-data-panels__container {
    margin: auto;
    margin-bottom: 35px;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 794px;
  }
}
@media (min-width: 1273px) {
  .wi-data-panels__container {
    width: 1191px;
  }
}
.wi-data-panels__container--no-responsive {
  width: auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0px;
}
.wi-data-panels__header {
  width: auto;
  margin-left: 5px;
  margin-right: 10px;
}
@media (min-width: 876px) {
  .wi-data-panels__header {
    margin: auto;
    width: 794px;
  }
}
@media (min-width: 1273px) {
  .wi-data-panels__header {
    width: 1191px;
  }
}
.wi-data-panels__header--no-responsive {
  width: auto;
}
.wi-data-panels__item {
  width: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 876px) {
  .wi-data-panels__item {
    width: 390px;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.wi-data-panels__item--no-responsive {
  width: auto;
}
.wi-data-panel {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wi-data-panel__content {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.wi-data-panel__content--no-responsive {
  -moz-flex: none;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
}

/* This comment will be in result CSS */
/* Custom */
.form-add-button {
  border: 1px dashed #bababa;
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  padding: 14px 10px 13px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.form-add-button:hover {
  background-color: #f6f6f6;
}
.form-add-button__icn {
  display: inline-block;
  height: 21px;
  width: 21px;
}
.form-add-button__txt {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
}

.form-list__item {
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  margin-top: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.form-list__item:hover {
  background-color: #f6f6f6;
}
.form-list__item-content {
  padding: 12px 20px;
  display: table-cell;
}
.form-list__remove-item {
  width: 48px;
  border-left: 1px solid #d8d8d8;
  cursor: pointer;
  padding: 11px 0px;
  line-height: 13px;
  display: table-cell;
  position: relative;
}
.form-list__remove-item .ui-x-edit-icn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
.form-list__item-title {
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  text-align: left;
}

/* This comment will be in result CSS */
/* Custom */
.wi-disable-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 70;
  opacity: 0.4;
  min-height: 100vh;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s, visibility 0s 0.3s;
  -ms-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
  will-change: opacity, visibility;
}
.wi-disable-mask--shown {
  opacity: 0.7;
  visibility: visible;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -ms-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.wi-disable-mask__progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
}
.wi-disable-mask__progress-bar--shown {
  visibility: visible;
}
.em360-sr-only,
.wi-disable-mask__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*this magic number is a sum footer + 30px?*/
.wi-assistant-tile {
  width: 300px;
  position: relative;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 29px;
  margin-left: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #000000;
  cursor: default;
  -webkit-transition: width 0.3s, opacity 0.3s, transform 0.5s;
  -moz-transition: width 0.3s, opacity 0.3s, transform 0.5s;
  -ms-transition: width 0.3s, opacity 0.3s, transform 0.5s;
  -o-transition: width 0.3s, opacity 0.3s, transform 0.5s;
  transition: width 0.3s, opacity 0.3s, transform 0.5s;
}
.wi-assistant-tile:hover {
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.wi-assistant-tile--rearranging-down {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(0px, 65px);
  transform: translate(0px, 65px);
}
.wi-assistant-tile--rearranging-up {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.wi-assistant-tile--rearranginged {
  transition: none;
}
.wi-assistant-tile--hidden {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}
.wi-assistant-tile--icon-only {
  width: 55px !important;
}
.wi-assistant-tile--icon-only-maximised {
  width: 300px !important;
}
.wi-assistant-tile__icon-only-button-icon {
  padding-top: 6px;
}
.wi-assistant-tile__icon-only-button-icon--animate {
  padding-top: 3px;
}
.wi-assistant-tile__icon-only-button-icon--animate path {
  fill: #ffffff !important;
}
.wi-assistant-tile__icon-only-button-icon--animate svg {
  animation: rotation 1s infinite linear;
}
@media (max-width: 600px) {
  .wi-assistant-tile--hidden {
    -webkit-transform: translate(-10px, 70px);
    transform: translate(-10px, 70px);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.wi-assistant-tile--minimased {
  width: 59px;
}
.wi-assistant-tile--maximised {
  border-radius: 10px 10px 29px 10px;
}
.wi-assistant-tile--important-mode-1 {
  background-color: #323538;
  color: #ffffff;
}
.wi-assistant-tile--important-mode-2 {
  background-color: #e2261e;
  color: #ffffff;
}
.wi-assistant-tile--hidden-for-animation {
  opacity: 0;
}
.wi-assistant-tile__full-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
.wi-assistant-tile--maximised .wi-assistant-tile__full-content {
  max-height: 300px;
}
.wi-assistant-tile__bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  padding: 4px;
  height: 59px;
  cursor: pointer;
}
.wi-assistant-tile__bottom--icon-only {
  width: 55px;
  height: 55px !important;
  border-radius: 50px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.wi-assistant-tile__bottom--maximised {
  cursor: default;
}
.wi-assistant-tile__dismiss-icon {
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  height: 25px;
  width: 25px;
  margin-left: 13px;
  padding: 2px;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  cursor: pointer;
}
.wi-assistant-tile__dismiss-icon path {
  fill: #3697db;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__dismiss-icon path {
  fill: #ffffff;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__dismiss-icon path {
  fill: #ffffff;
}
.wi-assistant-tile__title-container {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  min-width: 0;
}
.wi-assistant-tile__title-wrapper {
  font-size: 14px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  position: relative;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-assistant-tile__title {
  margin-left: 18px;
  margin-right: 18px;
  position: relative;
}
.wi-assistant-tile__title--has-icon {
  margin-right: 8px;
}
.wi-assistant-tile__title--minimased {
  display: none;
}
.wi-assistant-tile__fade-out-title {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 40px;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__fade-out-title {
  background: linear-gradient(to right, rgba(50, 53, 56, 0), #323538 60%, #323538);
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__fade-out-title {
  background: linear-gradient(to right, rgba(226, 38, 30, 0), #e2261e 60%, #e2261e);
}
.wi-assistant-tile__cicle {
  height: 51px;
  width: 51px;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #3697db;
  border-radius: 51px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
}
.wi-assistant-tile__cicle:hover {
  background-color: #4ca2df;
}
.wi-assistant-tile__cicle--icon-only {
  background-color: #323538 !important;
  width: 55px;
}
.wi-assistant-tile__cicle--icon-only:hover {
  background-color: #323538 !important;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__cicle {
  background-color: #ffffff;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__cicle:hover {
  background-color: #f2f2f2;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__cicle {
  background-color: #ffffff;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__cicle:hover {
  background-color: #f2f2f2;
}
.wi-assistant-tile__icon {
  height: 32px;
  width: 32px;
}
.wi-assistant-tile__icon path {
  fill: #ffffff !important;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__icon path {
  fill: #323538 !important;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__icon path {
  fill: #e2261e !important;
}
.wi-assistant-tile__close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: -2px;
  right: -4px;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
  background-color: #3697db;
  cursor: pointer;
  display: none;
}
.wi-assistant-tile__close:hover {
  background-color: #4ca2df;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__close {
  border-color: #323538;
  background-color: #ffffff;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__close:hover {
  background-color: #f2f2f2;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__close {
  border-color: #e2261e;
  background-color: #ffffff;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__close:hover {
  background-color: #f2f2f2;
}
.wi-assistant-tile:hover .wi-assistant-tile__close {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-assistant-tile.wi-assistant-tile--maximised .wi-assistant-tile__close {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-assistant-tile__close-icon {
  width: 16px;
  height: 16px;
  fill: #ffffff;
}
.wi-assistant-tile__close-icon svg {
  display: block;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__close-icon {
  fill: #323538;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__close-icon {
  fill: #e2261e;
}
.wi-assistant-tile__info-icon {
  height: 32px;
  width: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  margin-right: 9px;
}
.wi-assistant-tile__info-icon svg {
  height: 100%;
  width: 100%;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile__info-icon {
  fill: #ffffff;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile__info-icon {
  fill: #ffffff;
}

/* This comment will be in result CSS */
/* Custom */
.wi-assistant-tile-shared__content {
  display: block;
  padding-top: 16px;
}
.wi-assistant-tile-shared__full-title {
  padding: 0 15px 11px;
  font-family: var(--em360-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.wi-assistant-tile-shared__full-text {
  font-family: var(--em360-font-family);
  font-size: 14px;
  line-height: 20px;
  padding: 0 15px 14px;
}
.wi-assistant-tile-shared__full-actions {
  padding-bottom: 6px;
}
.wi-assistant-tile-shared__full-action {
  display: flex;
  align-items: center;
  min-height: 43px;
  border-top: 1px solid #f1f1f1;
  cursor: pointer;
}
.wi-assistant-tile-shared__full-action:hover {
  background-color: #f1f1f1;
}
.wi-assistant-tile-shared__full-action:last-child {
  border-bottom: 1px solid #f1f1f1;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile-shared__full-action {
  border-top-color: rgba(255, 255, 255, 0.07);
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile-shared__full-action:hover {
  background-color: #636363;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile-shared__full-action:last-child {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile-shared__full-action {
  border-top-color: rgba(255, 255, 255, 0.07);
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile-shared__full-action:hover {
  background-color: #e53129;
}
.wi-assistant-tile--important-mode-2 .wi-assistant-tile-shared__full-action:last-child {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}
.wi-assistant-tile-shared__full-action-icon {
  flex: 0 0 auto;
  margin: 0px 11px 0px 19px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.wi-assistant-tile-shared__full-action-icon svg {
  height: 100%;
  width: 100%;
  fill: #7f8c8d;
}
.wi-assistant-tile--important-mode-1 .wi-assistant-tile-shared__full-action-icon svg,
.wi-assistant-tile--important-mode-2 .wi-assistant-tile-shared__full-action-icon svg {
  fill: #ffffff;
}
.wi-assistant-tile-shared__full-action-title {
  margin: 5px;
  font-size: 14px;
  min-width: 1px;
}

/* This comment will be in result CSS */
/* Custom */
/*this magic number is a sum footer + 30px?*/
.wi-assistant-stack {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 10000;
  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  -ms-transition: bottom 0.3s ease-out;
  -o-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.wi-assistant-stack.-quick-view {
  bottom: 30px;
}
@media (max-width: 600px) {
  .wi-assistant-stack {
    right: 10px;
    bottom: 70px;
  }
  .wi-assistant-stack.-quick-view {
    bottom: 30px;
  }
}
.wi-assistant-stack__item {
  display: block;
  margin-top: 10px;
  overflow: visible !important;
  /*jquery animate requires so*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.wi-assistant-stack__item--scrollable {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.wi-assistant-stack__item--start-hidding {
  -webkit-transition: opacity 2s linear 5s;
  -moz-transition: opacity 2s linear 5s;
  -ms-transition: opacity 2s linear 5s;
  -o-transition: opacity 2s linear 5s;
  transition: opacity 2s linear 5s;
  opacity: 0;
}
.wi-assistant-stack__item--swiping {
  -webkit-transition: initial;
  -moz-transition: initial;
  -ms-transition: initial;
  -o-transition: initial;
  transition: initial;
}
.wi-assistant-stack__item--swiping-left {
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
  -ms-transition: transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw);
}
.wi-assistant-stack__item--swiping-right {
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
  -ms-transition: transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  -webkit-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  transform: translateX(100vw);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-list-card-shared__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card-shared__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card-shared__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info,
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > .wi-list-card__header-text-primary {
  position: relative;
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  height: 18px;
  width: 252px;
  overflow: hidden;
  margin-top: 4px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info {
  height: 13px;
  width: 106px;
  margin-bottom: 1px;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info .wi-secondary-info {
  color: #F3F5F7;
}
.wi-list-card--launch-state > .wi-list-card__content {
  padding: 0 15px 19px 15px;
}
.wi-list-card--launch-state .xd-feed-fields-list__item {
  margin-top: 5px;
}
@media (min-width: 500px) {
  .wi-list-card--launch-state .xd-feed-fields-list__item {
    margin-top: 0;
  }
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__title,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data {
  color: #F3F5F7;
  background-color: #F3F5F7;
  border-radius: 100px;
  width: 75px;
  height: 14px;
  overflow: hidden;
  position: relative;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__title:after,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-main .xd-feed-fields-list__items .xd-feed-fields-list__item .xd-feed-fields-list__data {
  height: 14px;
  margin-top: 6px;
  width: 100%;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel {
  color: #F3F5F7;
  background-color: #F3F5F7;
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel .wi-list-card__content-image {
  display: none;
}
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > wi-secondary-info:after,
.wi-list-card--launch-state > .wi-list-card__header > .wi-list-card__header-text > .wi-list-card__header-text-primary:after,
.wi-list-card--launch-state > .wi-list-card__content > .wi-list-card__content-panel:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}
.wi-list-card {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative;
}
.wi-list-card__translation-item {
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  padding: 0px 10px 0px 32px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50px;
  background-color: #ffffff;
  background-size: cover;
  font-size: 13px;
  line-height: 22px;
  color: #147bc2;
  text-decoration: none solid #3697db;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wi-list-card__translation-item--icon {
  position: absolute;
  left: 10px;
  top: 2px;
  width: 18px;
  height: 18px;
}
.wi-list-card__translation-item--text {
  white-space: nowrap;
}
.wi-list-card__translation-item:hover {
  background-color: #f1f1f1;
}
.wi-list-card__translation-item:focus-visible {
  background-color: #3697DB;
  color: #fff;
}
.wi-list-card__translation-item:focus-visible path {
  fill: #fff !important;
}
.wi-list-card:active,
.wi-list-card:hover {
  outline: 0;
}
.wi-list-card--borderless {
  border: none;
}
.wi-list-card--right-menu {
  margin: 5px 10px 0px 10px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #D8D8D8;
  background-color: white;
}
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover.-fake,
.ui-x-support-hover-on-touch .wi-list-card--right-menu:hover.-no-hover {
  box-shadow: none;
}
.wi-list-card__header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 15px 15px 15px;
}
.wi-list-card__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 15px 15px;
  border-top: 1px solid #f1f1f1;
}
.wi-list-card__content-main {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
}
.wi-list-card__content-panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 10px;
}
.wi-list-card__header-text {
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  min-width: 1px;
}
.wi-list-card__header-text-main {
  font-size: 13px;
  color: #717171;
  text-transform: uppercase;
  margin-bottom: 9px;
  margin-top: -4px;
}
.wi-list-card__header-text-primary {
  color: black;
  font-size: 18px;
  position: relative;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
}
.wi-list-card__header-text-primary:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary:after {
  content: '';
  position: absolute;
  right: 0;
  top: 22px;
  width: 10%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary--right-menu {
  font-size: 16px;
  position: relative;
  line-height: 19px;
  max-height: 38px;
  overflow: hidden;
}
.wi-list-card__header-text-primary--right-menu:after {
  content: '';
  position: absolute;
  right: 0;
  top: 19px;
  width: 10%;
  height: 19px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__header-text-primary--right-menu:after {
  content: '';
  position: absolute;
  right: 0;
  top: 19px;
  width: 10%;
  height: 19px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__secondary-info {
  margin-top: 5px;
}
.wi-list-card__header-panel {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 15px;
  margin-right: -7px;
}
.wi-list-card__header-button {
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
.wi-list-card__header-button:hover {
  background-color: #f5f5f5;
}
.wi-list-card__content-description {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 14px;
  position: relative;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}
.wi-list-card__content-description:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  width: 10%;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__content-description:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  width: 10%;
  height: 20px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 60%, #ffffff);
}
.wi-list-card__content-image {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #a3a3a3;
  background-position: center center, center center;
  background-size: cover;
}
.wi-list-card__content-actions-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0 -5px 0;
}
.wi-list-card__content-actions-panel--minimal {
  margin: 10px 0 -5px 0px;
}
.wi-list-card__content-actions {
  display: flex;
}
@media (max-width: 601px) {
  .wi-list-card__content-actions.--trans {
    margin-left: 13px;
  }
}
.wi-list-card__content-action-wrapper {
  position: relative;
  margin: 0 0 0 14px;
  line-height: 24px;
  font-size: 14px;
  display: flex;
  line-height: 14px;
}
.wi-list-card__content-action-wrapper::before {
  content: " \2022 ";
  color: #717171;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  margin-left: -14px;
}
.wi-list-card__content-action-wrapper:first-child {
  margin: 0;
}
.wi-list-card__content-action-wrapper:first-child::before {
  content: "";
  padding: 0;
  display: none;
}
@media (max-width: 601px) {
  .wi-list-card__content-action-wrapper::before {
    content: "";
    padding: 0;
    display: none;
  }
}
.wi-list-card__content-action {
  height: auto;
  padding: 0;
  line-height: 24px;
  border: none;
  border-radius: 3px;
  color: #147bc2;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.wi-list-card__content-action:hover {
  text-decoration: underline;
}
.wi-list-card__content-action:focus-visible .wi-list-card__content-action-icon {
  background-color: #3697DB;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
.wi-list-card__content-action:focus-visible .wi-list-card__content-action-icon path {
  fill: #fff !important;
}
.wi-list-card__content-action.-disabled {
  cursor: default;
  color: #9b9b9b;
}
.wi-list-card__content-action.-disabled:hover {
  cursor: default;
  color: #9b9b9b;
  text-decoration: none;
}
.wi-list-card__content-action.-disabled:focus-visible {
  background-color: #3697DB;
}
.wi-list-card__content-action.-disabled:focus-visible path {
  fill: #9b9b9b !important;
}
@media (max-width: 601px) {
  .wi-list-card__content-action {
    display: flex;
  }
}
@media (max-width: 601px) {
  .wi-list-card__content-action-text {
    display: none;
  }
}
.wi-list-card__content-action-icon {
  height: 22px;
  width: 22px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: 1px solid transparent;
  align-items: center;
  display: none;
}
.wi-list-card__content-action-icon svg {
  margin: 0 auto;
}
.wi-list-card__content-action-icon:hover {
  background-color: rgba(186, 186, 186, 0.25);
  border-radius: 100%;
  border: 1px solid #d8d8d8;
}
.wi-list-card__content-action-icon.-disabled {
  cursor: default;
  opacity: 0.5;
}
.wi-list-card__content-action-icon.-disabled:hover {
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
}
@media (max-width: 601px) {
  .wi-list-card__content-action-icon {
    display: inline-flex;
  }
}
.wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child {
  margin: 0 0 0 14px;
}
.wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child::before {
  content: " \2022 ";
  color: #717171;
  display: block;
  position: absolute;
  left: -9px;
}
@media (max-width: 601px) {
  .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child:first-child {
    margin: 0;
  }
  .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child:first-child::before {
    content: "";
    padding: 0;
    display: none;
  }
}
.wi-asset-list-menu__items {
  /* menu override from media to always be icons */
}
.wi-asset-list-menu__items .wi-list-card__content-actions.--trans .wi-list-card__content-action-wrapper:first-child::before,
.wi-asset-list-menu__items .wi-list-card__content-action-wrapper::before {
  content: "";
  padding: 0;
  display: none;
}
.wi-asset-list-menu__items .wi-list-card__content-action-text {
  display: none;
}
.wi-asset-list-menu__items .wi-list-card__content-action-icon {
  display: inline-flex;
}
.wi-list-card__icon {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px;
}
.wi-list-card__icon svg {
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0.5;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
.wi-secondary-info {
  color: #717171;
  font-size: 13px;
  line-height: 18px;
}
.wi-secondary-info--complex {
  display: block;
}
.wi-secondary-info--complex div {
  display: inline;
}
.wi-secondary-info--separator:before {
  content: " \2022 ";
  padding: 0;
}
.wi-secondary-info__item--action:before {
  margin-right: 5px;
}
.wi-secondary-info__item--action .wi-secondary-info__text {
  margin-left: -5px;
  color: #147bc2;
  cursor: pointer;
  padding: 0 5px 0 5px;
  border-radius: 3px;
  display: inline-block;
}
.wi-secondary-info__item--action .wi-secondary-info__text:hover {
  color: white;
  background-color: #3697db;
}
.wi-secondary-info__item--highlighted-date .wi-secondary-info__text {
  color: #f00;
}

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.safari-native-tooltip-fix::after {
  content: '';
  display: block;
}
.xd-feed-fields-list {
  position: relative;
}
.xd-feed-fields-list__item {
  padding: 4px 0 0;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
@media (min-width: 500px) {
  .xd-feed-fields-list__item {
    width: 50%;
    padding-right: 21px;
  }
}
@media (min-width: 680px) {
  .xd-feed-fields-list__item {
    width: 33.33%;
  }
}
@media (min-width: 870px) {
  .xd-feed-fields-list__item {
    width: 25%;
  }
}
.xd-feed-fields-list__title {
  font-size: 13px;
  color: #717171;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
.xd-feed-fields-list__data {
  font-size: 14px;
  color: #3D3D3D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 22px;
}
.xd-feed-fields-list__data::after {
  content: '';
  display: block;
}

/* This comment will be in result CSS */
/* Custom */
.wi-alertdialog--main-app {
  background-color: #3697db;
  color: white;
  font-family: var(--em360-font-family);
  line-height: 1.45;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  margin: 0 auto;
  border-radius: 0 0 3px 3px;
  padding: 12px 65px 0px 65px;
  z-index: 10000;
  position: fixed;
  width: 800px;
  top: 0;
  left: 50%;
  right: unset;
  margin-left: -400px;
  overflow: auto;
  max-height: 100%;
}
.wi-alertdialog--main-app .wi-alertdialog__title {
  font-size: 18px;
  margin-bottom: 19px;
}
.wi-alertdialog--main-app .wi-alertdialog__content {
  font-size: 15px;
  margin-bottom: 34px;
  white-space: pre-wrap;
}
.wi-alertdialog--main-app .wi-alertdialog__actions {
  font-size: 14px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wi-alertdialog--main-app .wi-alertdialog__action {
  margin-right: 0px;
  cursor: pointer;
  margin-bottom: 25px;
}
@media (min-width: 700px) {
  .wi-alertdialog--main-app .wi-alertdialog__title {
    margin-bottom: 22px;
  }
  .wi-alertdialog--main-app .wi-alertdialog__content {
    font-size: 16px;
    margin-bottom: 26px;
  }
  .wi-alertdialog--main-app .wi-alertdialog__actions {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .wi-alertdialog--main-app .wi-alertdialog__action {
    margin-right: 27px;
  }
}
@media (max-width: 800px) {
  .wi-alertdialog--main-app {
    left: unset;
    margin: 0;
    width: 100%;
    margin: inherit;
    left: inherit;
  }
}
.wi-alertdialog--main-app.-open {
  transform: translateY(0%);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-alertdialog--api-framework-confirm {
  position: fixed;
  left: 50%;
  top: 30%;
  right: unset;
  width: 650px;
  margin-left: -325px;
  align-items: stretch;
  background-color: white;
  border-width: 0px;
  border-color: #666666;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px;
  color: black;
  font-family: var(--em360-font-family);
  line-height: 1.45;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  z-index: 10000;
}
@media (max-width: 876px) {
  .wi-alertdialog--api-framework-confirm {
    width: 500px;
    margin-left: -250px;
  }
}
@media (max-width: 525px) {
  .wi-alertdialog--api-framework-confirm {
    width: calc(100% - 20px);
    top: 10px;
    margin-left: -10px;
    left: 20px;
  }
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__title {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 25px;
  min-width: 1px;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__content {
  font-size: 16px;
  margin-bottom: 34px;
  white-space: pre-wrap;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__actions {
  font-size: 14px;
  text-transform: uppercase;
  gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  align-self: flex-end;
  padding-bottom: 0px;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__action {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  background: transparent;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__action.-affirmative {
  color: white;
  background-color: #3697db;
  border-width: 2px;
  border-color: #3697db;
  border-style: solid;
  padding: 1px 10px 0px;
  font-weight: bold;
  height: 34px;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__action.-negative {
  color: #3697db;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  height: 34px;
}
.wi-alertdialog--api-framework-confirm .wi-alertdialog__action:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.data-inputs-fields-list__item {
  padding: 11px 20px 7px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  min-height: 47px;
  opacity: 1;
}
.data-inputs-fields-list__item.ng-hide-add,
.data-inputs-fields-list__item.ng-hide-remove {
  -webkit-transition: opacity ease-in-out .5s;
  -moz-transition: opacity ease-in-out .5s;
  -ms-transition: opacity ease-in-out .5s;
  -o-transition: opacity ease-in-out .5s;
  transition: opacity ease-in-out .5s;
}
.data-inputs-fields-list__item.ng-hide {
  opacity: 0;
}
.data-inputs-fields-list__item.ui-x-clickable * {
  cursor: pointer;
}
.data-inputs-fields-list__item:hover {
  background-color: #f5f5f5;
}
.data-inputs-fields-list__item.ui-x-invalid .ui-x-validationbar {
  display: block;
  width: 3px;
  height: auto;
  top: -1px;
  bottom: 0;
}
.data-inputs-fields-list__item .ui-x-inputContainer {
  margin-top: -4px;
}
.data-inputs-fields-list__item input {
  font-size: 14px;
  color: #4997dc;
  padding: 1px 0;
}
.data-inputs-fields-list__item:focus-within {
  outline: 2px solid var(--engage-focus-color);
  outline-offset: var(--engage-tiles-focus-offset);
}
.data-inputs-fields-list__item:has(.data-inputs-fields-list__item-buttons:focus-within) {
  outline: 0;
}
.data-inputs-fields-list__item-buttons {
  height: 45px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10.5px;
  box-sizing: border-box;
}
.data-inputs-fields-list__item-buttons.data-inputs-fields-list__item-button--textarea {
  top: 0px;
}
.data-inputs-fields-list__item-button {
  float: left;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: var(--engage-focusable-element-border-radius);
}
.data-inputs-fields-list__item-button:hover {
  opacity: 1;
}
.data-inputs-fields-list__item-button:focus-within {
  outline: 2px solid var(--engage-focus-color);
}
.data-inputs-fields-list__item-button--disabled {
  opacity: 0.2;
  cursor: default;
}
.data-inputs-fields-list__item-button--disabled:hover {
  opacity: 0.3;
}
.data-inputs-fields-list__accessibility-workaround {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
:root {
  --em360-line-size-sm: 1px;
  --em360-line-size-md: 2px;
  --em360-radius-sharp: 0;
  --em360-radius-sm: 0.5rem;
  --em360-gray-200: #ced4da;
  --spacing-x-sm: 0.5rem;
  --spacing-sm: 1rem;
}
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
:root {
  --em360-border-radius-full: 9999px;
  --em360-border-width: var(--em360-line-size-sm);
  --em360-border-radius: var(--em360-radius-sm);
  --em360-border-drop-area: var(--em360-line-size-md) dashed var(--em360-gray-200);
  --em360-input-padding: var(--spacing-x-sm) var(--spacing-sm);
  --em360-header-padding: var(--em360-content-padding-horizontal) var(--em360-content-padding-vertical);
  --em360-content-padding-vertical: 15px;
  --em360-content-padding-horizontal: 25px;
  --em360-content-gap: 20px;
  --form-gap: 1.5625rem;
  --form-gap--horizontal: 1.5625rem;
  --em360-icon-size: 1.5rem;
}
@media (min-width: 1025px) {
  :root {
    --em360-content-padding-vertical: 30px;
  }
}
:root {
  --em360-font-family: "Roboto-embed";
  --color-text: #212529;
  --color-border: #d8d8d8;
  --color-background: #fff;
  /* chose a neutral color to replace blue, eventually we will want this to be client themed */
  --primary-accent-color: #343a40;
  --border-radius-lg: 10px;
  --border-radius-md: 8px;
  --space-30: 30px;
  --space-25: 25px;
  --space-15: 15px;
  --space-10: 10px;
  --space-5: 5px;
  --line-height-normal: 1.5;
  --font-size-heading-3: 1rem;
  --font-size-body: 0.875rem;
  --font-size-small: 0.75rem;
  --font-size-xs: 0.625rem;
  --font-weight-bold: 700;
  --font-weight-semibold: 500;
  --font-weight-normal: 400;
  --outline-offset: 2px;
  --outline-offset-inner: -4px;
  --outline-border-radius: 3px;
  --outline-width: 2px;
  --outline-width-inner: 2px;
  --outline-color: #1971c2;
  --outline-color-inner-light: #ffffff;
  --outline-color-old-part: #3697db;
  --border-radius--menu-header-item: 5px;
  --outline-width--menu-header-item: 2px;
  --outline-color--menu-header-item: #ffffff;
  --outline-offset--menu-header-item: -2px;
  --focus-color: #1971c2;
  --engage-focusable-element-border-radius: 5px;
  --engage-icon-color: white;
  --engage-focus-color: #3697db;
  --engage-tiles-focus-offset: -2px;
  --engage-icon-focus-color: var(--engage-icon-color);
  --engage-header-button-size: 2.8125rem;
  --engage-aria-disabled-opacity: 0.5;
  --header-h1-size: 1.5em;
  --header-h2-size: 1.17em;
  --header-h3-size: 1em;
  --header-h4-size: 0.83em;
  --header-h5-size: 0.67em;
  --header-h6-size: 0.53em;
}
:root {
  --widget-padding: var(--space-25);
  --widget-gap: var(--space-25);
  --widget-color-backgrond: var(--color-background);
  --widget-color-border: var(--color-border);
  --widget-border-radius: var(--border-radius-md);
  --widget-font-size: var(--font-size-body);
  --widget-primary-column-max-width: 20rem;
}
@media (max-width: 767px) {
  :root {
    --widget-padding: var(--space-15);
    --widget-gap: var(--space-15);
  }
}
:root {
  --form-field-gap--composite: 0.625rem;
  --em360-font-size--fieldset-description: 0.875rem;
}
.wi-background-color--white {
  background: white;
}
.wi-option-dropdown__container {
  width: auto;
  white-space: nowrap;
}
.wi-option-dropdown__list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 5px 0 5px 0;
}
button.wi-option-dropdown__list-item {
  border: none;
  background-color: transparent;
  align-items: center;
}
.wi-option-dropdown__list-item {
  margin: 0;
  padding: 0 40px 0 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-option-dropdown__list-item:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.wi-option-dropdown__list-item-icon {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 11px;
  margin: 0 10px 0 0;
}
.wi-option-dropdown__list-item-text {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ui-x-left-menu-options {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  transform: none;
}
.wi-dialog {
  /*do not add z-index etc. need not to form stacking context*/
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  box-sizing: content-box;
}
.wi-dialog .ngdialog-content {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wi-dialog .ngdialog-overlay {
  display: none;
}
.wi-ios-body-scroll-lock {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
.wi-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wi-app-loader__skeleton-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#popup-portal {
  z-index: 100500;
  position: relative;
}
.wi-aux-wrapper {
  display: contents;
}

/* This comment will be in result CSS */
/* Custom */
@-webkit-keyframes launch-glistening {
  100% {
    transform: translateX(100%);
  }
}
@keyframes launch-glistening {
  100% {
    transform: translateX(100%);
  }
}
.wi-skeleton {
  border-radius: 5px;
  background-color: #F3F5F7;
  position: relative;
  color: transparent;
  min-height: 24px;
  overflow: hidden;
}
.wi-skeleton:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  -webkit-animation: launch-glistening 2s infinite;
  animation: launch-glistening 2s infinite;
}

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
  /* HORRIBLE - but the filesyncstyles dont apply to the iframe itself and atm our own styles  dont cascade with theirs. */
  iframe.kloudless-modal,
  iframe.kloudless-modal-dropzone {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.wi-template-filter-wrapper {
  background-color: #e8e8e8;
}
.wi-template-filter-wrapper__content {
  margin: 0 16px;
}
.wi-template-filter-wrapper__fade-out-element {
  background: linear-gradient(to right, #e8e8e8, rgba(232, 232, 232, 0));
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.multi-button {
  display: flex;
  border-radius: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.multi-button__main-button-wrapper {
  /*background-color: white;
		border-radius: @border-radius 0 0 @border-radius;*/
  z-index: 2;
  position: relative;
}
.multi-button__main-button {
  cursor: default;
  position: relative;
}
.multi-button__main-button-background-holder {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: white;
  width: 50%;
}
.multi-button__item.-not-selected {
  opacity: 0.5;
}
.multi-button--has-selected-items .multi-button__main-button-background-holder {
  opacity: 0.5;
}
.multi-button--has-selected-items .multi-button__main-button-background-holder.-first-item-selected {
  opacity: 1;
}

.template-filter {
  display: flex;
  padding: 15px 10px;
}
.template-filter__role-button {
  margin-right: 10px;
}
.template-filter__statuses {
  margin-right: 10px;
}
.template-filter .wi-template-filter__item {
  margin-right: 10px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.feed-card-menu__preview-card {
  display: block;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  background-color: white;
  width: 273px;
}
.feed-card-menu__preview-card .wi-card__footer-image,
.feed-card-menu__preview-card .wi-card__thumbnail-image {
  background-color: #cfcfcf;
}

.wi-tabular-fields-menu__preview {
  width: 325px;
  pointer-events: none;
}

/* This comment will be in result CSS */
/* Custom */
.wi-right-menu-input-action-select-button__styling {
  width: 47px;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  position: relative;
  min-height: 65px;
}
.wi-right-menu-input-action-select-button__styling-element--vertical1 {
  width: 1px;
  position: absolute;
  background-color: #666;
  top: 0;
  height: 21px;
  left: 22px;
}
.wi-right-menu-input-action-select-button__styling-element--vertical2 {
  position: absolute;
  width: 1px;
  background-color: #666;
  left: 22px;
  top: 21px;
  bottom: 0;
}
.wi-right-menu-input-action-select-button__styling-element--horizontal {
  position: absolute;
  height: 1px;
  background-color: #666;
  left: 22px;
  width: 18px;
  top: 21px;
}
.wi-right-menu-input-action-select-button__styling-element-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 14px;
  right: -11px;
}

.wi-rule-builder__item-button {
  margin-right: 9px;
}
.wi-rule-builder__item-button svg {
  width: 26px;
  height: 26px;
  padding: 10px;
}
.wi-rule-builder__condition:last-child wi-right-menu-input-action-select-button:last-child .wi-right-menu-input-action-select-button__styling-element--vertical2 {
  display: none;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-right-menu-frame__content.conditional-layout-menu {
  background-color: #f1f1f1;
}
.wi-right-menu-frame__content.conditional-layout-menu right-menu-title {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wi-right-menu-frame__content.conditional-layout-menu__crumbs {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* This comment will be in result CSS */
/* Custom */
.wi-notification-rule-content-menu__content-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wi-notification-rule-content-menu__textarea {
  margin: 0px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  padding: 18px;
  font-size: 17px;
  line-height: 26px;
}
.wi-notification-rule-content-menu__input {
  border: none;
  padding: 18px;
  width: 100%;
  height: 61px;
  font-size: 17px;
  line-height: 26px;
  box-sizing: border-box;
  background-color: transparent;
  border-bottom: 1px solid #d4d4d4;
}

/* This comment will be in result CSS */
/* Custom */
.header-bar-info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  height: 55px;
  box-sizing: border-box;
}
.header-bar-info__main-info {
  width: 24px;
  height: 24px;
  margin-left: 21px;
  flex: 0 0 auto;
  margin-right: 8px;
}

/* This comment will be in result CSS */
/* Custom */
.wi-info-buttons-react {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1px 12px;
  gap: 8px;
}
.wi-info-buttons-react.-scrollable {
  gap: none;
}
.wi-info-buttons-react .wi-info-buttons-react__scrollable-fix-padding {
  display: flex;
  gap: 8px;
}
.wi-info-buttons-react--menu-bar {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0px;
  border-bottom: 1px solid #d4d4d4;
  background-color: #e8e8e8;
  height: 55px;
  box-sizing: border-box;
}
.wi-info-buttons-react--menu-bar .wi-info-buttons-react__scrollable-fix-padding {
  padding: 1px 12px;
}

/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.wi-app {
  position: relative;
  /*z-index: 1;*/
}
.wi-app__container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.wi-app__leftbar-and-main {
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  z-index: 0;
}
.wi-app__main {
  display: flex;
  flex-grow: 1;
  min-width: 1px;
  flex-direction: column;
}
@media (min-width: 601px) {
  .wi-app__main {
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-radius: 10px 0 0 0;
    overflow: hidden;
  }
}
@media (min-width: 1025px) {
  /* @screen-desktop-navigation-min */
  .wi-app__main {
    flex-direction: row;
  }
}
.wi-app__above-view {
  position: relative;
  z-index: 1;
}
.wi-app__main-view {
  position: relative;
  z-index: 0;
}
.wi-app__scrollable-container {
  overflow-y: scroll;
  /*overflow-x: hidden;
	height: 100vh;
	flex: 1 1 auto;*/
  flex: 1 1 auto;
  position: relative;
  z-index: 0;
}
.wi-app__scrollable-container.noScroll {
  overflow-y: hidden;
}

/* ----------------------------------
   RESPONSIVE LAYOUTS
   ---------------------------------- */
/*   card: 275px fixed + 10px margin minimum + feed right hand margin

/*   1col: 295 (275 + 10 + 10 )
/*   1col: 295 (275 + 15 + 15 ) *wide margin*
/*   2col: 580 (275 + 10 * 2 + 10 )
/*   2col: 610 (275 + 20 * 2 + 20 ) *wide margin*
/*   3col: 865 (275 + 10 * 2 + 10 )
/*   3col: 865 (275 + 20 * 2 + 20 ) *wide margin*
/* ---------------------------------- */
@viewport {
  zoom: 1;
  width: extend-to-zoom;
}
@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1;
}
/* catch all for anything below default content width (1188) + padding */
@media (max-width: 1200px) {
  /* header margins */
  .ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner {
    padding: 20px 18px 15px 27px;
  }
  .ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner.ui-x-hideTitle {
    padding: 8px 18px 8px 27px;
  }
  .ui-x-responsive .ui-x-content-container {
    margin: 0 auto;
    width: calc(100% - 40px);
  }
}
/* catchall for phones */
@media (max-width: 320px) {
  .ui-x-responsive .ui-x-content-container {
    margin: 0 auto;
    width: 310px;
  }
  /* accordion specific */
  .ui-x-responsive .ui-x-accordion {
    padding: 20px 0;
  }
  /*  widgets general */
  .ui-x-responsive .ui-x-widget-optionsList span {
    display: block;
  }
  /* tag explorer tag width*/
  .ui-x-responsive .ui-x-tag-explorer-summ-tag {
    width: 100%;
  }
  .ui-x-responsive .ui-x-embed-overlay-content {
    padding: 0;
  }
  .ui-x-responsive .ui-x-embed-overlay-header-options {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-simpleListMenu-container,
  .ui-x-responsive .ui-x-comments-container,
  .ui-x-responsive .ui-x-share-container,
  .ui-x-responsive .ui-x-manageContent-container,
  .ui-x-responsive .ui-x-collections-container,
  .ui-x-responsive .ui-x-createData-container,
  .ui-x-responsive .ui-x-partnerAccess-container,
  .ui-x-responsive .ui-x-partnerOnboard-container,
  .ui-x-responsive .ui-x-notifications-container {
    width: 100%;
  }
}
/* ---------------------------------- */
/* HEADER SPECIFIC WIDTHS */
/* ---------------------------------- */
/* ---------DISPLAY MODE 3/4--------- */
/* ---------------------------------- */
/* INCLUSIVE PHABLET VIEW STYLING - up to ipad(?) */
@media (max-width: 719px) {
  /* 2 columns @ 273px card width */
  /* login */
  .ui-x-login-card {
    /*width: auto;*/
    max-width: 273px;
    /*max-height: 505px;*/
  }
  .ui-x-login-card-error {
    height: 150px;
    padding-top: 22px;
  }
  .ui-x-login-card-content input.ui-x-login-card-button {
    position: static;
  }
  /* alerts / msgs */
  .ui-x-responsive .ui-x-msg-box {
    width: 74%;
    margin-left: -37%;
    font-size: 96%;
  }
  .ui-x-responsive .ui-x-msg-header {
    height: 75px;
  }
  .ui-x-responsive .ui-x-msg-box-title {
    min-width: 0;
    padding: 0 7%;
    font-size: 95%;
  }
  .ui-x-responsive .ui-x-system-action-modal .ui-x-msg-box-title {
    padding: 0;
  }
  .ui-x-responsive .ui-x-msg-box-close {
    right: 7%;
    margin-right: -12px;
  }
  .ui-x-responsive .ui-x-msg-box-content {
    padding: 0 7% 5%;
  }
  .ui-x-responsive .ui-x-msg-box-buttons {
    font-size: 95%;
  }
  .ui-x-responsive .ui-x-msg-box-buttons div {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
  }
  .ui-x-responsive .ui-x-msg-btn-cancel {
    margin-bottom: 10px;
  }
  .ui-x-responsive .ui-x-msg-btn-delete {
    height: auto;
  }
  /* mobile only */
  /* header bar changes */
  .ui-x-responsive .ui-x-header-bar-options ul li a {
    display: block;
    position: relative;
  }
  .ui-x-responsive .ui-x-menu-options {
    height: 100%;
    /*height: 100vh;*/
    top: 0;
  }
  /* header > title */
  .ui-x-responsive .ui-x-header-title {
    width: calc(100% - 50px);
    /*width: auto;*/
    /*margin-bottom: 5px;*/
  }
  .ui-x-responsive .ui-x-header-title-container {
    /*padding:0 13px;*/
    /*background-color: rgba(158, 158, 158, 0.2);*/
    /*min-width: 107px;*/
    min-height: inherit;
    float: none;
    /*width: 100%;*/
    margin: 0;
  }
  .ui-x-responsive .ui-x-title-title-container {
    max-width: 100%;
    float: none;
  }
  .ui-x-responsive .ui-x-datapanel-header-preview .ui-x-title-title {
    max-width: 245px;
  }
  .ui-x-responsive .ui-x-title-titleSm {
    line-height: normal;
    margin: 0 auto;
    padding: 0;
    width: 85%;
  }
  .ui-x-responsive .ui-x-title-titleSm p {
    display: table-cell;
    font-size: 100%;
    font-weight: 400;
    height: auto;
    line-height: 1.2;
    vertical-align: middle;
    padding: 0 !important;
  }
  /* header > content */
  .ui-x-responsive .ui-x-header-content-fixed {
    max-width: 100%;
    /*width: 100%;
        padding: 0;*/
  }
  .ui-x-responsive .ui-x-content-loc1 {
    float: right;
  }
  .ui-x-responsive .ui-x-content-loc2 {
    float: left;
  }
  .ui-x-responsive .ui-x-content-loc3 {
    float: right;
  }
  /* header > options */
  .ui-x-responsive .ui-x-header-optionsbar {
    width: calc(100% - 50px);
    /*background-color: transparent;
        height: auto;
		width: 100%;*/
  }
  .ui-x-responsive .ui-x-title-banner-content-thumb .ui-x-header-optionsbar {
    width: inherit;
  }
  .ui-x-responsive .ui-x-widget-forms-title-banner .ui-x-title-banner-content-thumb {
    margin: 0 auto;
    float: none;
  }
  .ui-x-responsive .ui-x-widget-forms-title-banner .ui-x-header-optionsbar .ui-x-header-options {
    float: none;
    margin: 0;
  }
  .ui-x-responsive .ui-x-header-options ul li {
    display: inline-block;
    float: none;
  }
  .ui-x-responsive .ui-x-header-options ul li a:hover {
    background-color: transparent;
  }
  .ui-x-responsive .ui-x-header-options .ui-x-subscribe-icn {
    background-position: 0 -1055px;
  }
  .ui-x-responsive .ui-x-menu-options.ui-x-right-menu-options ul {
    overflow: hidden;
    height: auto;
    background-color: transparent;
  }
  .ui-x-responsive .ui-x-menu-scroll-inner {
    overflow-y: auto;
    /*height: 100%;
		height: 100vh;*/
  }
  /* content */
  .ui-x-responsive .ui-x-content-container {
    width: 95%;
    padding: 20px 0;
  }
  .ui-x-responsive .ui-x-content-container-view {
    /*padding:0.75%;
         width: 98.5%;*/
    padding: 0;
    width: 100%;
  }
  .ui-x-responsive .ui-x-asset-content {
    border: medium none;
    width: 100%;
  }
  .ui-x-responsive .ui-x-content-container-inner {
    /*padding: 35px 0 0;*/
    width: calc(100% - 50px);
  }
  .ui-x-responsive .ui-x-related-content-container {
    width: calc(100% - 50px);
  }
  .ui-x-content-container-authorDetails,
  .ui-x-responsive .ui-x-asset-content-tags {
    width: calc(100% - 50px);
  }
  .ui-x-responsive .ui-x-datapanel-header h3 {
    font-size: 18px;
  }
  .ui-x-responsive .ui-x-datapanel-options > div {
    margin-top: 3px;
  }
  /*.ui-x-responsive .ui-x-content-subtitle {
        margin-left: 2px;
        margin-right: 2px;
    }*/
  /* status bar*/
  .ui-x-responsive .ui-x-status-bar {
    margin-bottom: 0;
    /*1%*/
  }
  .ui-x-responsive .ui-x-status-bar-message {
    font-size: 88%;
    line-height: normal;
    margin: 0 auto;
    width: 86%;
    float: none;
  }
  /* accordion specific */
  .ui-x-responsive .ui-x-accordion {
    padding: 3% 0;
  }
  .ui-x-responsive .ui-x-accordion-title,
  .ui-x-responsive .ui-x-accordion-detail {
    font-size: 133%;
    width: 90%;
  }
  .ui-x-responsive .ui-x-accordion-content-inner {
    width: 100%;
    margin: 0;
    position: relative;
  }
  .ui-x-responsive .ui-x-accordion-btn,
  .ui-x-responsive .ui-x-validationmsg {
    float: none;
  }
  .ui-x-responsive .ui-x-accordion-footer .ui-x-validationmsg {
    line-height: normal;
    min-height: inherit;
    padding: 10px 0;
    margin-right: 0;
  }
  /* widgets general */
  .ui-x-responsive .ui-x-widget-title,
  .ui-x-responsive .ui-x-widget-optionsList span,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer h2 {
    font-size: 133%;
  }
  .ui-x-responsive .ui-x-widget-title {
    text-align: left;
  }
  .ui-x-responsive .ui-x-widget-subTitle {
    font-size: 88%;
    text-align: left;
  }
  /* widgets text options*/
  .ui-x-responsive .ui-x-widget-forms-text-options {
    padding: 0 0 6%;
  }
  .ui-x-responsive .ui-x-widget-forms-text-options .ui-x-widget-title {
    padding: 0 0 2%;
    text-align: left;
  }
  .ui-x-responsive .ui-x-widget-optionsList.ui-x-grid {
    margin-top: 7.5%;
  }
  .ui-x-responsive .ui-x-widget-optionsList.ui-x-grid div {
    width: auto;
  }
  .ui-x-responsive .ui-x-widget-optionsList span {
    display: block;
    /*margin: 0 15px 1%;*/
    margin: 0 15px 4%;
    width: auto;
    float: none;
  }
  /* tag explorer widget */
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-cont {
    background: transparent;
    margin-bottom: 20px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer {
    width: 100%;
    padding: 0;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer h2 {
    padding-top: 30px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem {
    float: none;
    height: 55px;
    text-align: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    border-width: 0 0 1px 0;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem svg {
    position: absolute;
    top: -20px;
    left: -8px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem .ui-x-search-tick svg {
    position: static;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem svg.ui-x-tick {
    left: -3px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div {
    font-size: 100%;
    font-weight: 100;
    line-height: 55px;
    margin: 0 17px 0 65px;
    white-space: nowrap;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem .ui-x-tags-explorer-locked-msg,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem .ui-x-tags-explorer-required-msg,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem .ui-x-tags-explorer-unavailable-msg {
    bottom: 1px;
    font-size: 12px;
    height: 14px;
    left: 0;
    line-height: 12px;
    margin-left: 64px;
    position: absolute;
    top: auto;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem .ui-x-search-tick div {
    line-height: normal;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-widget-forms-tag-explorer-gridItem-icon,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-your-data-icon {
    width: 21px;
    height: 21px;
    margin: 17px 22px;
    padding: 0;
    position: absolute;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-widget-forms-tag-explorer-gridItem-icon svg,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-your-data-icon svg {
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-cont-single {
    min-height: inherit;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tag-explorer-tag-name {
    overflow: hidden;
    padding: 0;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem div.ui-x-tag-explorer-search {
    left: 0;
    position: static;
    top: 0;
  }
  .ui-x-responsive .ui-x-tag-explorer-search > div {
    background: none repeat scroll 0 0 #F1F1F1;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    margin: 0;
    padding: 0;
  }
  .ui-x-responsive .ui-x-tag-explorer-search div {
    margin: 0;
  }
  .ui-x-responsive .ui-x-tag-explorer-search .ui-x-autoComplete {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-width: 0 2px 0 0;
    box-shadow: none;
    height: 55px;
    line-height: 55px;
    /*margin-top: 5px;*/
  }
  .ui-x-responsive .ui-x-tag-explorer-search .ui-x-autoComplete input {
    width: 80%;
    margin: 0 10%;
    height: 55px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-noSel {
    width: 80%;
  }
  .ui-x-responsive .ui-x-autoComplete .ui-x-dark-close-icn {
    float: right;
    left: inherit;
    position: absolute;
    right: 17px;
    padding: 0;
    height: 21px;
    width: 21px;
    top: 17px;
  }
  .ui-x-responsive .ui-x-autoComplete .ui-x-dark-close-icn svg {
    height: 21px;
    left: 0;
    width: 21px;
  }
  .ui-x-responsive .ui-x-tag-explorer-search .ui-x-autoComplete .ui-x-autoComplete-overlay {
    width: 100%;
    /*margin: 0;
		padding: 3px 2%;*/
    top: 55px;
    left: 0;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-search svg {
    left: 6px;
    opacity: 1;
    top: 0;
  }
  .ui-x-autoComplete .ui-x-autoComplete-overlay svg.ui-x-tick {
    left: 0;
    position: relative;
    top: -5px;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem.ui-x-widget-forms-tag-explorer-nav {
    height: auto;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem.ui-x-widget-forms-tag-explorer-nav > div {
    float: none;
    height: 55px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .ui-x-responsive .ui-x-widget-forms-tag-explorer-gridItem.ui-x-widget-forms-tag-explorer-nav svg {
    width: 43px;
    height: 43px;
    top: 6px;
    left: 9px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-count {
    background-color: #EAEAEA;
    height: 58px;
    width: 100%;
    position: static;
    text-align: left;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-count .ui-x-tag-explorer-summ-title {
    float: left;
    margin: 0;
    padding: 8px 0 0 15px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-count > span {
    padding: 12px 25px 0 0;
    float: right;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-for-cont {
    left: 50%;
    position: absolute;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-for {
    left: -50%;
    position: relative;
    width: auto;
    text-align: center;
    font-size: 90%;
    height: auto;
    line-height: normal;
    top: 25px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-count span.ui-x-tag-explorer-summ-arrow {
    left: -50%;
    position: relative;
    padding: 0;
    border-left: 25px solid rgba(0, 0, 0, 0);
    border-top: 25px solid #EAEAEA;
    border-right: 25px solid rgba(0, 0, 0, 0);
    top: 84px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-list {
    margin: 0;
    min-height: inherit;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-item {
    border-left: medium none;
    float: none;
    position: relative;
    text-align: left;
    width: 100%;
    min-height: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F1F1;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-title {
    padding: 10px 15px 0;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-tag,
  .ui-x-responsive .ui-x-tag-explorer-secondary-tag {
    margin: 0 2% 10px;
    padding: 10px 2%;
    width: auto;
    float: none;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-tag-name,
  .ui-x-responsive .ui-x-tag-explorer-secondary-tag span.ui-x-tag-explorer-secondary-tag-name {
    display: table-cell;
    font-size: 80%;
    height: 25px;
    padding-right: 18px;
    vertical-align: middle;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-item-info {
    top: 13px;
    right: 13px;
    width: 21px;
    height: 21px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-remove {
    padding: 0;
    top: 9px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-and {
    left: 50%;
    margin-left: -21px;
    top: 19px;
    width: 42px;
    text-align: center;
    top: -15px;
    display: inline-block;
    font-size: 90%;
    position: absolute;
    min-height: 38px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-and span {
    font-size: 90%;
    background-color: #FAFAFA;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-row .ui-x-tag-first .ui-x-tag-explorer-summ-arrow-left {
    display: none;
  }
  /* invalid specific padding */
  .ui-x-responsive .ui-x-invalid .ui-x-widget-forms-tag-explorer {
    padding: 0;
  }
  .ui-x-responsive .ui-x-invalid .ui-x-widget-forms-tag-explorer-inner {
    margin: 0;
  }
  .ui-x-responsive .ui-x-invalid .ui-x-widget-forms-tag-explorer-summ {
    margin-bottom: 35px;
  }
  /* banner title widget */
  .ui-x-responsive .ui-x-title-mobile-subtitle .ui-x-countdown {
    font-size: 71.429%;
    line-height: 1em;
  }
  /* auto complete widget */
  .ui-x-responsive .ui-x-autoComplete-overlay li {
    line-height: normal;
    margin: 0;
    font-size: 88%;
  }
  .ui-x-responsive .ui-x-autoComplete-overlay li .ui-x-search-item-text {
    float: left;
    line-height: 22px;
    max-width: 74%;
    min-width: 10%;
    overflow: hidden;
    padding: 3px 0 3px 10px;
    /*white-space: pre-line;*/
  }
  /* grid form widget */
  .ui-x-responsive .ui-x-widget-forms-grid-form {
    width: 100%;
    padding: 0 0 35px;
  }
  .ui-x-responsive .ui-x-widget-forms-grid-form .ui-x-widget-grid-form-cont {
    background: none repeat scroll 0 0 transparent;
  }
  .ui-x-responsive .ui-x-widget-grid-form-gridItem {
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    border-width: 0 0 1px;
  }
  /* drop down menu - mobile */
  .ui-x-responsive .ui-x-header-options .ui-x-dropdown-container {
    top: 42px;
  }
  /* view content tags */
  .ui-x-responsive .ui-x-asset-content-options ul {
    margin-right: 15px;
  }
  .ui-x-responsive .ui-x-asset-content-tags ul {
    float: none;
  }
  .ui-x-responsive .ui-x-asset-content-tag-control a {
    color: #000000;
    font-weight: 400;
    cursor: pointer;
    display: block;
  }
  .ui-x-responsive .ui-x-asset-content-options ul li a:hover {
    background-color: transparent;
  }
  /* sphere explorer widget */
  .ui-x-responsive .ui-x-expandable-grid-list {
    background: transparent;
    margin-bottom: 20px;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem {
    float: none;
    height: 55px;
    text-align: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    border-width: 0 0 1px 0;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem .ui-x-expandable-grid-list-gridItem-icon {
    height: 21px;
    left: 20px;
    position: absolute;
    top: 6px;
    width: 21px;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem div {
    font-size: 100%;
    font-weight: 100;
    line-height: 55px;
    margin: 0;
    white-space: nowrap;
    text-align: left;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem div.ui-x-expandable-grid-list-gridItem-title {
    overflow: hidden;
    padding: 0;
    margin: 0 17px 0 65px;
  }
  /* mobile specific */
  /* sphere warning changes*/
  .ui-x-responsive .ui-x-gridItem-splitter {
    display: none;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem.ui-x-warning {
    height: auto;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem.ui-x-warning div {
    line-height: normal;
  }
  .ui-x-responsive .ui-x-expandable-grid-list-gridItem.ui-x-warning div.ui-x-warning-btn {
    line-height: 34px;
  }
  .ui-x-responsive .ui-x-embed-overlay-content {
    padding: 0;
  }
  .ui-x-responsive .ui-x-embed-overlay-header-options {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-collaborator-menu-collaborator-collection ul li:hover,
  .ui-x-responsive .ui-x-collaborators-menu-selected-overlay .ui-x-collaborator-menu-item:hover,
  .ui-x-responsive .ui-x-collaborator-menu-item:hover {
    background-color: transparent;
  }
  .ui-x-responsive .ui-x-collaborator-menu-collaborator-collection .ui-x-collaborator-menu-item-content {
    width: 55%;
  }
  /* listing view options */
  .ui-x-feed-item-container.ui-x-mobile-mini {
    min-height: 45px;
  }
  .ui-x-responsive .ui-x-mobile-mini .ui-x-feed-item-subtitle {
    font-size: 13px;
  }
  .ui-x-responsive .ui-x-mobile-mini .ui-x-mini-toggle,
  .ui-x-responsive .ui-x-mobile-mini .ui-x-overlay-button {
    right: 15px;
  }
  .ui-x-mobile-mini .ui-x-feed-item-content-right h3 {
    font-size: 15px;
    margin: 0;
  }
  .ui-x-responsive .ui-x-feed-resp.ui-x-crumb-margin .ui-x-feed-container-outer-outer {
    margin-top: 5px;
  }
}
/* ---------------------------------- */
/* --------- DISPLAY MODE 4 --------- */
/* ---------------------------------- */
@media (max-width: 450px) {
  /* header bar */
  .ui-x-header-bar-menu {
    left: 1px;
  }
  .ui-x-touch .ui-x-header-bar-menu {
    left: 5px;
  }
  .ui-x-header-bar-menu.ui-x-fullWidthMode {
    /* results page only */
    left: 11px;
  }
  .ui-x-touch .ui-x-header-bar-menu.ui-x-fullWidthMode {
    left: 10px;
  }
  .ui-x-header-bar .ui-x-header-bar-options {
    right: 11px;
  }
  /* scrolled header bar - TOUCH OVERRIDES DUE TO 17PX DIFFERENCE  */
  .ui-x-header-bar.ui-x-scrolled div.ui-x-addEdit-close {
    left: 25px;
  }
  .ui-x-responsive.ui-x-touch .ui-x-header-bar.ui-x-scrolled div.ui-x-addEdit-close {
    left: 8px;
  }
  .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu {
    left: 0;
  }
  .ui-x-responsive.ui-x-touch .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu {
    left: 0;
  }
  .ui-x-responsive .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu.ui-x-fullWidthMode {
    left: 8px;
  }
  .ui-x-responsive.ui-x-touch .ui-x-header-bar.ui-x-scrolled .ui-x-header-bar-menu.ui-x-fullWidthMode {
    left: 10px;
  }
  .ui-x-responsive .ui-x-header-bar .ui-x-header-bar-options {
    right: 8px;
  }
  .ui-x-responsive .ui-x-header-bar .ui-x-header-bar-title {
    left: 70px;
  }
  .ui-x-responsive.ui-x-touch .ui-x-header-bar .ui-x-header-bar-title {
    left: 45px;
  }
  .ui-x-responsive.ui-x-touch .ui-x-header-bar .ui-x-header-bar-title.ui-x-noHeader {
    left: 53px;
  }
  /* feed header */
  .ui-x-header-content.ui-x-header-content-fluid .ui-x-header-content-inner {
    padding: 20px 11px 15px 12px;
  }
  .ui-x-crumbtrail-list {
    margin: 0 12px;
  }
  /* article header */
  .ui-x-responsive .ui-x-header-optionsbar,
  .ui-x-responsive .ui-x-header-title {
    width: calc(100% - 40px);
  }
  /* article content */
  .ui-x-responsive .ui-x-content-container-inner {
    padding: 23px 0 0;
    width: calc(100% - 40px);
  }
  .ui-x-responsive .ui-x-content-container-inner.--topics {
    padding: 0;
    /* #22708 */
  }
  .ui-x-responsive .ui-x-related-content-container,
  .ui-x-content-container-authorDetails,
  .ui-x-responsive .ui-x-asset-content-tags {
    width: calc(100% - 40px);
  }
}
/* ---------------------------------- */
/* ----------DISPLAY MODE 2---------- */
/* ---------------------------------- */
/* TABTOP VIEW WIDTHS */
/* 3 columns @ 273px card width */
@media (min-width: 720px) and (max-width: 899px) {
  .ui-x-responsive .ui-x-title-title-container {
    max-width: 560px;
  }
  .ui-x-responsive .ui-x-datapanel-header-preview .ui-x-title-title {
    font-size: 16px;
  }
  /* header > content */
  .ui-x-responsive .ui-x-content-loc1 {
    float: right;
  }
  .ui-x-responsive .ui-x-content-loc2 {
    float: left;
  }
  .ui-x-responsive .ui-x-content-loc3 {
    float: right;
  }
  /* header > options */
  .ui-x-responsive .ui-x-header-options ul {
    float: right;
  }
  /* content */
  .ui-x-responsive .ui-x-content-container {
    width: 95%;
    padding: 20px 0;
  }
  /* accordion specific */
  .ui-x-responsive .ui-x-accordion-title,
  .ui-x-responsive .ui-x-accordion-detail {
    font-size: 133%;
  }
  .ui-x-responsive .ui-x-accordion-content-inner {
    width: 100%;
  }
  /* widgets general */
  .ui-x-responsive .ui-x-widget-title,
  .ui-x-responsive .ui-x-widget-optionsList span {
    font-size: 133%;
  }
  .ui-x-responsive .ui-x-widget-subTitle {
    font-size: 88%;
  }
  /* widgets - text options */
  .ui-x-widget-optionsList.ui-x-grid div {
    width: 540px;
  }
  .ui-x-widget-optionsList.ui-x-grid span {
    width: 150px;
  }
  /* status bar*/
  .ui-x-responsive .ui-x-status-bar-message {
    font-size: 100%;
    line-height: normal;
    /*width: 63%;*/
  }
}
@media (min-width: 880px) and (max-width: 999px) {
  /* iphone 4s landscape / HTC */
}
/* Portrait phones */
@media (max-width: 567px) {
  /* -------- FEED --------*/
  .ui-x-responsive .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 9px;
    margin-right: 9px;
  }
  .ui-x-responsive .ui-x-feed-item {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 0;
    margin-right: 9px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-item {
    margin-left: 0;
    margin-right: 10px;
  }
  .ui-x-responsive .ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-item {
    margin: 0 0 5px 0;
  }
  /*.ui-x-filter-open .ui-x-feed-filters {
		margin-right:10px;
	}*/
  .ui-x-responsive .ui-x-feed-container-outer {
    margin-right: 10px;
  }
  .ui-x-responsive .ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-feed-resp.ui-x-crumb-margin .ui-x-feed-container-outer-outer {
    margin-top: 5px;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
    margin-top: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item {
    margin-left: 4px;
    margin-bottom: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-container-outer {
    margin-right: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item-container h3 {
    max-height: 116px;
  }
  .ui-x-page-info {
    font-size: 140%;
    padding: 30px 5%;
    margin: 0;
  }
}
/* landscape iPhone */
@media (min-width: 568px) and (max-width: 594px) {
  /* -------- FEED --------*/
  .ui-x-responsive .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 9px;
    margin-right: 9px;
  }
  .ui-x-responsive .ui-x-feed-item {
    margin-left: 10px;
    margin-bottom: 8px;
  }
  .ui-x-responsive .ui-x-feed-item.ui-x-mobile-mini {
    margin-bottom: 5px;
  }
  .ui-x-responsive .ui-x-feed-container-outer-outer {
    margin-top: 10px;
  }
  .ui-x-responsive .ui-x-feed-resp.ui-x-crumb-margin .ui-x-feed-container-outer-outer {
    margin-top: 5px;
  }
  .ui-x-responsive .ui-x-feed-container-outer {
    margin-right: 10px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer-outer {
    margin-top: 20px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 0;
    margin-right: 9px;
  }
  .ui-x-responsive .ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
    margin-top: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item {
    margin-left: 4px;
    margin-bottom: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-container-outer {
    margin-right: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item-container h3 {
    max-height: 116px;
  }
}
/* landscape nexus 5 */
@media (min-width: 595px) and (max-width: 601px) {
  /* -------- FEED --------*/
  .ui-x-responsive .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 18px;
    margin-right: 18px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 0;
    margin-right: 20px;
  }
  .ui-x-responsive .ui-x-feed-item {
    margin-left: 13px;
    margin-bottom: 13px;
  }
  .ui-x-responsive .ui-x-feed-item.ui-x-mobile-mini {
    margin-left: 13px;
    margin-bottom: 8px;
  }
  .ui-x-responsive .ui-x-feed-container-outer-outer {
    margin-top: 10px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer-outer {
    margin-top: 20px;
  }
  .ui-x-responsive .ui-x-feed-resp.ui-x-crumb-margin .ui-x-feed-container-outer-outer {
    margin-top: 5px;
  }
  .ui-x-responsive .ui-x-feed-container-outer {
    margin-right: 13px;
  }
  .ui-x-responsive .ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
    margin-top: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item {
    margin-left: 4px;
    margin-bottom: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-container-outer {
    margin-right: 4px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item-container h3 {
    max-height: 116px;
  }
}
/* ---------------------------------- */
/* FEED VIEW SPECIFIC WIDTHS */
@media (min-width: 602px) and (max-width: 849px) {
  /* -------- FEED --------*/
  .ui-x-responsive .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 9px;
    margin-right: 20px;
  }
  .ui-x-responsive .ui-x-feed-item {
    margin-left: 18px;
    margin-bottom: 18px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-resp .ui-x-content-subtitle {
    margin-left: 0;
    margin-right: 20px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-item {
    margin-left: 0;
    margin-right: 18px;
  }
  .ui-x-responsive .ui-x-floated-feed.ui-x-feed-item-fullWidth .ui-x-feed-item {
    float: none;
    margin: 0 0 5px 0;
  }
  .ui-x-responsive .ui-x-feed-item.ui-x-mobile-mini {
    margin-left: 18px;
    margin-bottom: 5px;
  }
  .ui-x-responsive .ui-x-feed-container-outer {
    margin-right: 18px;
  }
  /*.ui-x-responsive .ui-x-flex-feed .ui-x-feed-container-outer,*/
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
    margin-top: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item {
    margin-left: 6px;
    margin-bottom: 6px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-container-outer {
    margin-right: 6px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item-container h3 {
    max-height: 116px;
  }
}
@media screen and (min-width: 850px) and (max-width: 962px) {
  /* 2 columns */
  /* -------- FEED --------*/
  .ui-x-responsive .ui-x-feed-resp .ui-x-content-subtitle {
    /*margin-left: 30px;*/
    margin-right: 30px;
  }
  .ui-x-responsive .ui-x-feed-item {
    margin-left: 28px;
    margin-bottom: 28px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-item {
    margin-left: 0;
    margin-right: 28px;
  }
  .ui-x-responsive .ui-x-flex-feed .ui-x-feed-item {
    margin-left: 0;
    margin-right: 18px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer-outer,
  .ui-x-responsive .ui-x-flex-feed .ui-x-feed-container-outer-outer {
    width: calc(100% + 18px);
  }
  .ui-x-responsive .ui-x-feed-item.ui-x-mobile-mini {
    margin-left: 28px;
    margin-bottom: 5px;
  }
  .ui-x-responsive .ui-x-feed-container-outer {
    margin-right: 28px;
  }
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-flex-feed .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer {
    margin-right: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer-outer {
    margin-top: 0;
  }
  .ui-x-responsive .ui-x-notification-item-content-item .ui-x-feed-container-outer .ui-x-feed-item {
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-item {
    margin-left: 6px;
    margin-bottom: 6px;
  }
  .ui-x-responsive .ui-x-feed-type-rows .ui-x-feed-container-outer {
    margin-right: 6px;
  }
}
@media screen and (min-width: 1252px) {
  /* 4 columns + */
  .ui-x-responsive .ui-x-feed .ui-x-feed-resp {
    width: 100%;
  }
  .ui-x-responsive .ui-x-feed .ui-x-flex-feed .ui-x-feed-resp,
  .ui-x-responsive .ui-x-feed .ui-x-floated-feed .ui-x-feed-resp {
    width: auto;
  }
}
@media (min-width: 626px) and (max-width: 910px) {
  /* 3 columns */
  .ui-x-flex-feed .ui-x-feed-container-inner {
    justify-content: center;
  }
  .ui-x-responsive .ui-x-flex-feed .ui-x-feed-item {
    margin-left: 0;
    margin-right: 18px;
    margin-bottom: 18px;
  }
}
@media (max-width: 625px) {
  /* 3 columns */
  .ui-x-responsive .ui-x-floated-feed .ui-x-feed-container-outer-outer {
    width: 100%;
  }
}
/* ---------------------------------- */
/* WIDGET SPECIFIC WIDTHS */
@media (min-width: 950px) and (max-width: 1240px) {
  /* tag explorer widget */
  .ui-x-responsive .ui-x-widget-forms-grid-form,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer {
    width: 795px;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-item {
    width: 205px;
  }
  .ui-x-responsive .ui-x-define-tags .ui-x-tag-explorer-summ-item {
    width: 263px;
  }
}
@media (min-width: 720px) and (max-width: 949px) {
  /* tag explorer widget */
  .ui-x-responsive .ui-x-widget-forms-grid-form,
  .ui-x-responsive .ui-x-widget-forms-tag-explorer {
    width: 530px;
  }
  .ui-x-responsive .ui-x-define-tags .ui-x-tag-explorer-summ-item {
    width: 263px;
  }
}
@media (min-width: 440px) and (max-width: 619px) {
  /* tag explorer widget */
  .ui-x-responsive .ui-x-tag-explorer-summ-tag {
    margin: 0 3% 10px;
    padding: 3px 2%;
    width: 37%;
  }
}
/* catchall for phones */
@media (max-width: 439px) {
  /* tag explorer widget*/
  .ui-x-responsive .ui-x-tag-explorer-summ-tag,
  .ui-x-responsive .ui-x-tag-explorer-secondary-tag {
    margin: 0 14px 5px;
    padding: 5px 10px;
    width: auto;
    float: none;
  }
  .ui-x-responsive .ui-x-tag-explorer-summ-tag span.ui-x-tag-explorer-summ-item-info {
    top: 9px;
    right: 9px;
    width: 18px;
    height: 18px;
  }
  .ui-x-responsive .ui-x-tag-explorer-secondary-item {
    margin-top: 36px;
  }
}

.wi-generic-edit-menu__inline-message-wrapper {
  padding: 32px 15px;
}
.wi-generic-edit-menu__inline-message {
  max-width: 461px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  box-sizing: border-box;
}
.wi-generic-edit-menu__content-wrapper.-form-inputs-temp-fix {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: var(--form-gap);
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.select-menu-content__main-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 1px;
}
.wi-select-menu-content__list-content {
  min-height: 1px;
  overflow: auto;
  flex: 1 1 auto;
}
.select-menu-content__view-more-loading {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wi-select-menu-content__pagination-panel {
  display: flex;
  padding: 20px 10px 0px 10px;
}
.wi-select-menu-content__actions-panel {
  display: flex;
  gap: 15px;
  padding: 20px 20px 0 20px;
}
.wi-select-menu-content__actions-panel > .wi-button {
  flex: 1 1 50%;
}
.wi-select-menu-content__action-element {
  height: 40px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #bababa;
  flex: 1 1 auto;
}
.wi-select-menu-content__action-element.-primary {
  background-color: #333333;
  color: white;
}
.wi-select-menu-content__results-label {
  margin: 0 20px;
  font-weight: bold;
  color: #333333;
  font-size: 15px;
}

/* This comment will be in result CSS */
/* Custom */
/*Feeds style*/
/* Updated Widget style */
/* Next variables can be used for buttons (ui-x-icn) 
	if parent element has hover state as well as button */
/* Big Card Style*/
/* Menu style */
/* row, e.g. data inputs row size or similar artefacts */
/* Page style */
/* Left Bar */
/*Mobile first. Use min-width*/
/* searchbar menu */
.em360-select-dialog-content {
  color: var(--color-text);
}
.em360-select-dialog-content__main-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 1px;
  gap: var(--form-gap);
}
.em360-select-dialog-content__list-content {
  min-height: 1px;
  overflow: auto;
  flex: 1 1 auto;
  border: none;
  padding: 1rem;
}
.em360-select-dialog-content__list-content legend {
  margin: 0;
}
.em360-select-dialog-content__view-more-loading {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.em360-select-dialog-content__pagination-panel {
  display: flex;
  margin: 0 1rem;
}
.em360-select-dialog-content__actions-panel {
  display: flex;
  gap: 15px;
  padding: 0 1rem;
}
.em360-select-dialog-content__action-button {
  flex: 1 1 50%;
}
.em360-select-dialog-content__results-label {
  margin: 0 20px;
  font-weight: bold;
  font-size: 1rem;
}

.wi-widget-color-0 {
  background-color: #2980b9;
}
.wi-widget-color-0--border {
  border-color: #2980b9;
}
.wi-widget-color-0--light {
  background-color: #7fbbe3;
}
.wi-widget-color-1 {
  background-color: #e74c3c;
}
.wi-widget-color-1--border {
  border-color: #e74c3c;
}
.wi-widget-color-1--light {
  background-color: #f5b4ae;
}
.wi-widget-color-2 {
  background-color: #1abc9c;
}
.wi-widget-color-2--border {
  border-color: #1abc9c;
}
.wi-widget-color-2--light {
  background-color: #6bebd1;
}
.wi-widget-color-3 {
  background-color: #f89406;
}
.wi-widget-color-3--border {
  border-color: #f89406;
}
.wi-widget-color-3--light {
  background-color: #fcc982;
}
.wi-widget-color-4 {
  background-color: #27ae60;
}
.wi-widget-color-4--border {
  border-color: #27ae60;
}
.wi-widget-color-4--light {
  background-color: #75e0a2;
}
.wi-widget-color-5 {
  background-color: #f1c40f;
}
.wi-widget-color-5--border {
  border-color: #f1c40f;
}
.wi-widget-color-5--light {
  background-color: #f8e287;
}
.wi-widget-color-6 {
  background-color: #8e44ad;
}
.wi-widget-color-6--border {
  border-color: #8e44ad;
}
.wi-widget-color-6--light {
  background-color: #c599d7;
}
.wi-widget-color-7 {
  background-color: #2c3e50;
}
.wi-widget-color-7--border {
  border-color: #2c3e50;
}
.wi-widget-color-7--light {
  background-color: #597ea2;
}
.wi-widget-color-8 {
  background-color: #7f8c8d;
}
.wi-widget-color-8--border {
  border-color: #7f8c8d;
}
.wi-widget-color-8--light {
  background-color: #c2c9c9;
}