/*
 * Antiscroll: cross-browser native OS X Lion scrollbars
 * https://github.com/Automattic/antiscroll
 * v0.9
 */

.antiscroll-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}

.antiscroll-inner {
  overflow: scroll;
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */

.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
  display:none;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
  display:none;
}

/*
Hack:- Hide the default scrollbar. This fixes an issue where both horizontal and vertical scroll did not touch the end of the table in Firefox and Internet Explorer browsers and due to this last column was not completely visible. Now, the scrollbar will touch till the end and last column will be fully visible.
*/
.antiscroll-inner::-webkit-scrollbar { width: 0 !important;display:none;}
.antiscroll-inner { overflow: -moz-scrollbars-none; }
.antiscroll-inner { -ms-overflow-style: none;scrollbar-width: none;}
.zmenu {
  border: 1px solid #e6e6e6;
  padding: 5px 0px 5px 0px;
  margin: 0;
  width: auto;
  max-width: none;
  display: inline-flex;
  flex-flow: column;
  background: #fff;
  position: absolute;
  z-index: 99999;
  box-sizing: border-box;
  outline: none;
  line-height: normal;
  box-shadow: 0px 0px 10px 2px rgba(17, 17, 17, 0.08);
  border-radius: 3px 3px 3px 3px;
}
.zmenu * {
  outline: none;
}

.zmenu__body,
.zmenu__list {
  padding: 0;
  margin: 0;
  line-height: normal;
  display: flex;
  flex-flow: column;
}

.zmenu__item {
  padding: 7px 10px 7px 15px;
  list-style: none;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  flex: 1 0 auto;
}
.zmenu__item.on-hover {
  background: #f2f2f2;
}
.zmenu__item.on-hover .zmenu__arrow {
  fill: #666666;
}
.zmenu__item.on-hover .zmenu__text {
  color: #111;
}
.zmenu__item.on-hover .zmenu__shortcut {
  color: #737373;
}
.zmenu__item.on-hover .zmenu__svg {
  fill: #666666;
}
.zmenu__item.on-hover .zmenu__radio {
  fill: #666666;
}
.zmenu__item.on-hover .zmenu__tick {
  fill: #666666;
}
.zmenu__item.is-selected .zmenu__iconcontainer {
  background: #d9d9d9;
  border: 0px solid #4190f2;
  border-radius: 0px 0px 0px 0px;
}
.zmenu__item.is-selected .zmenu__svg {
  fill: #808080;
}
.zmenu__item.is-selected .zmenu__radio {
  fill: #808080;
}
.zmenu__item.is-selected .zmenu__tick {
  fill: #808080;
}
.zmenu__item.is-disabled {
  cursor: default;
}
.zmenu__item.is-disabled .zmenu__text {
  color: #999999;
}
.zmenu__item.is-disabled .zmenu__shortcut {
  color: #999999;
}
.zmenu__item.is-disabled .zmenu__icon svg {
  opacity: .5;
}

.zmenu__separator {
  margin: 5px 10px 5px 10px;
  list-style: none;
  height: 1px;
  box-sizing: border-box;
  background: #e6e6e6;
  clear: both;
  display: flex;
  flex: 1 0 auto;
}

.zmenu__title {
  padding: 3px 10px 2px 10px;
  background: #fff;
  list-style: none;
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  flex: 1 0 auto;
}
.zmenu__title .zmenu__text {
  position: relative;
  background: #fff;
  padding: 0px 10px 0px 0px;
  font-size: 12px;
  color: #737373;
  flex-grow: 0;
}
.zmenu__title .zmenu__icon {
  display: none;
}
.zmenu__title:before {
  content: "";
  height: 1px;
  margin: 0px 10px 0px 10px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background: #e6e6e6;
}

.zmenu__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  color: #111;
  font-size: 13px;
  flex-grow: 1;
}

.zmenu__shortcut {
  padding: 1px 0px 0px 10px;
  font-size: 11px;
  color: #737373;
  line-height: 1.4;
}

.zmenu__iconcontainer {
  padding: 3px 3px 3px 3px;
  margin: -3px 12px -3px 0px;
  width: 16px;
  height: 16px;
  box-sizing: content-box;
}

.zmenu__icon {
  width: 16px;
  height: 16px;
}

.zmenu__svg {
  width: inherit;
  height: inherit;
  fill: #808080;
}

.zmenu__arrow {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  fill: #808080;
}

.zmenu__radio {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  fill: #808080;
}

.zmenu__tick {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  fill: #808080;
}

.zmenu__hint {
  margin: 4px 0px 0px 0px;
  font-size: 13px;
  color: #737373;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.zmenu__iconcontainer ~ .zmenu__hint {
  padding-left: 34px;
}

.zmenu__content .zmenu__hint {
  padding: 0;
}

.zmenu__search {
  position: relative;
  list-style: none;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.zmenu__search .zmenu__icon {
  margin: 0px 0px 0px 18px;
  fill: #808080;
}

.zmenu__footer {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  position: relative;
  border: solid #e6e6e6;
  border-width: 1px 0px 0px 0px;
  background: transparent;
  clear: both;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 transparent;
  display: flex;
  flex-flow: column;
}
.zmenu__footer .zmenu__item {
  min-height: inherit;
  line-height: normal;
  flex-grow: 1;
}
.zmenu__footer .zmenu__text {
  margin: 0;
}

.zmenu__header {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  border: solid #e6e6e6;
  border-width: 0px 0px 1px 0px;
  position: relative;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}
.zmenu__header .zmenu__item {
  min-height: inherit;
  line-height: normal;
}
.zmenu__header .zmenu__text {
  margin: 0;
}

.zmenu__pointer {
  width: 14px;
  height: 7px;
  position: absolute;
  top: -6px;
  left: 50%;
  direction: ltr;
}
.zmenu__pointer:after {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.zmenu__pointer.h-top:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.zmenu__pointer.h-top:before {
  margin-top: -1px;
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-bottom: 7px solid #e6e6e6;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.zmenu__pointer.h-bottom {
  top: auto;
  bottom: -6px;
}
.zmenu__pointer.h-bottom:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.zmenu__pointer.h-bottom:before {
  margin-top: 1px;
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-top: 7px solid #e6e6e6;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.zmenu__pointer.h-right {
  width: 7px;
  height: 14px;
  top: 50%;
  right: -6px;
  left: auto;
}
.zmenu__pointer.h-right:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-left: 7px solid #fff;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.zmenu__pointer.h-right:before {
  margin-left: 1px;
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-left: 7px solid #e6e6e6;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.zmenu__pointer.h-left {
  width: 7px;
  height: 14px;
  top: 50%;
  left: -6px;
}
.zmenu__pointer.h-left:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}
.zmenu__pointer.h-left:before {
  margin-left: -1px;
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-right: 7px solid #e6e6e6;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
}

.zmenu--submenu .zmenu__icon.h-alignright {
  width: 16px;
  height: 16px;
  margin: 0px -5px 0px 10px;
}

.zmenu--split .zmenu__icon.h-alignright {
  height: 100%;
  width: 30px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(0);
  background: #fff;
  text-align: center;
}
.zmenu--split .zmenu__icon.h-alignright.on-hover {
  background: #f2f2f2;
}
.zmenu--split .zmenu__icon.h-alignright.on-hover .zmenu__svg {
  fill: #666666;
}
.zmenu--split .zmenu__icon.h-alignright:before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0px;
  border-left: 1px solid #b3b3b3;
  border-color: #e6e6e6;
}
.zmenu--split .zmenu__arrow {
  width: 16px;
  box-sizing: border-box;
}
.zmenu--split .zmenu__text {
  padding-right: 30px;
}

.zmenu--withlink {
  padding: 0;
}
.zmenu--withlink .zmenu__link {
  padding: 7px 10px 7px 15px;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
}
.zmenu--withlink .zmenu__hint {
  padding-bottom: 0;
}

.zmenu--icononly .zmenu__item {
  clear: both;
  font-size: 0;
  padding-left: 10px;
}
.zmenu--icononly .zmenu--withlink {
  padding: 0;
}
.zmenu--icononly .zmenu--withlink .zmenu__link {
  padding-left: 10px;
}
.zmenu--icononly .zmenu__iconcontainer {
  margin: -3px 0 -3px 0;
  float: none;
  transform: translateY(0%);
}

.zmenu--iconwithtext .zmenu__title .zmenu__text {
  padding: 0px 10px 0px 0px;
}

.zmenu__textbox {
  padding: 7px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  border: none;
  font-size: 13px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  font-family: inherit;
}

.zmenu--thumbnail {
  font-size: 0;
  flex-flow: row wrap;
}
.zmenu--thumbnail .zmenu__body,
.zmenu--thumbnail .zmenu__list {
  flex-flow: row wrap;
}
.zmenu--thumbnail .zmenu__item {
  height: auto;
  padding: 2px 2px 2px 2px;
  text-align: center;
  margin: 5px 5px 5px 5px;
  border: 3px solid transparent;
  background: #fff;
  clear: initial;
  flex-flow: column;
  align-items: center;
  flex-grow: 0;
}
.zmenu--thumbnail .zmenu__item .zmenu__image {
  display: block;
}
.zmenu--thumbnail .zmenu__item .zmenu__text {
  margin: 5px 0px 0px 0px;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.zmenu--thumbnail .zmenu__item.on-hover {
  background: #e6e6e6;
  border: 3px solid transparent;
}
.zmenu--thumbnail .zmenu__item.is-selected {
  border: 3px solid #4190f2;
  background: #fff;
}
.zmenu--thumbnail .zmenu__item.is-disabled .zmenu__text {
  color: #999999;
}
.zmenu--thumbnail .zmenu__item.is-disabled .zmenu__image {
  opacity: .5;
}
.zmenu--thumbnail .zmenu--withlink {
  padding: 0;
}
.zmenu--thumbnail .zmenu--withlink .zmenu__link {
  padding: 2px 2px 2px 2px;
  flex-flow: column;
  align-items: center;
}
.zmenu--thumbnail .zmenu__footer {
  margin: 0px 0px 0px 0px;
  flex-flow: column;
  align-items: flex-start;
}
.zmenu--thumbnail .zmenu__footer .zmenu--withlink {
  padding: 0;
}
.zmenu--thumbnail .zmenu__footer .zmenu__text {
  margin: 0;
}
.zmenu--thumbnail .zmenu__header {
  margin: 0px 0px 0px 0px;
  flex-flow: column;
  align-items: flex-start;
}
.zmenu--thumbnail .zmenu__header .zmenu--withlink {
  padding: 0;
}
.zmenu--thumbnail .zmenu__header .zmenu__text {
  margin: 0;
}
.zmenu--thumbnail .zmenu__separator {
  width: 100%;
}

.zmenu--bottomleft {
  border-bottom-left-radius: 0px;
}

.zmenu--topleft {
  border-top-left-radius: 0px;
}

.zmenu--bottomright {
  border-bottom-right-radius: 0px;
}

.zmenu--topright {
  border-top-right-radius: 0px;
}

.zmenu--top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.zmenu--bottom {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.zmenu--right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.zmenu--left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.zmenu--reset {
  border-radius: 0;
}

.zmenu--scroller {
  position: absolute;
  z-index: 999999;
  text-align: center;
  background: #f9f9f9;
  border-radius: 2px 2px 0 0;
  height: 19px;
  cursor: default;
}
.zmenu--scroller .zmenu__icon {
  padding: 0px;
  margin: 0px;
  float: none;
}
.zmenu--scroller .zmenu__icon svg {
  width: inherit;
  height: inherit;
  margin: 2px 2px 2px 2px;
  box-sizing: border-box;
  fill: #808080;
}
.zmenu--scroller:hover {
  background: #f9f9f9;
}
.zmenu--scroller:hover .zmenu__icon svg {
  fill: #666666;
}

.zmenu--scrollerdown {
  border-radius: 0 0 2px 2px;
}

.zmenu--selectmenu .zmenu__item.is-selected .zmenu__iconcontainer {
  background: none;
}

.zmenu__width {
  width: auto !important;
}

.ztooltip {
  min-width: 0;
  width: auto;
  max-width: 300px;
  min-height: 0;
  height: auto;
  max-height: none;
  margin: 0px 0px 0px 0px;
  padding: 6px 10px 6px 10px;
  border: none;
  border-radius: 3px 3px 3px 3px;
  background: #1a1a1a;
  font-size: 13px;
  color: #fff;
  position: absolute;
  box-sizing: border-box;
  z-index: 9999999;
  font-weight: normal;
  box-shadow: 0 0 0 0 transparent;
  outline: none;
}
.ztooltip * {
  outline: none;
}

.ztooltip__content {
  box-sizing: border-box;
}

.ztooltip__pointer {
  position: absolute;
  width: 12px;
  height: 12px;
  direction: ltr;
}
.ztooltip__pointer.h-top {
  top: -6px;
  left: 50%;
  height: 6px;
}
.ztooltip__pointer.h-top:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-bottom: 6px solid #1a1a1a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.ztooltip__pointer.h-bottom {
  bottom: -6px;
  left: 50%;
  height: 6px;
}
.ztooltip__pointer.h-bottom:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-top: 6px solid #1a1a1a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.ztooltip__pointer.h-right {
  right: -6px;
  top: 50%;
  width: 6px;
}
.ztooltip__pointer.h-right:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-left: 6px solid #1a1a1a;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
.ztooltip__pointer.h-left {
  left: -6px;
  top: 50%;
  width: 6px;
}
.ztooltip__pointer.h-left:after {
  width: 0;
  height: 0;
  content: '';
  z-index: 999;
  position: absolute;
  border-right: 6px solid #1a1a1a;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}

@-webkit-keyframes zeffectsMove{from{margin-left:-40%}to{margin-left:100%}}@-moz-keyframes zeffectsMove{from{margin-left:-40%}to{margin-left:100%}}@-ms-keyframes zeffectsMove{from{margin-left:-40%}to{margin-left:100%}}@-o-keyframes zeffectsMove{from{margin-left:-40%}to{margin-left:100%}}@keyframes zeffectsMove{from{margin-left:-40%}to{margin-left:100%}}.zeffects--move{-webkit-animation-name:zeffectsMove;-moz-animation-name:zeffectsMove;-ms-animation-name:zeffectsMove;-o-animation-name:zeffectsMove;animation-name:zeffectsMove;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zeffectsRotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes zeffectsRotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes zeffectsRotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes zeffectsRotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes zeffectsRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.zeffects--rotate{-webkit-animation-name:zeffectsRotate;-moz-animation-name:zeffectsRotate;-ms-animation-name:zeffectsRotate;-o-animation-name:zeffectsRotate;animation-name:zeffectsRotate;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zeffectsSkew{0%{-webkit-transform:skewX(10deg)}10%{-webkit-transform:skewX(-40deg)}20%{-webkit-transform:skewX(30deg)}30%{-webkit-transform:skewX(-20deg)}40%{-webkit-transform:skewX(0)}}@-moz-keyframes zeffectsSkew{0%{-moz-transform:skewX(10deg)}10%{-moz-transform:skewX(-40deg)}20%{-moz-transform:skewX(30deg)}30%{-moz-transform:skewX(-20deg)}40%{-moz-transform:skewX(0)}}@-ms-keyframes zeffectsSkew{0%{-ms-transform:skewX(10deg)}10%{-ms-transform:skewX(-40deg)}20%{-ms-transform:skewX(30deg)}30%{-ms-transform:skewX(-20deg)}40%{-ms-transform:skewX(0)}}@-o-keyframes zeffectsSkew{0%{-ms-transform:skewX(10deg)}10%{-ms-transform:skewX(-40deg)}20%{-ms-transform:skewX(30deg)}30%{-ms-transform:skewX(-20deg)}40%{-ms-transform:skewX(0)}}@keyframes zeffectsSkew{0%{transform:skewX(10deg)}10%{transform:skewX(-40deg)}20%{transform:skewX(30deg)}30%{transform:skewX(-20deg)}40%{transform:skewX(0)}}.zeffects--skew{-webkit-animation-name:zeffectsSkew;-moz-animation-name:zeffectsSkew;-ms-animation-name:zeffectsSkew;-o-animation-name:zeffectsSkew;animation-name:zeffectsSkew;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsZoomIn{0%{-webkit-transform:scale(0.7);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes zeffectsZoomIn{0%{-moz-transform:scale(0.7);opacity:0}100%{-moz-transform:scale(1);opacity:1}}@-ms-keyframes zeffectsZoomIn{0%{-ms-transform:scale(0.7);opacity:0}100%{-ms-transform:scale(1);opacity:1}}@-o-keyframes zeffectsZoomIn{0%{-o-transform:scale(0.7);opacity:0}100%{-o-transform:scale(1);opacity:1}}@keyframes zeffectsZoomIn{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}.zeffects--zoomin{-webkit-animation-name:zeffectsZoomIn;-moz-animation-name:zeffectsZoomIn;-ms-animation-name:zeffectsZoomIn;-o-animation-name:zeffectsZoomIn;animation-name:zeffectsZoomIn;-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-ms-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsZoomOut{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.7);opacity:0}}@-moz-keyframes zeffectsZoomOut{0%{-moz-transform:scale(1);opacity:1}100%{-moz-transform:scale(0.7);opacity:0}}@-ms-keyframes zeffectsZoomOut{0%{-ms-transform:scale(1);opacity:1}100%{-ms-transform:scale(0.7);opacity:0}}@-o-keyframes zeffectsZoomOut{0%{-o-transform:scale(1);opacity:1}100%{-o-transform:scale(0.7);opacity:0}}@keyframes zeffectsZoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.7);opacity:0}}.zeffects--zoomout{-webkit-animation-name:zeffectsZoomOut;-moz-animation-name:zeffectsZoomOut;-ms-animation-name:zeffectsZoomOut;-o-animation-name:zeffectsZoomOut;animation-name:zeffectsZoomOut;-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-ms-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:lOutear;-moz-animation-timing-function:lOutear;-ms-animation-timing-function:lOutear;-o-animation-timing-function:lOutear;animation-timing-function:lOutear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsSlideUpIn{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes zeffectsSlideUpIn{0%{-moz-transform:translateY(30px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-ms-keyframes zeffectsSlideUpIn{0%{-ms-transform:translateY(30px);opacity:0}100%{-ms-transform:translateY(0);opacity:1}}@-o-keyframes zeffectsSlideUpIn{0%{-o-transform:translateY(30px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes zeffectsSlideUpIn{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}.zeffects--slideupin{-webkit-animation-name:zeffectsSlideUpIn;-moz-animation-name:zeffectsSlideUpIn;-ms-animation-name:zeffectsSlideUpIn;-o-animation-name:zeffectsSlideUpIn;animation-name:zeffectsSlideUpIn;-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-ms-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:lOutear;-moz-animation-timing-function:lOutear;-ms-animation-timing-function:lOutear;-o-animation-timing-function:lOutear;animation-timing-function:lOutear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsSlideDownOut{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(30px);opacity:0}}@-moz-keyframes zeffectsSlideDownOut{0%{-moz-transform:translateY(0);opacity:1}100%{-moz-transform:translateY(30px);opacity:0}}@-ms-keyframes zeffectsSlideDownOut{0%{-ms-transform:translateY(0);opacity:1}100%{-ms-transform:translateY(30px);opacity:0}}@-o-keyframes zeffectsSlideDownOut{0%{-o-transform:translateY(0);opacity:1}100%{-o-transform:translateY(30px);opacity:0}}@keyframes zeffectsSlideDownOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(30px);opacity:0}}.zeffects--slidedownout{-webkit-animation-name:zeffectsSlideDownOut;-moz-animation-name:zeffectsSlideDownOut;-ms-animation-name:zeffectsSlideDownOut;-o-animation-name:zeffectsSlideDownOut;animation-name:zeffectsSlideDownOut;-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-ms-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:lOutear;-moz-animation-timing-function:lOutear;-ms-animation-timing-function:lOutear;-o-animation-timing-function:lOutear;animation-timing-function:lOutear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsSlideLeft{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes zeffectsSlideLeft{0%{-moz-transform:translateX(-100%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-ms-keyframes zeffectsSlideLeft{0%{-ms-transform:translateX(-100%);opacity:0}100%{-ms-transform:translateX(0);opacity:1}}@-o-keyframes zeffectsSlideLeft{0%{-o-transform:translateX(-100%);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes zeffectsSlideLeft{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.zeffects--slideleft{-webkit-animation-name:zeffectsSlideLeft;-moz-animation-name:zeffectsSlideLeft;-ms-animation-name:zeffectsSlideLeft;-o-animation-name:zeffectsSlideLeft;animation-name:zeffectsSlideLeft;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:lOutear;-moz-animation-timing-function:lOutear;-ms-animation-timing-function:lOutear;-o-animation-timing-function:lOutear;animation-timing-function:lOutear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsSlideRight{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes zeffectsSlideRight{0%{-moz-transform:translateX(100%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-ms-keyframes zeffectsSlideRight{0%{-ms-transform:translateX(100%);opacity:0}100%{-ms-transform:translateX(0);opacity:1}}@-o-keyframes zeffectsSlideRight{0%{-o-transform:translateX(100%);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes zeffectsSlideRight{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.zeffects--slideright{-webkit-animation-name:zeffectsSlideRight;-moz-animation-name:zeffectsSlideRight;-ms-animation-name:zeffectsSlideRight;-o-animation-name:zeffectsSlideRight;animation-name:zeffectsSlideRight;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:lOutear;-moz-animation-timing-function:lOutear;-ms-animation-timing-function:lOutear;-o-animation-timing-function:lOutear;animation-timing-function:lOutear;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes zeffectsFlipX{0%{-webkit-transform:rotateY(0) translateZ(0)}50%{-webkit-transform:rotateY(90deg) translateZ(0)}100%{-webkit-transform:rotateY(0) translateZ(0)}}@-moz-keyframes zeffectsFlipX{0%{-moz-transform:rotateY(0) translateZ(0)}50%{-moz-transform:rotateY(90deg) translateZ(0)}100%{-moz-transform:rotateY(0) translateZ(0)}}@-ms-keyframes zeffectsFlipX{0%{-ms-transform:rotateY(0) translateZ(0)}50%{-ms-transform:rotateY(90deg) translateZ(0)}100%{-ms-transform:rotateY(0) translateZ(0)}}@-o-keyframes zeffectsFlipX{0%{-o-transform:rotateY(0) translateZ(0)}50%{-o-transform:rotateY(90deg) translateZ(0)}100%{-o-transform:rotateY(0) translateZ(0)}}@keyframes zeffectsFlipX{0%{transform:rotateY(0) translateZ(0)}50%{transform:rotateY(90deg) translateZ(0)}100%{transform:rotateY(0) translateZ(0)}}.zeffects--flipx{-webkit-animation-name:zeffectsFlipX;-moz-animation-name:zeffectsFlipX;-ms-animation-name:zeffectsFlipX;-o-animation-name:zeffectsFlipX;animation-name:zeffectsFlipX;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-ms-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.zh-dnone{display:none !important}.zh-overflowhidden{overflow:hidden}.zh-scroll_y{overflow-y:auto}.zh-cursordefault{cursor:default}.zh-cursorpointer{cursor:pointer}.zh-loading{width:16px;height:16px;right:calc(50% - 8px);top:26px;position:absolute;display:inline-block}.zh-bold{font-weight:bold}.zh-floatright{float:right}.zh-floatleft{float:left}.zh-hidecursor{color:transparent !important;text-shadow:0 0 0 #111}.zh-alignleft{text-align:left}.zh-aligncenter{text-align:center}.zh-alignright{text-align:right}.zh-readonly{pointer-events:none;cursor:default}.zh-userselectnone{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner{padding:0 !important;border:0 none !important}input::-ms-clear{display:none}.zh-bidioverride{unicode-bidi:bidi-override !important}.zh-ozero{opacity:0;position:absolute}.zh-userselectnone{user-select:none}.zh-radiusbottomleft{border-bottom-left-radius:0}.zh-radiustopleft{border-top-left-radius:0}.zh-radiusbottomright{border-bottom-right-radius:0}.zh-radiustopright{border-top-right-radius:0}.zh-radiustop{border-top-left-radius:0;border-top-right-radius:0}.zh-radiusbottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.zh-radiusright{border-top-right-radius:0;border-bottom-right-radius:0}.zh-radiusleft{border-top-left-radius:0;border-bottom-left-radius:0}.zh-radiusnone{border-radius:0}.zh-rtl{direction:rtl}.zh-rtl .zh-arrowicon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@supports(-ms-ime-align:auto){.zh-rtl .zh-arrowicon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}.zh-rtl .zh-flipY{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.zh-rtl .zh-plaintext{unicode-bidi:plaintext !important}.zresizable__handle{position:absolute;height:14px;width:14px;z-index:100}.zresizable__n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.zresizable__e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.zresizable__s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.zresizable__w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.zresizable__sw{cursor:sw-resize;left:-1px;bottom:-1px;transform:rotate(90deg)}.zresizable__ne{cursor:ne-resize;right:-1px;top:-1px;transform:rotate(270deg)}.zresizable__nw{cursor:nw-resize;left:-1px;top:-1px;transform:rotate(180deg)}.zresizable__se{cursor:se-resize;right:-1px;bottom:-1px}.is-disabled .zresizable__handle{cursor:default}.zresizable__icon{width:12px;height:12px;display:inline-block;position:absolute;top:0;left:0;border-radius:7px;border:1px solid #111;background:#FFF}.zbutton{border-radius:3px 3px 3px 3px;outline:0;cursor:pointer;position:relative;box-sizing:border-box;line-height:1.25;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:bottom;color:#111;background:#f2f2f2;border:1px solid #b3b3b3;box-shadow:0 0 0 0 transparent;font-size:13px;margin:0;padding:7px 17px 7px 17px;min-width:75px}.zbutton svg{fill:gray}.zbutton.has-kfocus{color:#111;background:#f2f2f2;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton.has-kfocus svg{fill:#666}.zbutton.has-kfocus:hover{background:#e6e6e6;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton.has-kfocus:hover svg{fill:#666}.zbutton:hover{color:#111;background:#e6e6e6;border:1px solid #b3b3b3;box-shadow:0 0 0 0 transparent}.zbutton:hover svg{fill:#666}.zbutton:active,.zbutton.is-selected{color:#111;background:#d9d9d9;border:1px solid #b3b3b3;background-image:none;box-shadow:0 0 0 0 transparent}.zbutton:active svg,.zbutton.is-selected svg{fill:#666}.zbutton:active:hover,.zbutton:active.has-focus,.zbutton.is-selected:hover,.zbutton.is-selected.has-focus{color:#111;background:#d9d9d9;border:1px solid #b3b3b3;box-shadow:0 0 0 0 transparent}.zbutton:active:hover svg,.zbutton:active.has-focus svg,.zbutton.is-selected:hover svg,.zbutton.is-selected.has-focus svg{fill:#666}.zbutton:active.has-focus,.zbutton.is-selected.has-focus{z-index:2;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton:active.has-focus svg,.zbutton.is-selected.has-focus svg{fill:#666}.zbutton.is-disabled{color:#999;background:#f2f2f2;border:1px solid #ccc;box-shadow:0 0 0 0 transparent}.zbutton.is-disabled svg{fill:#b3b3b3}.zbutton.is-disabled:hover,.zbutton.is-disabled.on-hover,.zbutton.is-disabled .has-focus,.zbutton.is-disabled:active,.zbutton.is-disabled.is-selected{background:#f2f2f2;border:1px solid #ccc;color:#999;box-shadow:0 0 0 0 transparent}.zbutton.is-disabled:hover svg,.zbutton.is-disabled.on-hover svg,.zbutton.is-disabled .has-focus svg,.zbutton.is-disabled:active svg,.zbutton.is-disabled.is-selected svg{fill:#b3b3b3}.zbutton.is-disabled.is-selected{color:#999;background:#dadada}.zbutton.is-disabled.is-selected svg{fill:#b3b3b3}.zbutton .zbutton__icon{width:16px;height:16px}.zbutton *{outline:0}.zbutton.is-disabled{cursor:default}.zbutton.is-selected{box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton.is-selected:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton.is-selected.is-disabled:hover{box-shadow:none}.zbutton__text{position:relative}.zbutton__icon{position:relative;z-index:1;margin:0 8px 0 0}.zbutton__icon.zh-floatright{margin:0 0 0 8px}.zbutton__icon .zbutton__svg,.zbutton__icon svg{width:inherit;height:inherit}.zbutton__icon .zbutton__svg.zbutton__loader,.zbutton__icon svg.zbutton__loader{fill:none}.zbutton__icon .circle__track{stroke:#ccc;fill:none}.zbutton__icon .circle__load{stroke:#999;fill:none}.zbutton__icon+.zbutton__text{overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.zbutton__icon .circle__track{cx:8px;cy:8px;r:6.5px;stroke-dasharray:40.85714px;stroke-dashoffset:0;stroke-width:1.5px}.zbutton__icon .circle__load{cx:8px;cy:8px;r:6.5px;stroke-dasharray:40.85714px;stroke-dashoffset:30.64286px;stroke-width:1.5px}.zbutton--large{line-height:1.34;font-size:16px;margin:0;padding:8px 22px 8px 22px;min-width:90px}.zbutton--large .zbutton__icon{width:21px;height:21px}.zbutton--large .zbutton__icon{margin:0 11px 0 0}.zbutton--large .zbutton__icon.zh-floatright{margin:0 0 0 11px}.zbutton--large .zbutton__icon .circle__track{cx:10.5px;cy:10.5px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:0;stroke-width:1.5px}.zbutton--large .zbutton__icon .circle__load{cx:10.5px;cy:10.5px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:42.42857px;stroke-width:1.5px}.zbutton--small{line-height:1.25;font-size:12px;margin:0;padding:4px 10px 4px 10px;min-width:60px}.zbutton--small .zbutton__icon{width:15px;height:15px}.zbutton--small .zbutton__icon{margin:0 8px 0 0}.zbutton--small .zbutton__icon.zh-floatright{margin:0 0 0 8px}.zbutton--small .zbutton__icon .circle__track{cx:7.5px;cy:7.5px;r:6px;stroke-dasharray:37.71429px;stroke-dashoffset:0;stroke-width:1.5px}.zbutton--small .zbutton__icon .circle__load{cx:7.5px;cy:7.5px;r:6px;stroke-dasharray:37.71429px;stroke-dashoffset:28.28571px;stroke-width:1.5px}.zbutton--mini{line-height:1.3;font-size:11px;margin:0;padding:3px 9px 3px 9px;min-width:45px}.zbutton--mini .zbutton__icon{width:14px;height:14px}.zbutton--mini .zbutton__icon{margin:0 7px 0 0}.zbutton--mini .zbutton__icon.zh-floatright{margin:0 0 0 7px}.zbutton--mini .zbutton__icon .circle__track{cx:7px;cy:7px;r:5.5px;stroke-dasharray:34.57143px;stroke-dashoffset:0;stroke-width:1.5px}.zbutton--mini .zbutton__icon .circle__load{cx:7px;cy:7px;r:5.5px;stroke-dasharray:34.57143px;stroke-dashoffset:25.92857px;stroke-width:1.5px}.zbutton--primary{color:#fff;background:#4190f2;border:1px solid #4190f2;box-shadow:0 0 0 0 transparent}.zbutton--primary svg{fill:#fff}.zbutton--primary.has-kfocus{color:#fff;background:#4190f2;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton--primary.has-kfocus svg{fill:#fff}.zbutton--primary.has-kfocus:hover{background:#3b82da;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton--primary.has-kfocus:hover svg{fill:#fff}.zbutton--primary:hover{color:#fff;background:#3b82da;border:1px solid #3b82da;box-shadow:0 0 0 0 transparent}.zbutton--primary:hover svg{fill:#fff}.zbutton--primary:active,.zbutton--primary.is-selected{color:#fff;background:#3473c2;border:1px solid #3473c2;background-image:none;box-shadow:0 0 0 0 transparent}.zbutton--primary:active svg,.zbutton--primary.is-selected svg{fill:#fff}.zbutton--primary:active:hover,.zbutton--primary:active.has-focus,.zbutton--primary.is-selected:hover,.zbutton--primary.is-selected.has-focus{color:#fff;background:#3473c2;border:1px solid #3473c2;box-shadow:0 0 0 0 transparent}.zbutton--primary:active:hover svg,.zbutton--primary:active.has-focus svg,.zbutton--primary.is-selected:hover svg,.zbutton--primary.is-selected.has-focus svg{fill:#fff}.zbutton--primary:active.has-focus,.zbutton--primary.is-selected.has-focus{z-index:2;border:1px solid #4190f2;box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton--primary:active.has-focus svg,.zbutton--primary.is-selected.has-focus svg{fill:#fff}.zbutton--primary.is-disabled{color:#d9e9fc;background:#8dbcf7;border:1px solid #8dbcf7;box-shadow:0 0 0 0 transparent}.zbutton--primary.is-disabled svg{fill:#d9e9fc}.zbutton--primary.is-disabled:hover,.zbutton--primary.is-disabled.on-hover,.zbutton--primary.is-disabled .has-focus,.zbutton--primary.is-disabled:active,.zbutton--primary.is-disabled.is-selected{background:#8dbcf7;border:1px solid #8dbcf7;color:#d9e9fc;box-shadow:0 0 0 0 transparent}.zbutton--primary.is-disabled:hover svg,.zbutton--primary.is-disabled.on-hover svg,.zbutton--primary.is-disabled .has-focus svg,.zbutton--primary.is-disabled:active svg,.zbutton--primary.is-disabled.is-selected svg{fill:#d9e9fc}.zbutton--primary.is-disabled.is-selected{color:#d9e9fc;background:#7fa9de}.zbutton--primary.is-disabled.is-selected svg{fill:#d9e9fc}.zbutton--primary .zbutton__svg,.zbutton--primary svg{width:inherit;height:inherit;fill:#fff}.zbutton--primary .zbutton__icon .circle__track{stroke:#b3d3fa;fill:none}.zbutton--primary .zbutton__icon .circle__load{stroke:#fff;fill:none}.zbutton--primary.is-selected{box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton--primary.is-selected:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 0 transparent}.zbutton--primary.is-selected.is-disabled{border-color:#7fa9de}.zbutton--icononly{min-width:auto}.zbutton--icononly .zbutton__icon{margin-right:0;margin-left:0}.zbutton--loading .zbutton__text{position:relative;z-index:1}.zbutton--loading .zbutton__bgprogress,.zbutton--loading .zbutton__bgprogress--fromright,.zbutton--loading .zbutton__topline,.zbutton--loading .zbutton__bottomline{position:absolute;top:0;bottom:0;left:0;width:0;background:#d9d9d9}.zbutton--loading.zbutton--primary .zbutton__bgprogress,.zbutton--loading.zbutton--primary .zbutton__bgprogress--fromright,.zbutton--loading.zbutton--primary .zbutton__topline,.zbutton--loading.zbutton--primary .zbutton__bottomline{background:#67a6f5}.zbutton--loading .zbutton__bgprogress{border-radius:2px 0 0 2px;transition:all 1s ease-in-out}.zbutton--loading .zbutton__bgprogress--fromright{left:auto;right:0;border-radius:0 2px 2px 0;transition:all 1s ease-in-out}.zbutton--loading .zbutton__topline{right:0;height:3px;border-radius:2px 0 0 0;transition:all 1s ease-in-out}.zbutton--loading .zbutton__bottomline{top:auto;height:3px;border-radius:0 0 0 2px;transition:all 1s ease-in-out}.zbutton.zbutton--ffsupport{display:inline-block;text-align:center}.zbutton--ffsupport .zbutton__icon{float:left}.zbutton--ffsupport .zbutton__icon.zh-floatright{float:right}.zbutton--ffsupport .zbutton__icon+.zbutton__text{width:calc(100% - 24px);float:left}.zbutton--ffsupport .zbutton__icon+.zbutton__icon+.zbutton__text{width:calc(100% - 48px)}.zbutton--ffsupport.zbutton--large .zbutton__icon+.zbutton__text{width:calc(100% - 32px)}.zbutton--ffsupport.zbutton--large .zbutton__icon+.zbutton__icon+.zbutton__text{width:calc(100% - 64px)}.zbutton--ffsupport.zbutton--small .zbutton__icon+.zbutton__text{width:calc(100% - 23px)}.zbutton--ffsupport.zbutton--small .zbutton__icon+.zbutton__icon+.zbutton__text{width:calc(100% - 46px)}.zbutton--ffsupport.zbutton--mini .zbutton__icon+.zbutton__text{width:calc(100% - 21px)}.zbutton--ffsupport.zbutton--mini .zbutton__icon+.zbutton__icon+.zbutton__text{width:calc(100% - 42px)}.zbutton--fileupload{opacity:0;width:100%;position:absolute;height:100%;cursor:pointer;top:0;left:0}.zbutton--group{display:inline-flex;flex-direction:row;border-radius:3px 3px 3px 3px;box-shadow:0 0 0 0 transparent;vertical-align:top}.zbutton--group:hover,.zbutton--group.on-hover{box-shadow:0 0 0 0 transparent}.zbutton--group.is-selected{box-shadow:0 0 0 0 transparent}.zbutton--group.has-kfocus{box-shadow:0 0 0 0 transparent}.zbutton--group.is-disabled{box-shadow:0 0 0 0 transparent}.zbutton--group .zbutton{margin:0;margin-left:-1px;border-radius:0;min-width:initial;box-shadow:none}.zbutton--group .zbutton:hover,.zbutton--group .zbutton.on-hover{z-index:1;box-shadow:none}.zbutton--group .zbutton:first-child{margin-left:0;border-radius:3px 3px 3px 3px;border-top-right-radius:0;border-bottom-right-radius:0}.zbutton--group .zbutton:last-child{border-radius:3px 3px 3px 3px;border-top-left-radius:0;border-bottom-left-radius:0}.zbutton--group .zbutton.is-selected{z-index:1;box-shadow:inset 0 0 0 1px #fff}.zbutton--group .zbutton.is-selected.has-kfocus,.zbutton--group .zbutton.is-selected.has-focus{z-index:2}.zbutton--group .zbutton.has-kfocus{z-index:2;box-shadow:inset 0 0 0 1px #fff}.zbutton--group .zbutton.is-disabled{margin:0;margin-left:-1px;overflow:visible;box-shadow:none}.zbutton--group .zbutton.is-disabled:first-child{border-left:1px solid #ccc}.zbutton--group .zbutton--split{margin:0;margin-left:-1px}.zbutton--group .zbutton--split .zbutton{border-radius:0}.zbutton--group .zbutton--split:first-child{margin-left:0}.zbutton--group .zbutton--split:first-child .zbutton:first-child{border-radius:3px 3px 3px 3px;border-top-right-radius:0;border-bottom-right-radius:0}.zbutton--group .zbutton--split:last-child .zbutton:last-child{border-radius:3px 3px 3px 3px;border-top-left-radius:0;border-bottom-left-radius:0}.zbutton--group .zbutton--primary{box-shadow:none}.zbutton--group .zbutton--primary:before{content:"";width:1px;background:#fff;position:absolute;left:-1px;top:-1px;bottom:-1px;z-index:1}.zbutton--group .zbutton--primary.has-kfocus:before,.zbutton--group .zbutton--primary.has-kfocus+.zbutton:before,.zbutton--group .zbutton--primary.is-selected:before,.zbutton--group .zbutton--primary.is-selected+.zbutton--primary:before,.zbutton--group .zbutton--primary.is-selected+.zh-dnone+.zbutton--primary:before{display:none}.zbutton--group .zbutton--primary:first-child:before{display:none}.zbutton--group .zbutton--primary:hover,.zbutton--group .zbutton--primary.on-hover{box-shadow:none}.zbutton--group .zbutton--primary.is-selected{box-shadow:inset 0 0 0 1px #fff}.zbutton--group .zbutton--primary.has-kfocus{box-shadow:inset 0 0 0 1px #fff}.zbutton--group .zbutton--primary.is-disabled{box-shadow:none}.zbutton--group .zbutton--primary.is-disabled:before{left:-1px}.zbutton--group .zbutton--primary.is-disabled.has-kfocus:before,.zbutton--group .zbutton--primary.is-disabled.has-kfocus+.zbutton:before,.zbutton--group .zbutton--primary.is-disabled.is-selected:before,.zbutton--group .zbutton--primary.is-disabled.is-selected+.zbutton--primary:before,.zbutton--group .zbutton--primary.is-disabled.is-selected+.zh-dnone+.zbutton--primary:before{display:initial}.zbutton--group .zbutton--primary.is-disabled:first-child{border-left:1px solid #8dbcf7}.zbutton--group .zbutton--primary.is-disabled:first-child:before{display:none}.zbutton--group .zh-dnone:first-child+.zbutton{margin-left:0;border-radius:3px 3px 3px 3px;border-top-right-radius:0;border-bottom-right-radius:0}.zbutton--group .zh-dnone:first-child+.zbutton.is-disabled{border-left:1px solid #ccc}.zbutton--group .zh-ozero:first-child+.zbutton{border-radius:3px 3px 3px 3px;border-top-right-radius:0;border-bottom-right-radius:0}.zbutton--group .zh-dnone:first-child+.zbutton--primary:before{display:none}.zbutton--group .zh-dnone:first-child+.zbutton--primary.is-disabled{border-left:1px solid #8dbcf7;border-color:1px solid #8dbcf7}.zbutton--group.zbutton--groupnormal{box-shadow:0 0 0 0 transparent}.zbutton--group.zbutton--groupnormal:hover,.zbutton--group.zbutton--groupnormal.on-hover{box-shadow:0 0 0 0 transparent}.zbutton--group.zbutton--groupnormal.is-selected{box-shadow:0 0 0 0 transparent}.zbutton--group.zbutton--groupnormal.has-kfocus{box-shadow:0 0 0 0 transparent}.zbutton--group.zbutton--groupnormal.is-disabled{box-shadow:0 0 0 0 transparent}.zbutton--group .zbutton.zbutton--ffsupport{float:left}.zbutton--menu .zbutton__icon.zh-floatright{width:16px;height:16px;margin:0 -5px 0 5px}.zbutton--menu.zbutton--large .zbutton__icon.zh-floatright{width:21px;height:21px;margin:0 -8px 0 8px}.zbutton--menu.zbutton--small .zbutton__icon.zh-floatright{width:15px;height:15px;margin:0 -4px 0 4px}.zbutton--menu.zbutton--mini .zbutton__icon.zh-floatright{width:14px;height:14px;margin:0 -3px 0 3px}.zbutton--ffsupport.zbutton--menu .zbutton__text{width:calc(100% - 40px)}.zbutton--ffsupport.zbutton--menu.zbutton--large .zbutton__text{width:calc(100% - 53px)}.zbutton--ffsupport.zbutton--menu.zbutton--small .zbutton__text{width:calc(100% - 38px)}.zbutton--ffsupport.zbutton--menu.zbutton--mini .zbutton__text{width:calc(100% - 35px)}.zinputfield{min-width:0;width:auto;max-width:none;margin:0;border:1px solid #b3b3b3;border-radius:3px 3px 3px 3px;background:#fff;font-size:0;display:inline-flex;flex-flow:row;box-sizing:border-box;overflow:hidden;cursor:text;position:relative;box-shadow:0 0 0 0 transparent;outline:0}.zinputfield *{outline:0}.zinputfield .zinputfield__svg,.zinputfield .zinputfield__icon svg{width:inherit;height:inherit;fill:gray;position:absolute;top:0;left:0}.zinputfield.on-hover{border:1px solid #b3b3b3;background:#fff;box-shadow:0 0 0 0 transparent}.zinputfield.has-focus,.zinputfield.has-kfocus{border:1px solid #4190f2;background:#fff;box-shadow:0 0 0 0 transparent}.zinputfield.has-focus .zinputfield__spinbuttonpane,.zinputfield.has-kfocus .zinputfield__spinbuttonpane{border:solid #4190f2;border-width:0;background:transparent}.zinputfield.has-focus .zinputfield__spinbutton,.zinputfield.has-kfocus .zinputfield__spinbutton{border:solid #4190f2;border-width:1px 1px 1px 1px}.zinputfield.is-active{border:1px solid #b3b3b3;background:#fff;box-shadow:0 0 0 0 transparent}.zinputfield.is-disabled{border:1px solid #d9d9d9;background:#fff;box-shadow:0 0 0 0 transparent}.zinputfield.is-disabled .zinputfield__textbox{color:#d9d9d9;-webkit-text-fill-color:#d9d9d9;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.zinputfield.is-disabled .zinputfield__spinbuttonpane{border:solid #d9d9d9;border-width:0;background:transparent}.zinputfield.is-disabled .zinputfield__spinbutton{border:solid #d9d9d9;border-width:1px 1px 1px 1px;background:#fff}.zinputfield.is-disabled .zinputfield__spinbutton .zinputfield__svg,.zinputfield.is-disabled .zinputfield__spinbutton .zinputfield__icon svg{fill:#b3b3b3}.zinputfield.is-disabled .zinputfield__spinbutton:hover,.zinputfield.is-disabled .zinputfield__spinbutton.on-hover{background:#fff}.zinputfield.is-disabled .zinputfield__spinbutton:active,.zinputfield.is-disabled .zinputfield__spinbutton.is-selected{background:#fff}.zinputfield.is-disabled .zinputfield__clearbutton{border:solid #d9d9d9;border-width:0;background:#fff}.zinputfield.is-disabled .zinputfield__clearbutton .zinputfield__svg,.zinputfield.is-disabled .zinputfield__clearbutton svg{fill:#b3b3b3}.zinputfield.is-disabled.is-readonly{border:1px solid #b3b3b3;background:#fff}.zinputfield.is-disabled.is-readonly .zinputfield__textbox{color:#111;-webkit-text-fill-color:#111;-webkit-user-select:inherit;-moz-user-select:inherit;-o-user-select:inherit;-ms-user-select:inherit;user-select:inherit}.zinputfield.is-disabled.is-readonly .zinputfield__spinbuttonpane{border:solid #b3b3b3;border-width:0;background:transparent}.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton{border:solid #b3b3b3;border-width:1px 1px 1px 1px;background:#fff}.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton .zinputfield__svg,.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton .zinputfield__icon svg{fill:#b3b3b3}.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton:hover,.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton.on-hover{background:#fff}.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton:active,.zinputfield.is-disabled.is-readonly .zinputfield__spinbutton.is-selected{background:#fff}.zinputfield__textbox{border:0;padding:7px 10px 7px 10px;outline:0;font-size:13px;color:#111;background:transparent;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.235;margin:0;flex-grow:1;width:0;font-family:inherit}.zinputfield__textbox::placeholder{color:#b3b3b3;opacity:1}.zinputfield__textbox:-ms-input-placeholder{color:#b3b3b3}.zinputfield__textbox::-ms-input-placeholder{color:#b3b3b3}.zinputfield__clearbutton{margin:0;padding:9px 5px 9px 5px;border:solid #b3b3b3;border-width:0;border-radius:0;background:#fff;cursor:pointer;display:inline-flex}.zinputfield__clearbutton .zinputfield__svg,.zinputfield__clearbutton svg{padding:2px;fill:gray;box-sizing:border-box}.zinputfield__clearbutton:hover{border:solid #b3b3b3;border-width:0;background:#fff}.zinputfield__clearbutton:hover .zinputfield__svg,.zinputfield__clearbutton:hover svg{fill:#e14438}.zinputfield__clearbutton:active{border:solid #b3b3b3;border-width:0;background:#fff}.zinputfield__clearbutton:active .zinputfield__svg,.zinputfield__clearbutton:active svg{fill:#666}.zinputfield__clearbutton:active:hover{border:solid #b3b3b3;border-width:0;background:#fff}.zinputfield__clearbutton.zh-dnone{display:none}.zinputfield__spinbuttonpane{border:solid #b3b3b3;border-width:0;background:transparent;padding:0;margin:0;display:flex;flex-flow:column;overflow:hidden}.zinputfield__icon.zbutton__icon{width:12px;height:12px;display:block}.zinputfield__spinbutton{margin:-1px -1px -1px -1px;margin-left:0;border:solid #b3b3b3;border-width:1px 1px 1px 1px;border-radius:0;padding:1px 6px 2px 6px;background:#fff;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.zinputfield__spinbutton:hover,.zinputfield__spinbutton.on-hover{border:solid #b3b3b3;border-width:1px 1px 1px 1px;background:#f2f2f2}.zinputfield__spinbutton:hover .zinputfield__svg,.zinputfield__spinbutton:hover .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton.on-hover .zinputfield__svg,.zinputfield__spinbutton.on-hover .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton.has-kfocus{background:#fff}.zinputfield__spinbutton.has-kfocus .zinputfield__svg,.zinputfield__spinbutton.has-kfocus .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton:active,.zinputfield__spinbutton.is-selected{border:solid #b3b3b3;border-width:1px 1px 1px 1px;background:#e6e6e6}.zinputfield__spinbutton:active .zinputfield__svg,.zinputfield__spinbutton:active .zinputfield__icon svg,.zinputfield__spinbutton.is-selected .zinputfield__svg,.zinputfield__spinbutton.is-selected .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton:active .zinputfield__svg,.zinputfield__spinbutton:active .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton.is-selected .zinputfield__svg,.zinputfield__spinbutton.is-selected .zinputfield__icon svg{fill:#666}.zinputfield__spinbutton.is-disabled{background:#fff}.zinputfield__spinbutton.is-disabled .zinputfield__svg,.zinputfield__spinbutton.is-disabled .zinputfield__icon svg{fill:#b3b3b3}.zinputfield__spinbutton.is-disabled:hover,.zinputfield__spinbutton.is-disabled.on-hover{background:#fff}.zinputfield__spinbutton.is-disabled:active,.zinputfield__spinbutton.is-disabled.is-selected{background:#fff}.zinputfield__spinbutton.zh-dnone{display:none}.zinputfield--group{display:inline-block;font-size:0}.zinputfield--split{padding:0;text-align:center}.zinputfield--split .zinputfield__textbox{padding:7px 10px 7px 10px;text-align:center}.zinputfield--split .zinputfield__spinbutton{margin:-1px -1px -1px -1px;padding:9px 9px 9px 9px}.zinputfield--split .zinputfield__spinbuttonpane{flex-flow:row;overflow:visible}.zdialog{min-width:0;width:auto;max-width:100%;min-height:0;height:auto;max-height:100%;padding:0;display:none;position:absolute;background:#fff;border:1px solid #e6e6e6;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);border-radius:3px 3px 3px 3px;z-index:999;overflow:hidden;box-sizing:border-box;font-size:13px;outline:0;flex-flow:column nowrap}.zdialog *{outline:0}.zdialog__header{margin:0;padding:12px 15px 12px 15px;border:0 solid transparent;border-radius:2px 2px 0 0;background:#f2f2f2;min-height:30px;font-size:0;color:#111;box-sizing:border-box;position:relative;display:flex;flex-flow:row;align-items:center;justify-content:flex-end;flex-shrink:0}.zdialog__title{font-size:16px;line-height:1.3;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.zdialog__actiongroup{margin:0;display:inline-flex;flex-flow:row;align-items:center}.zdialog__actiongroup .zbutton{width:20px;height:20px;margin:0 -5px 0 6px;padding:2px 2px 2px 2px;border:0;background:0;min-width:inherit;box-sizing:border-box}.zdialog__actiongroup .zbutton .zbutton__svg{fill:gray}.zdialog__actiongroup .zbutton:hover{background:#d9d9d9}.zdialog__actiongroup .zbutton:hover .zbutton__svg{fill:#666}.zdialog__actiongroup .zbutton.has-kfocus{background:#d9d9d9;box-shadow:none}.zdialog__actiongroup .zbutton.has-kfocus .zbutton__svg{fill:#666}.zdialog__actiongroup .zbutton.has-kfocus:hover{border:0}.zdialog__actiongroup .zbutton:active{background:#d9d9d9}.zdialog__actiongroup .zbutton:active .zbutton__svg{fill:#666}.zdialog__actiongroup .zbutton:active:hover{border:0}.zdialog__actiongroup .zbutton.is-disabled{cursor:default;background:transparent}.zdialog__actiongroup .zbutton.is-disabled .zbutton__svg{fill:#b3b3b3}.zdialog__actiongroup .zbutton.is-disabled:hover,.zdialog__actiongroup .zbutton.is-disabled:focus,.zdialog__actiongroup .zbutton.is-disabled.has-kfocus{border:0}.zdialog__actiongroup .zbutton__icon{margin:0}.zdialog__content{margin:0;padding:15px 15px 15px 15px;border:0 solid transparent;background:transparent;overflow:auto;box-sizing:border-box}.zdialog__icon{width:16px;height:16px;float:left}.zdialog__icon .zdialog__svg{width:inherit;height:inherit;fill:gray}.zdialog__icon .grayscale{fill:gray}.zdialog__icon .warningcolor{fill:#f9c74e}.zdialog__icon .errorcolor{fill:#e14438}.zdialog__icon .infocolor,.zdialog__icon .helpcolor,.zdialog__icon .confirmcolor{fill:#439edc}.zdialog__icon .successcolor{fill:#00b595}.zdialog__footer{margin:0;padding:15px 15px 15px 15px;border:0 solid transparent;background:transparent;text-align:right;box-sizing:border-box;font-size:0;display:flex;flex-flow:row;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0}.zdialog__footer .zbutton{margin:0 0 0 8px}.zdialog__footer .zbutton.zbutton--help{float:left;background:0;border:0;min-width:inherit;margin:0;padding-left:0;padding-right:0;position:absolute;left:15px;top:0}.zdialog__footer .zbutton.zbutton--help:hover{background:0}.zdialog__footer .zbutton.zbutton--help:hover .zdialog__svg{fill:#666}.zdialog__footer .zbutton.zbutton--help.has-kfocus{background:0}.zdialog__footer .zbutton.zbutton--help.has-kfocus .zdialog__svg{fill:#666}.zdialog__footer .zbutton.zbutton--help:active{background:0}.zdialog__footer .zbutton.zbutton--help:active .zdialog__svg{fill:#666}.zdialog__footer .helpcolor{fill:gray}.zdialog__footer.zh-center{justify-content:center}.zdialog__footer.zh-center .zbutton--help{margin:0;position:absolute;left:15px}.zdialogfooter--invert{justify-content:flex-start}.zdialogfooter--invert .zbutton{margin:0 8px 0 0}.zdialogfooter--invert .zbutton.zbutton--help{position:absolute;right:15px;left:auto}.zdialog--maximized{top:0;bottom:0;right:0;left:0;position:fixed}.zdialog--maximized .zdialog__content{flex-grow:1;width:100% !important}.zdialog__footnote{margin:0;padding:13px 15px 13px 15px;border:solid #e6e6e6;border-width:1px 0 0 0;background:#f2f2f2;box-sizing:border-box;display:flex;flex-flow:row;justify-content:flex-start}.zdialog--minimized{width:300px;box-shadow:none;border-radius:3px 3px 3px 3px;border-bottom-right-radius:0;border-bottom-left-radius:0;position:fixed;bottom:0;right:0;z-index:99999}.zdialog--minimized .zdialog__content,.zdialog--minimized .zdialog__footer,.zdialog--minimized .zdialog__footnote,.zdialog--minimized .zc-resizable-handle{display:none}.zdialog__primarytext{font-size:14px;font-weight:700;color:#111}.zdialog__secondarytext{font-size:13px;color:#111}.zdialog__suppression{margin:22px 0 0 0;line-height:1.345}.zdialog__primarytext+.zdialog__secondarytext{margin:8px 0 0 0}.zdialog--overlay{background-color:rgba(255,255,255,0.8);overflow:auto;position:fixed;width:100%;height:100%;z-index:998;top:0;left:0;outline:0}.zdialog--maximized .zresizable__handle,.zdialog--minimized .zresizable__handle{display:none}.zdialog .zresizable__icon{border-radius:0;border:0;background:transparent}.zh-drag{user-select:none}.zdialog .zresizable__icon{border-radius:0;border:0;background:transparent;width:12px;height:12px;display:inline-block;position:absolute;left:0;top:-1px}.zdialog .zresizable__icon .zresizable__svg{fill:none;stroke:#666;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;width:inherit;height:inherit}.zdialog--alert{min-width:0;width:auto;max-width:100%;min-height:auto;height:auto;max-height:100%}.zdialog--alert .zdialog__content{display:flex;flex-flow:row}.zdialog--alert .zdialog__alerticon{padding:2px 17px 0 0}.zdialog--alert .zdialog__alerticon .zdialog__icon{width:32px;height:32px}.zdialog--alert .zdialog__description{overflow:hidden;display:flex;flex-flow:column;justify-content:center}.zdatetimefield{box-shadow:0 0 0 0 transparent}.zdatetimefield .zinputfield__textbox{text-align:left;text-overflow:unset}.zdatetimefield.zinputfield--split{text-align:left}.zdatetimefield.on-hover{box-shadow:0 0 0 0 transparent}.zdatetimefield.has-focus,.zdatetimefield.has-kfocus{box-shadow:0 0 0 0 transparent}.zdatetimefield.has-focus .zdatetimefield__iconbutton,.zdatetimefield.has-kfocus .zdatetimefield__iconbutton{border:solid #4190f2;border-width:0 1px 0 0;background:#f2f2f2;box-shadow:inset 0 0 0 1px #fff;fill:#666}.zdatetimefield.has-focus .zinputfield__textbox ~ .zdatetimefield__iconbutton,.zdatetimefield.has-kfocus .zinputfield__textbox ~ .zdatetimefield__iconbutton{border-width:0 0 0 1px}.zdatetimefield.is-active{box-shadow:0 0 0 0 transparent}.zdatetimefield.is-disabled{box-shadow:0 0 0 0 transparent;cursor:default;pointer-events:none}.zdatetimefield.is-disabled .zdatetimefield__iconbutton{border:solid #e6e6e6;border-width:0 1px 0 0;background:#f2f2f2}.zdatetimefield.is-disabled .zinputfield__textbox ~ .zdatetimefield__iconbutton{border-width:0 0 0 1px}.zdatetimefield.is-disabled .zdatetimefield__icon .zbutton__svg{fill:#b3b3b3}.zdatetimefield.is-readonly{cursor:default;pointer-events:none}.zdatetimefield.is-readonly .zdatetimefield__iconbutton{border:solid #b3b3b3;border-width:0 1px 0 0;background:#f2f2f2;fill:#b3b3b3}.zdatetimefield.is-readonly .zinputfield__textbox ~ .zdatetimefield__iconbutton{border-width:0 0 0 1px}.zdatetimefield__iconlabel{margin:8px 8px 8px 8px;margin-right:0;display:inline-block;vertical-align:top;fill:gray}.zdatetimefield__icon{width:14px;height:14px;position:relative;display:inline-block;vertical-align:top}.zdatetimefield__icon svg{width:inherit;height:inherit;position:absolute;left:0;top:0}.zinputfield__textbox+.zdatetimefield__iconlabel,.zinputfield__clearbutton+.zdatetimefield__iconlabel{margin:8px 8px 8px 8px;margin-left:0}.zdatetimefield__iconbutton{padding:8px 8px 8px 8px;margin:0;border:solid #b3b3b3;border-width:0 1px 0 0;border-radius:0;background:#f2f2f2;display:inline-block;vertical-align:top;fill:gray;cursor:pointer;line-height:1}.zdatetimefield__iconbutton:hover{border:solid #b3b3b3;border-width:0 1px 0 0;background:#e6e6e6;fill:#666}.zdatetimefield__iconbutton:active{border:solid #b3b3b3;border-width:0 1px 0 0;background:#d9d9d9;fill:#666}.zdatetimefield__iconbutton .zbutton__icon{width:14px;height:14px}.zinputfield__textbox ~ .zdatetimefield__iconbutton:hover,.zinputfield__textbox ~ .zdatetimefield__iconbutton{border:solid #b3b3b3;border-width:0 0 0 1px}.zmenu{border:1px solid #e6e6e6;padding:5px 0 5px 0;margin:0;width:auto;max-width:none;display:none;flex-flow:column;background:#fff;position:absolute;z-index:99999;box-sizing:border-box;outline:0;line-height:normal;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);border-radius:3px 3px 3px 3px}.zmenu *{outline:0}.zmenu__body,.zmenu__list{padding:0;margin:0;line-height:normal;display:flex;flex-flow:column}.zmenu__item{padding:7px 10px 7px 15px;list-style:none;cursor:pointer;position:relative;box-sizing:border-box;background:#fff;display:flex;flex-flow:row nowrap;align-items:flex-start;flex:1 0 auto}.zmenu__item.on-hover{background:#f2f2f2}.zmenu__item.on-hover .zmenu__arrow{fill:#666}.zmenu__item.on-hover .zmenu__text{color:#111}.zmenu__item.on-hover .zmenu__shortcut{color:#737373}.zmenu__item.on-hover .zmenu__svg{fill:#666}.zmenu__item.on-hover .zmenu__radio{fill:#666}.zmenu__item.on-hover .zmenu__tick{fill:#666}.zmenu__item.is-selected .zmenu__iconcontainer{background:#d9d9d9;border:0 solid #4190f2;border-radius:0}.zmenu__item.is-selected .zmenu__svg{fill:gray}.zmenu__item.is-selected .zmenu__radio{fill:gray}.zmenu__item.is-selected .zmenu__tick{fill:gray}.zmenu__item.is-disabled{cursor:default}.zmenu__item.is-disabled .zmenu__text{color:#999}.zmenu__item.is-disabled .zmenu__shortcut{color:#999}.zmenu__item.is-disabled .zmenu__icon svg{opacity:.5}.zmenu__separator{margin:5px 10px 5px 10px;list-style:none;height:1px;box-sizing:border-box;background:#e6e6e6;clear:both;display:flex;flex:1 0 auto}.zmenu__title{padding:3px 10px 2px 10px;background:#fff;list-style:none;position:relative;display:flex;flex-flow:row;align-items:center;width:100%;box-sizing:border-box;flex:1 0 auto}.zmenu__title .zmenu__text{position:relative;background:#fff;padding:0 10px 0 0;font-size:12px;color:#737373;flex-grow:0}.zmenu__title .zmenu__icon{display:none}.zmenu__title:before{content:"";height:1px;margin:0 10px 0 10px;position:absolute;top:50%;right:0;left:0;background:#e6e6e6}.zmenu__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;color:#111;font-size:13px;flex-grow:1}.zmenu__shortcut{padding:1px 0 0 10px;font-size:11px;color:#737373;line-height:1.4}.zmenu__iconcontainer{padding:3px 3px 3px 3px;margin:-3px 12px -3px 0;width:16px;height:16px;box-sizing:content-box}.zmenu__icon{width:16px;height:16px}.zmenu__svg{width:inherit;height:inherit;fill:gray;overflow:hidden}.zmenu__arrow{width:inherit;height:inherit;box-sizing:border-box;fill:gray;overflow:hidden}.zmenu__radio{width:inherit;height:inherit;box-sizing:border-box;fill:gray}.zmenu__tick{width:inherit;height:inherit;box-sizing:border-box;fill:gray}.zmenu__description{margin:4px 0 0 0;font-size:13px;color:#737373;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 auto;width:100%;box-sizing:border-box}.zmenu__iconcontainer ~ .zmenu__description{padding-left:34px}.zmenu__content .zmenu__description{padding:0}.zmenu__search{position:relative;list-style:none;display:flex;flex-flow:row;align-items:center}.zmenu__search .zmenu__icon{margin:0 0 0 18px;fill:gray}.zmenu__footer{margin:0;padding:5px 0 0 0;position:relative;border:solid #e6e6e6;border-width:1px 0 0 0;background:transparent;clear:both;box-sizing:border-box;box-shadow:0 0 0 0 transparent;display:flex;flex-flow:column}.zmenu__footer .zmenu__item{min-height:inherit;line-height:normal;flex-grow:1}.zmenu__footer .zmenu__text{margin:0}.zmenu__header{margin:0;padding:0 0 5px 0;border:solid #e6e6e6;border-width:0 0 1px 0;position:relative;display:flex;flex-flow:column;box-sizing:border-box}.zmenu__header .zmenu__item{min-height:inherit;line-height:normal}.zmenu__header .zmenu__text{margin:0}.zmenu__pointer{width:14px;height:7px;position:absolute;top:-6px;left:50%;direction:ltr}.zmenu__pointer:after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.zmenu__pointer.zh-top:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.zmenu__pointer.zh-top:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:7px solid #e6e6e6;border-left:7px solid transparent;border-right:7px solid transparent}.zmenu__pointer.zh-bottom{top:auto;bottom:-6px}.zmenu__pointer.zh-bottom:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.zmenu__pointer.zh-bottom:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:7px solid #e6e6e6;border-left:7px solid transparent;border-right:7px solid transparent}.zmenu__pointer.zh-right{width:7px;height:14px;top:50%;right:-6px;left:auto}.zmenu__pointer.zh-right:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:7px solid #fff;border-bottom:7px solid transparent;border-top:7px solid transparent}.zmenu__pointer.zh-right:before{margin-left:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-left:7px solid #e6e6e6;border-bottom:7px solid transparent;border-top:7px solid transparent}.zmenu__pointer.zh-left{width:7px;height:14px;top:50%;left:-6px}.zmenu__pointer.zh-left:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:7px solid #fff;border-bottom:7px solid transparent;border-top:7px solid transparent}.zmenu__pointer.zh-left:before{margin-left:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-right:7px solid #e6e6e6;border-bottom:7px solid transparent;border-top:7px solid transparent}.zmenu--submenu .zmenu__icon.zh-alignright{width:16px;height:16px;margin:0 -5px 0 10px}.zmenu--split .zmenu__icon.zh-alignright{height:100%;width:30px;margin:0;position:absolute;right:0;top:0;transform:translateY(0);background:#fff;text-align:center}.zmenu--split .zmenu__icon.zh-alignright.on-hover{background:#f2f2f2}.zmenu--split .zmenu__icon.zh-alignright.on-hover .zmenu__svg{fill:#666}.zmenu--split .zmenu__icon.zh-alignright:before{content:"";position:absolute;top:5px;bottom:5px;left:0;border-left:1px solid #b3b3b3;border-color:#e6e6e6}.zmenu--split .zmenu__arrow{width:16px;box-sizing:border-box}.zmenu--split .zmenu__text{padding-right:30px}.zmenu--withlink{padding:0}.zmenu--withlink .zmenu__link{padding:7px 10px 7px 15px;box-sizing:border-box;text-decoration:none;display:flex;flex-flow:row wrap;flex-grow:1}.zmenu--withlink .zmenu__description{padding-bottom:0}.zmenu--icononly .zmenu__item{clear:both;font-size:0;padding-left:10px}.zmenu--icononly .zmenu--withlink{padding:0}.zmenu--icononly .zmenu--withlink .zmenu__link{padding-left:10px}.zmenu--icononly .zmenu__iconcontainer{margin:-3px 0 -3px 0;float:none;transform:translateY(0)}.zmenu--iconwithtext .zmenu__title .zmenu__text{padding:0 10px 0 0}.zmenu__textbox{padding:7px 10px 7px 10px;margin:0;border:0;font-size:13px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;flex-grow:1;font-family:inherit}.zmenu--thumbnail{font-size:0;flex-flow:row wrap}.zmenu--thumbnail .zmenu__body,.zmenu--thumbnail .zmenu__list{flex-flow:row wrap}.zmenu--thumbnail .zmenu__item{height:auto;padding:2px 2px 2px 2px;text-align:center;margin:5px 5px 5px 5px;border:3px solid transparent;background:#fff;clear:initial;flex-flow:column;align-items:center;flex-grow:0}.zmenu--thumbnail .zmenu__item .zmenu__image{display:block}.zmenu--thumbnail .zmenu__item .zmenu__text{margin:5px 0 0 0;float:none;overflow:hidden;text-overflow:ellipsis;font-size:13px}.zmenu--thumbnail .zmenu__item.on-hover{border:3px solid transparent;background:#e6e6e6}.zmenu--thumbnail .zmenu__item.on-hover .zmenu__iconcontainer{background:#e6e6e6}.zmenu--thumbnail .zmenu__item.is-selected{border:3px solid #4190f2;background:#fff}.zmenu--thumbnail .zmenu__item.is-selected .zmenu__iconcontainer{background:#fff}.zmenu--thumbnail .zmenu__item.is-disabled .zmenu__text{color:#999}.zmenu--thumbnail .zmenu__item.is-disabled .zmenu__image{opacity:.5}.zmenu--thumbnail .zmenu__iconcontainer{padding:0;margin:0;width:auto;height:auto;box-sizing:content-box}.zmenu--thumbnail .zmenu--withlink{padding:0}.zmenu--thumbnail .zmenu--withlink .zmenu__link{padding:2px 2px 2px 2px;flex-flow:column;align-items:center}.zmenu--thumbnail .zmenu__footer{margin:0;flex-flow:column;align-items:flex-start}.zmenu--thumbnail .zmenu__footer .zmenu--withlink{padding:0}.zmenu--thumbnail .zmenu__footer .zmenu__text{margin:0}.zmenu--thumbnail .zmenu__header{margin:0;flex-flow:column;align-items:flex-start}.zmenu--thumbnail .zmenu__header .zmenu--withlink{padding:0}.zmenu--thumbnail .zmenu__header .zmenu__text{margin:0}.zmenu--thumbnail .zmenu__separator{width:100%}.zmenu--scroller{position:absolute;z-index:999999;text-align:center;background:#f9f9f9;border-radius:2px 2px 0 0;height:19px;cursor:default;width:100%}.zmenu--scroller .zmenu__icon{padding:0;margin:0;float:none}.zmenu--scroller .zmenu__icon svg{width:inherit;height:inherit;margin:2px 2px 2px 2px;box-sizing:border-box;fill:gray}.zmenu--scroller:hover{background:#f9f9f9}.zmenu--scroller:hover .zmenu__icon svg{fill:#666}.zmenu--scrollerdown{border-radius:0 0 2px 2px}.zmenu--selectmenu .zmenu__item.is-selected .zmenu__iconcontainer{background:0}.zmenu__width{width:auto !important}.zmenu--inline{width:inherit;height:inherit;position:relative}.zmenubar{padding:5px 3px 5px 0;margin:0}.zmenubar__item{margin:0;overflow:hidden;list-style:none;padding:5px 10px;position:relative;cursor:default;border:0;display:inline}.zmenubar.is-selected{padding:5px 10px}.zmenubar__text{margin-left:5px}.zbutton--menu .zbutton__icon.zh-floatright{width:16px;height:16px;margin:0 -5px 0 5px}.zbutton--menu.zbutton--large .zbutton__icon.zh-floatright{width:21px;height:21px;margin:0 -8px 0 8px}.zbutton--menu.zbutton--small .zbutton__icon.zh-floatright{width:15px;height:15px;margin:0 -4px 0 4px}.zbutton--menu.zbutton--mini .zbutton__icon.zh-floatright{width:14px;height:14px;margin:0 -3px 0 3px}.zbutton--ffsupport.zbutton--menu .zbutton__text{width:calc(100% - 40px)}.zbutton--ffsupport.zbutton--menu.zbutton--large .zbutton__text{width:calc(100% - 53px)}.zbutton--ffsupport.zbutton--menu.zbutton--small .zbutton__text{width:calc(100% - 38px)}.zbutton--ffsupport.zbutton--menu.zbutton--mini .zbutton__text{width:calc(100% - 35px)}.zlistbox{min-width:200px;max-width:360px;max-height:600px;margin:0;padding:0;border:1px solid #d8d8d8;border-radius:3px 3px 3px 3px;background:#fff;box-shadow:0 0 0 0 transparent;display:flex;flex-direction:column;box-sizing:border-box;outline:0;position:relative;overflow:hidden}.zlistbox.is-disabled{user-select:none}.zlistbox.is-disabled .zlistbox__searchfield{border:solid #e6e6e6;border-width:1px 1px 1px 1px;color:#e6e6e6}.zlistbox.is-disabled .zlistbox__searchfield::placeholder{-webkit-color:#e6e6e6;-moz-color:#e6e6e6;-o-color:#e6e6e6;-ms-color:#e6e6e6;color:#e6e6e6;opacity:1}.zlistbox.is-disabled .zlistbox__clearbutton{display:none}.zlistbox.is-disabled .zlistbox__searchicon{opacity:.2}.zlistbox--icononly{min-width:75px}.zlistbox--withcheckedindication:not(.zlistbox--withcheckbox):not(.zlistbox--reorderable) .zlistbox__item{padding:7px 10px 7px 10px}.zlistbox__search{margin:0;padding:13px 13px 13px 13px;border:1px solid #e6e6e6;border-width:0 0 1px 0;border-radius:2px 2px 0 0;background:#f2f2f2;box-shadow:0 0 0 0 transparent;position:relative;box-sizing:border-box;display:flex}.zlistbox__searchiconcontainer{width:16px;height:16px;margin:0;padding:0;border:solid transparent;border-width:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;outline:0;position:absolute;left:23px;top:20px}.zlistbox__searchicon{width:16px;height:16px;fill:gray}.zlistbox__searchicon svg{width:inherit;height:inherit}.zlistbox__searchfield{max-width:100%;width:100%;height:30px;margin:0;padding:5px 24px 5px 30px;border-radius:3px 3px 3px 3px;border:solid #d8d8d8;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent;font-size:13px;color:#111;outline:0;box-sizing:border-box;line-height:normal}.zlistbox__searchfield:hover,.zlistbox__searchfield.on-hover{border:solid #d8d8d8;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zlistbox__searchfield:focus,.zlistbox__searchfield.has-focus{border:solid #4190f2;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zlistbox__searchfield::-ms-clear{display:none}.zlistbox__searchfield::placeholder{color:#b3b3b3;opacity:1}.zlistbox__searchfield:-ms-input-placeholder{color:#b3b3b3}.zlistbox__searchfield::-ms-input-placeholder{color:#b3b3b3}.zlistbox__clearbutton{margin:0;padding:0;width:12px;height:12px;border:1px solid transparent;border-width:0;border-radius:0;background:transparent;outline:0;position:absolute;right:21px;top:22px;cursor:pointer}.zlistbox__clearbutton:hover,.zlistbox__clearbutton.on-hover{background:transparent}.zlistbox__clearicon{width:8px;height:8px;display:flex;align-items:center;justify-content:center;fill:gray}.zlistbox__clearicon:hover svg{fill:#e14438}.zlistbox__clearicon svg{width:inherit;height:inherit}.zlistbox__header{margin:0;padding:0;border:solid #e6e6e6;border-width:0 0 1px 0;box-sizing:border-box}.zlistbox__body{margin:5px 0 5px 0;padding:0;box-sizing:border-box;width:100%;outline:0}.zlistbox__item{margin:0;padding:7px 15px 7px 15px;border-radius:0;border:solid transparent;border-width:1px 1px 1px 1px;background-color:#fff;box-shadow:0 0 0 0 transparent;list-style-type:none;display:flex;align-items:center;outline:0;box-sizing:border-box;z-index:2}.zlistbox__item:hover .zlistbox__actions{visibility:visible}.zlistbox__item.on-hover{border:solid transparent;border-width:1px 1px 1px 1px;background:#f7f7f7;box-shadow:0 0 0 0 transparent}.zlistbox__item.on-hover .zlistbox__checkedicon{color:gray}.zlistbox__item.on-hover .zlistbox__icon{color:#666}.zlistbox__item.on-hover .zlistbox__text{color:#111}.zlistbox__item.on-hover .zlistbox__description{color:#737373}.zlistbox__item.on-hover .zlistbox__action{background:transparent;border:0 solid transparent}.zlistbox__item.has-focus{border-width:1px 1px 1px 1px;background:#ededed;box-shadow:0 0 0 0 transparent}.zlistbox__item.has-focus .zlistbox__checkedicon{color:gray}.zlistbox__item.has-focus .zlistbox__icon{color:#666}.zlistbox__item.has-focus .zlistbox__text{color:#111}.zlistbox__item.has-focus .zlistbox__description{color:#737373}.zlistbox__item.has-focus .zlistbox__action{background:transparent;border:0 solid transparent}.zlistbox__item.has-focus:hover,.zlistbox__item.has-focus.on-hover{background:#ededed;box-shadow:0 0 0 0 transparent}.zlistbox__item.is-active{border:solid transparent;border-width:1px 1px 1px 1px;background:#ededed;box-shadow:0 0 0 0 transparent}.zlistbox__item.is-active .zlistbox__checkedicon{color:gray}.zlistbox__item.is-active .zlistbox__icon{color:#666}.zlistbox__item.is-active .zlistbox__text{color:#111}.zlistbox__item.is-active .zlistbox__description{color:#737373}.zlistbox__item.is-active .zlistbox__action{background:transparent;border:0 solid transparent}.zlistbox__item.is-selected.has-focus{border-width:1px 1px 1px 1px}.zlistbox__item.is-selected .zlistbox__icon{color:gray}.zlistbox__item.is-selected .zlistbox__text{color:#111}.zlistbox__item.is-selected .zlistbox__description{color:#737373}.zlistbox__item.is-selected .zlistbox__checkedindication{visibility:visible}.zlistbox__item.is-disabled{border:solid transparent;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zlistbox__item.is-disabled .zcheckbox__label:before,.zlistbox__item.is-disabled .zcheckbox__label:after,.zlistbox__item.is-disabled .zcheckbox .zcheckbox__helper[type=checkbox]:checked+.zcheckbox__label:before,.zlistbox__item.is-disabled .zcheckbox .zcheckbox__helper[type=checkbox]:checked+.zcheckbox__label:after{border-color:#ccc}.zlistbox__item.is-disabled .zlistbox__checkedicon{fill:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__image{opacity:.42}.zlistbox__item.is-disabled .zlistbox__icon{fill:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__text{color:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__description{color:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__action .zlistbox__icon{fill:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__action:hover .zlistbox__icon{fill:#b3b3b3}.zlistbox__item.is-disabled .zlistbox__image.zlistbox__grippy,.zlistbox__item.is-disabled .zlistbox--withicon.zlistbox__grippy{-webkit-cursor:default;-moz-cursor:default;-o-cursor:default;-ms-cursor:default;cursor:default}.zlistbox__item.is-disabled .zlistbox__image.zlistbox__grippy:active,.zlistbox__item.is-disabled .zlistbox--withicon.zlistbox__grippy:active{-webkit-cursor:default;-moz-cursor:default;-o-cursor:default;-ms-cursor:default;cursor:default}.zlistbox__item.zlistbox__item--nonselectable{background:transparent;border:1px solid transparent}.zlistbox__item.zlistbox__item--rightclick{border:solid #4190f2;border-width:1px 1px 1px 1px}.zlistbox__item.zsortable__placeholder{border:dashed #b3b3b3;border-width:1px 0 1px 0;background:#f8f8f8;box-shadow:0 0 0 0 transparent}.zlistbox--withsearchfield .zlistbox__item.has-focus,.zlistbox--withsearchfield .zlistbox__item.is-active{border:solid transparent;background:#ededed;border-width:1px 1px 1px 1px}.zlistbox--withoutcheckeditem .zlistbox__item.is-selected{border:solid transparent;border-width:1px 1px 1px 1px;background:#d9e9fc;box-shadow:0 0 0 0 transparent}.zlistbox--withoutcheckeditem .zlistbox__item.is-selected.has-focus{border-width:1px 1px 1px 1px}.zlistbox--withoutcheckeditem .zlistbox__item.is-selected.on-hover,.zlistbox--withoutcheckeditem .zlistbox__item.is-selected.has-focus{background:#b8d5f9}.zlistbox--withcheckbox .zlistbox__item.has-focus,.zlistbox--withcheckbox .zlistbox__item.is-active,.zlistbox--withcheckedindication .zlistbox__item.has-focus,.zlistbox--withcheckedindication .zlistbox__item.is-active{border:solid transparent;background:#ededed;border-width:1px 1px 1px 1px}.zlistbox--withcheckbox .zlistbox__item.has-focus.is-selected.on-hover,.zlistbox--withcheckbox .zlistbox__item.is-active.is-selected.on-hover,.zlistbox--withcheckedindication .zlistbox__item.has-focus.is-selected.on-hover,.zlistbox--withcheckedindication .zlistbox__item.is-active.is-selected.on-hover{background:#ededed}.zlistbox--withcheckbox .zlistbox__item.is-selected.on-hover,.zlistbox--withcheckedindication .zlistbox__item.is-selected.on-hover{background:#f7f7f7}.zlistbox--withcheckbox .zlistbox__item.is-selected.is-disabled.on-hover,.zlistbox--withcheckedindication .zlistbox__item.is-selected.is-disabled.on-hover{background:#fff}.zlistbox .zlistbox__item.is-selected.zsortable__helper,.zlistbox .zlistbox__item.has-focus.zsortable__helper,.zlistbox .zlistbox__item.on-hover.zsortable__helper{border:1px solid #e6e6e6;background:#fff;box-shadow:0 0 0 0 transparent}.zlistbox .zlistbox__item.is-selected.zsortable__placeholder,.zlistbox .zlistbox__item.has-focus.zsortable__placeholder,.zlistbox .zlistbox__item.on-hover.zsortable__placeholder{border:dashed #b3b3b3;border-width:1px 0 1px 0;background:#f8f8f8;box-shadow:0 0 0 0 transparent}.zlistbox .zlistbox__item.is-selected.has-focus.zsortable__placeholder{border-width:1px 0 1px 0}.zlistbox__itemgroup{margin:0;padding:3px 10px 2px 10px;position:relative;display:flex;align-items:center;box-sizing:border-box;z-index:1}.zlistbox__itemgroup::before{content:"";margin:0 10px 0 10px;height:1px;background:#e6e6e6;position:absolute;top:50%;right:0;left:0}.zlistbox__itemgroup.is-disabled .zlistbox__grouplabel{color:#b3b3b3}.zlistbox__grouplabel{padding:0 10px 0 0;font-size:12px;color:#737373;background:#fff;position:relative}.zlistbox__checkbox{width:16px;height:16px;margin:0 14px 0 0;padding:0}.zlistbox--checkboxright .zlistbox__checkbox{margin:0 0 0 14px;order:2}.zlistbox__checkedindication{margin:0 10px 0 0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;visibility:hidden}.zlistbox__checkedicon{fill:gray;width:16px;height:16px;box-sizing:border-box}.zlistbox__checkedicon svg{width:inherit;height:inherit}.zlistbox--checkedindicationright .zlistbox__checkedindication{order:1;margin:0 0 0 10px}.zlistbox__image{width:36px;height:36px;margin:0 10px 0 0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.zlistbox__image img{width:100%;height:100%;border:1px solid transparent;border-radius:50% 50% 50% 50%;box-sizing:border-box}.zlistbox--withimage:not(.zlistbox--withdesc) .zlistbox__image{width:28px;height:28px}.zlistbox--withicon .zlistbox__image{width:16px;height:16px}.zlistbox__imagetext.zlistbox__image{background:#d9d9d9;border-radius:50% 50% 50% 50%}.zlistbox__imagetext .zlistbox--withicon{font-size:13px;color:#767676;white-space:nowrap}.zlistbox__image.zlistbox__grippy,.zlistbox--withicon.zlistbox__grippy{width:6px;height:10px;margin:0 15px 0 0;-webkit-cursor:grab;-moz-cursor:grab;-o-cursor:grab;-ms-cursor:grab;cursor:grab}.zlistbox__image.zlistbox__grippy:active,.zlistbox--withicon.zlistbox__grippy:active{-webkit-cursor:grabbing;-moz-cursor:grabbing;-o-cursor:grabbing;-ms-cursor:grabbing;cursor:grabbing}.zlistbox__image.zlistbox__grippy .zlistbox__icon,.zlistbox--withicon.zlistbox__grippy .zlistbox__icon{width:6px;height:10px;display:flex}.zlistbox__content{flex:1 1 auto;overflow:hidden;box-sizing:border-box}.zlistbox__text{margin:0;padding:0;font-size:13px;color:#111;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;line-height:1.3}.zlistbox__description{margin:3px 0 0 0;padding:0;font-size:13px;color:#737373;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;line-height:1.1}.zlistbox__actions{margin-left:auto;visibility:hidden;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zlistbox--actionbuttonvisible .zlistbox__actions{visibility:visible}.zlistbox__action{width:28px;height:28px;margin:0 0 0 10px;padding:0;background:transparent;border:0 solid transparent;border-radius:0;outline:0;cursor:pointer}.zlistbox__action:hover .zlistbox__icon,.zlistbox__action.on-hover .zlistbox__icon{fill:#666}.zlistbox__action.has-focus .zlistbox__icon{fill:#666}.zlistbox__action:active .zlistbox__icon,.zlistbox__action.is-active .zlistbox__icon{fill:#666}.zlistbox__icon{width:16px;height:16px;fill:gray;position:relative}.zlistbox__icon svg{width:inherit;height:inherit}.zlistbox__separator{margin:8px 10px 8px 10px;height:1px;background:#d8d8d8}.zlistbox__noresults{display:flex;align-items:center;justify-content:center;flex-flow:column;padding:0 13px 0 13px;line-height:20px;text-align:center}.zlistbox__noresultsicon{width:34px;height:34px;margin:0 0 10px 0;padding:0;fill:gray;display:none}.zlistbox__noresultsicon svg{width:inherit;height:inherit}.zlistbox__noresultstext{color:#111;font-size:13px;display:block}.zlistbox__footer{margin:0;padding:0;border:solid #e6e6e6;border-width:1px 0 0 0;box-sizing:border-box}.zlistbox__loader{min-height:40px;display:flex;align-items:center;justify-content:center;flex-flow:column}.zlistbox__fullloader{height:100%}.zlistbox--loading .zlistbox__body{margin-bottom:0;margin-top:0}.zlistbox__loader .zlistbox__loadericon{width:20px;height:20px;margin:1px 0 0 0;position:inherit;min-height:20px;display:flex;align-items:center;justify-content:center}.zlistbox__loader .zlistbox__loadericon .circle__track{cx:10px;cy:10px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:0;stroke-width:2px;stroke:#d9d9d9;fill:none}.zlistbox__loader .zlistbox__loadericon .circle__load{cx:10px;cy:10px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:42.42857px;stroke-width:2px;stroke:#4190f2;fill:none}.zlistbox__loader .zlistbox__loadericon svg{width:inherit;height:inherit}.zselectbox{min-width:0;width:200px;max-width:none;padding:7px 10px 7px 10px;border:1px solid #b3b3b3;border-radius:3px 3px 3px 3px;background:#fff;overflow:hidden;position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline:0;box-sizing:border-box;box-shadow:0 0 0 0 transparent}.zselectbox:hover{border:1px solid #b3b3b3;background-color:#f2f2f2;box-shadow:0 0 0 0 transparent}.zselectbox:hover .zselectbox__arrow{fill:#666}.zselectbox:hover .zselectbox__text{color:#111}.zselectbox:not(:hover):not(.has-focus):not(.is-active) .zselectbox__clearbutton{display:none}.zselectbox.has-kfocus{background-color:#fff;border:1px solid #4190f2;box-shadow:0 0 0 0 transparent}.zselectbox.has-kfocus:hover{background-color:#f2f2f2}.zselectbox.has-kfocus .zselectbox__arrow{fill:#4190f2}.zselectbox.has-kfocus .zselectbox__text{color:#111}.zselectbox.is-active{border:1px solid #b3b3b3;background-color:#e6e6e6;box-shadow:0 0 0 0 transparent}.zselectbox.is-active .zselectbox__arrow{fill:#666}.zselectbox.is-active .zselectbox__text{color:#111}.zselectbox.is-active:hover{background-color:#f2f2f2}.zselectbox.is-active:hover .zselectbox__arrow{fill:#666}.zselectbox.is-active .zselectbox__icon{background-color:transparent}.zselectbox.is-active .zselectbox__icon .zselectbox__arrow{fill:#666}.zselectbox.is-disabled{cursor:default;background-color:#fff;border:1px solid #e6e6e6;color:#999;box-shadow:0 0 0 0 transparent}.zselectbox.is-disabled .zselectbox__arrow{fill:#b3b3b3}.zselectbox.is-disabled .zselectbox__text{color:#999}.zselectbox.is-disabled .zselectbox__selected .zselectbox__icon{opacity:.5}.zselectbox.is-disabled>.zselectbox__icon:hover{background:#fff}.zselectbox.is-disabled .zselectbox__clearbutton{border:0 solid transparent;background:transparent}.zselectbox *{outline:0}.zmenu--selectmenu .zmenu__item{cursor:default}.zselectbox__selected{display:inline-flex;flex-flow:row nowrap;align-items:center;flex-grow:1;width:100%;box-sizing:border-box;line-height:normal;overflow:hidden}.zselectbox__selected .zselectbox__icon{width:16px;height:16px;margin:0 8px 0 0;position:relative;float:left;top:0;right:0;background-color:transparent;border:0;flex:0 0 auto}.zselectbox__clearbutton{flex-shrink:0;display:inline-flex;padding:0;margin:-7px 0 -7px 0;height:30px;width:22px;border:0 solid transparent;background:transparent;line-height:0}.zselectbox__clearbutton:hover,.zselectbox__clearbutton.on-hover{border:0 solid transparent;background:transparent}.zselectbox__clearbutton:hover svg,.zselectbox__clearbutton.on-hover svg{fill:#e14438}.zselectbox__clearbutton:active,.zselectbox__clearbutton.is-selected{border:0 solid transparent;background:transparent}.zselectbox__clearbutton:active svg,.zselectbox__clearbutton.is-selected svg{fill:gray}.zselectbox__clearbutton:active:hover svg,.zselectbox__clearbutton:active.on-hover svg,.zselectbox__clearbutton.is-selected:hover svg,.zselectbox__clearbutton.is-selected.on-hover svg{fill:gray}.zselectbox__clearbutton.is-disabled svg{fill:#b2b2b2}.zselectbox__clearbutton.is-disabled:hover svg,.zselectbox__clearbutton.is-disabled.on-hover svg{fill:#b2b2b2}.zselectbox__clearbutton .zbutton__icon{width:8px;height:8px;margin:0 7px 0 7px;display:inline-block;position:relative}.zselectbox__clearbutton svg{position:absolute;top:0;left:0;fill:gray}.zselectbox__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;font-size:13px;color:#111;flex-grow:1;line-height:1.25}.zselectbox__emptyresult{font-size:13px}.zselectbox__icon{width:16px;height:30px;margin:-7px 0 -7px 0;box-sizing:content-box;background-color:transparent;flex-shrink:0}.zselectbox__icon svg{width:inherit;height:inherit;position:absolute}.zselectbox__icon .zselectbox__arrow{margin:0;display:inherit;fill:gray}.zselectbox__icon:hover{background-color:transparent}.zselectbox--icononly{min-width:75px}.zselectbox--icononly .zselectbox__selected .zselectbox__icon{margin-right:0}.zselectbox__image{width:28px;height:28px;margin:0 10px 0 0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.zselectbox__image img{width:100%;height:100%;border:1px solid transparent;border-radius:50% 50% 50% 50%;box-sizing:border-box}.zselectbox--icontext .zselectbox__text{box-sizing:border-box}zwc-option,zwc-optgroup,zwc-optionseparator{display:none}.zselectbox__textbox{border:0;padding:0;font-size:13px;color:#111;width:100%;box-sizing:border-box;margin:0;background:transparent;text-overflow:ellipsis;line-height:1.2;flex-grow:1;font-family:inherit}.zselectbox__textbox::-ms-clear{display:none}.zselectbox__textbox::placeholder{color:#999;opacity:1}.zselectbox__textbox:-ms-input-placeholder{color:#999}.zselectbox__textbox::-ms-input-placeholder{color:#999}.zselectbox--icontext .zselectbox__textbox{box-sizing:border-box}.zcombobox{min-width:0;width:200px;max-width:none;padding:7px 10px 7px 10px;border:1px solid #b3b3b3;background:#fff;box-shadow:0 0 0 0 transparent}.zcombobox .zselectbox__icon{width:16px;margin:-7px -10px -7px 0;padding:0 5px 0 4px;border:solid #b3b3b3;border-width:0 0 0 1px;background-color:#fff;flex-shrink:0}.zcombobox .zselectbox__icon .zselectbox__arrow{fill:gray}.zcombobox:hover{border:1px solid #b3b3b3;background-color:#fff;box-shadow:0 0 0 0 transparent}.zcombobox:hover .zselectbox__arrow{fill:#666}.zcombobox:hover .zselectbox__text{color:#111}.zcombobox:hover .zselectbox__icon{border:solid #b3b3b3;border-width:0 0 0 1px;background-color:#f2f2f2}.zcombobox:hover .zselectbox__icon:hover{background-color:#f2f2f2}.zcombobox.has-kfocus{background-color:#fff;border:1px solid #4190f2;box-shadow:0 0 0 0 transparent}.zcombobox.has-kfocus:hover{background-color:#fff}.zcombobox.has-kfocus>.zselectbox__icon{border:solid #4190f2;border-width:0 0 0 1px;background-color:#f2f2f2}.zcombobox.has-kfocus>.zselectbox__icon:hover{background-color:#f2f2f2}.zcombobox.has-kfocus>.zselectbox__icon .zselectbox__arrow{fill:#4190f2}.zcombobox.has-kfocus .zselectbox__text{color:#111}.zcombobox.is-active{background-color:#fff;box-shadow:0 0 0 0 transparent;border:1px solid #b3b3b3}.zcombobox.is-active .zselectbox__icon{border:solid #b3b3b3;border-width:0 0 0 1px;background-color:#e6e6e6}.zcombobox.is-active .zselectbox__icon .zselectbox__arrow{fill:#666}.zcombobox.is-active .zselectbox__text{color:#111}.zcombobox.is-active:hover{background-color:#fff}.zcombobox.is-active:hover .zselectbox__arrow{fill:#666}.zcombobox.is-active:hover .zselectbox__text{color:#111}.zcombobox.is-active:hover .zselectbox__icon{background-color:#f2f2f2}.zcombobox.is-active:hover .zselectbox__icon:hover{background-color:#f2f2f2}.zcombobox.is-disabled{background-color:#fff;border:1px solid #e6e6e6;color:#999;box-shadow:0 0 0 0 transparent}.zcombobox.is-disabled .zselectbox__arrow{fill:#b3b3b3}.zcombobox.is-disabled .zselectbox__text{color:#999}.zcombobox.is-disabled .zselectbox__textbox{color:#999;-webkit-text-fill-color:#999}.zcombobox.is-disabled .zselectbox__selected .zselectbox__icon{opacity:.5}.zcombobox.is-disabled>.zselectbox__icon{border:solid #e6e6e6;border-width:0 0 0 1px;background:#fff}.zcombobox.is-disabled>.zselectbox__icon:hover{background:#fff}.zcombobox .zselectbox__selected .zselectbox__icon{width:16px;height:16px;margin:0 8px 0 0;padding:0;border:0;background-color:transparent}.zcombobox .zselectbox__selected .zselectbox__icon:hover{background-color:transparent}.zcombobox .zselectbox__text{font-size:13px;color:#111}.zcombobox .zselectbox__emptyresult{font-size:13px}.ztooltip{min-width:0;width:auto;max-width:300px;min-height:0;height:auto;max-height:none;margin:0;padding:6px 10px 6px 10px;border:0;border-radius:3px 3px 3px 3px;background:#1a1a1a;font-size:13px;color:#fff;position:absolute;box-sizing:border-box;z-index:9999999;font-weight:normal;box-shadow:0 0 0 0 transparent;word-break:break-word;pointer-events:none;outline:0}.ztooltip *{outline:0}.ztooltip__content{box-sizing:border-box}.ztooltip__pointer{position:absolute;width:12px;height:12px;direction:ltr}.ztooltip__pointer.zh-top{top:-6px;left:50%;height:6px}.ztooltip__pointer.zh-top:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:6px solid #1a1a1a;border-left:6px solid transparent;border-right:6px solid transparent}.ztooltip__pointer.zh-bottom{bottom:-6px;left:50%;height:6px}.ztooltip__pointer.zh-bottom:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:6px solid #1a1a1a;border-left:6px solid transparent;border-right:6px solid transparent}.ztooltip__pointer.zh-right{right:-6px;top:50%;width:6px}.ztooltip__pointer.zh-right:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:6px solid #1a1a1a;border-bottom:6px solid transparent;border-top:6px solid transparent}.ztooltip__pointer.zh-left{left:-6px;top:50%;width:6px}.ztooltip__pointer.zh-left:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:6px solid #1a1a1a;border-bottom:6px solid transparent;border-top:6px solid transparent}.zalertbanner{min-width:0;width:auto;max-width:none;min-height:0;height:auto;max-height:none;padding:11px 20px 11px 20px;margin:0;position:relative;overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;flex-flow:row;border-radius:3px 3px 3px 3px;outline:0;z-index:999999;box-shadow:0 0 0 0 transparent}.zalertbanner *{outline:0}.zalertbanner__text{display:inline-flex;flex-flow:column;vertical-align:middle;font-size:13px;line-height:1.4;word-break:break-word;flex-grow:1}.zalertbanner__text:only-child{margin-right:0}.zalertbanner__action+.zalertbanner__text{padding-right:40px}.zalertbanner__icon+.zalertbanner__action+.zalertbanner__text{padding-right:40px}.zalertbanner__secondarytext{font-size:13px;line-height:1.4;word-break:break-word}.zalertbanner__icon{padding-right:12px;width:24px;height:24px}.zalertbanner__icon svg{width:inherit;height:inherit}.zalertbanner__action{font-size:0;display:inline-flex;align-items:center}.zalertbanner__action .zalertbanner__icon{padding:0}.zalertbanner__close{width:16px;height:16px;padding:0;margin:0 0 0 24px;background:0;border:0;cursor:pointer;position:relative}.zalertbanner__close .zalertbanner__icon{width:16px;height:16px}.zalertbanner__close:hover{background:0;border:0}.zalertbanner__close:focus{background:0;border:0}.zalertbanner__close:active{background:0;border:0}.zalertbanner__close:active:hover{background:0;border:0}.zalertbanner__link{text-decoration:none;color:inherit;border-bottom:1px solid;cursor:pointer}.zalertbanner--bar{width:100%;max-width:inherit;border-radius:none}.zalertbanner--bar .zalertbanner__text{justify-content:center;flex-flow:row}.zalertbanner--info{border:0 solid #439edc;background:#439edc}.zalertbanner--info .zalertbanner__text{color:#fff}.zalertbanner--info .zalertbanner__secondarytext{color:#285f84}.zalertbanner--info .zalertbanner__svg{fill:#fff}.zalertbanner--info .zalertbanner__close .zalertbanner__svg{fill:rgba(255,255,255,0.7)}.zalertbanner--info .zalertbanner__close:hover .zalertbanner__svg{fill:#fff}.zalertbanner--info .zalertbanner__close:focus .zalertbanner__svg{fill:#fff}.zalertbanner--info .zalertbanner__close:active .zalertbanner__svg{fill:#fff}.zalertbanner--info .zalertbanner__close:active:hover .zalertbanner__svg{fill:#fff}.zalertbanner--success{border:0 solid #00b595;background:#00b595}.zalertbanner--success .zalertbanner__text{color:#fff}.zalertbanner--success .zalertbanner__secondarytext{color:#006d59}.zalertbanner--success .zalertbanner__svg{fill:#fff}.zalertbanner--success .zalertbanner__close .zalertbanner__svg{fill:rgba(255,255,255,0.7)}.zalertbanner--success .zalertbanner__close:hover .zalertbanner__svg{fill:#fff}.zalertbanner--success .zalertbanner__close:focus .zalertbanner__svg{fill:#fff}.zalertbanner--success .zalertbanner__close:active .zalertbanner__svg{fill:#fff}.zalertbanner--success .zalertbanner__close:active:hover .zalertbanner__svg{fill:#fff}.zalertbanner--warning{border:0 solid #f9c74e;background:#f9c74e}.zalertbanner--warning .zalertbanner__text{color:#333}.zalertbanner--warning .zalertbanner__secondarytext{color:#95772f}.zalertbanner--warning .zalertbanner__svg{fill:#333}.zalertbanner--warning .zalertbanner__close .zalertbanner__svg{fill:#5a5a5a}.zalertbanner--warning .zalertbanner__close:hover .zalertbanner__svg{fill:#333}.zalertbanner--warning .zalertbanner__close:focus .zalertbanner__svg{fill:#333}.zalertbanner--warning .zalertbanner__close:active .zalertbanner__svg{fill:#333}.zalertbanner--warning .zalertbanner__close:active:hover .zalertbanner__svg{fill:#333}.zalertbanner--error{border:0 solid #e14438;background:#e14438}.zalertbanner--error .zalertbanner__text{color:#fff}.zalertbanner--error .zalertbanner__secondarytext{color:#872922}.zalertbanner--error .zalertbanner__svg{fill:#fff}.zalertbanner--error .zalertbanner__close .zalertbanner__svg{fill:rgba(255,255,255,0.7)}.zalertbanner--error .zalertbanner__close:hover .zalertbanner__svg{fill:#fff}.zalertbanner--error .zalertbanner__close:focus .zalertbanner__svg{fill:#fff}.zalertbanner--error .zalertbanner__close:active .zalertbanner__svg{fill:#fff}.zalertbanner--error .zalertbanner__close:active:hover .zalertbanner__svg{fill:#fff}.zprogress{min-width:0;width:100%;max-width:none;height:5px;background:#d9d9d9;border:0;overflow:hidden;position:relative;display:inline-flex;border-radius:3px 3px 3px 3px;box-shadow:0 0 0 0 transparent;outline:0;z-index:auto;flex-grow:1}.zprogress *{outline:0}.zprogress__bar{background-color:#4190f2;min-height:inherit;max-height:inherit;height:inherit;position:absolute;top:0;left:0;overflow:hidden;transition:all .5s ease-in-out}.zprogress--indeterminate .zprogress__bar{background-color:#4190f2;width:40%;height:inherit;transition:all .5s ease-in-out;position:initial}.zprogress__labelinside{height:20px}.zprogress__labelinside .zprogress{height:inherit}.zprogress__labelinside .zprogress__text{position:absolute;text-align:center;padding:0 5px 0 5px;width:100%;color:#fff;font-size:12px;line-height:20px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zprogress__labelinside .zprogress__text.zh-alignleft{text-align:left}.zprogress__labelinside .zprogress__text.zh-alignright{text-align:right}.zprogress__labelinside .zh-reversecolor{color:#111}.zprogress--group{position:relative;font-size:0;display:inline-flex;flex-flow:column;align-items:center}.zprogress--group.zprogress__labelinside{height:20px}.zprogress--group.zprogress--circlegroup{height:auto}.zprogress__label{max-width:100%;font-size:13px;line-height:normal;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.zprogress__labeltop{text-align:center}.zprogress__labeltop .zprogress__label{margin:0 0 10px 0}.zprogress__labelleft{flex-flow:row;align-items:center}.zprogress__labelleft .zprogress{vertical-align:middle}.zprogress__labelleft .zprogress__label{max-width:50%;margin:0 10px 0 0}.zprogress__labelright{flex-flow:row;align-items:center}.zprogress__labelright .zprogress__label{max-width:50%;margin:0 0 0 10px}.zprogress__labelbottom{text-align:center}.zprogress__labelbottom .zprogress__label{margin:10px 0 0 0}.zprogress--group .ztooltip{position:absolute;background:#1a1a1a;padding:6px 10px 6px 10px;color:#fff;border-radius:3px 3px 3px 3px;max-width:300px;box-sizing:border-box;z-index:9999999;font-size:13px;font-weight:normal;border:0}.zprogress--group .ztooltip .ztooltip__content{overflow:auto;box-sizing:border-box}.zprogress--group .ztooltip .ztooltip__text{line-height:1.4;word-wrap:break-word}.zprogress--group .ztooltip .ztooltip__pointer{position:absolute;width:10px;height:5px;top:-5px;left:50%}.zprogress--group .ztooltip .ztooltip__pointer::after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:5px solid #1a1a1a;border-left:5px solid transparent;border-right:5px solid transparent}.zprogress--group .ztooltip .ztooltip__pointer.zh-bottom{top:auto;bottom:-5px}.zprogress--group .ztooltip .ztooltip__pointer.zh-bottom::after{border-top:5px solid #1a1a1a;border-bottom:0}.zprogress--circle{height:auto;width:auto;background:transparent;border-radius:100%;display:inline-flex;font-size:0;box-shadow:0 0 0 0 transparent;flex:0 0 auto}.zprogress--circle .zprogress__loader{height:48px;width:48px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.zprogress--circle .circle__track{stroke:#d9d9d9;fill:none}.zprogress--circle .circle__load{stroke:#4190f2;fill:none;transition:all .5s ease-in-out}.zprogresscircular--labelcenter .zprogress{float:left}.zprogresscircular--labelcenter .zprogress__label{position:absolute;width:100%;padding:10px 5px 10px 5px;margin:0;text-align:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:50%;transform:translateY(-50%);font-size:11px}.zprogresscircular--labeltop .zprogress__label{padding:0 0 10px 0;margin:0}.zprogresscircular--labelleft{flex-flow:row}.zprogresscircular--labelleft .zprogress__label{padding:0 5px 0 0}.zprogresscircular--labelright{flex-flow:row}.zprogresscircular--labelright .zprogress__label{padding:0 0 0 5px}.zprogresscircular--labelbottom .zprogress__label{padding:10px 0 0 0;margin:0}.zpopover{min-width:0;width:auto;max-width:none;min-height:0;height:auto;max-height:none;padding:0;border:1px solid #e6e6e6;border-radius:3px 3px 3px 3px;background:#fff;color:#111;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);z-index:9998;box-sizing:border-box;position:absolute;outline:0;display:none;flex-flow:column}.zpopover *{outline:0}.zpopover__title{padding:13px 17px 0 17px;border:solid transparent;border-radius:2px 2px 0 0;border-width:0;background:transparent;color:#111;min-height:21px;display:flex;flex-flow:row;justify-content:flex-end}.zpopover__title .zpopover__text{font-size:16px;line-height:1.15;display:inline-flex;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.zpopover__close{margin:-1px -5px 0 10px;padding:2px 2px 2px 2px;position:relative;border:0;border-radius:3px 3px 3px 3px;background:transparent;cursor:pointer;font-size:0}.zpopover__close:hover{background:#e6e6e6;border:0}.zpopover__close:hover .zpopover__svg{fill:#666}.zpopover__close.has-kfocus{background:#e6e6e6;border:0}.zpopover__close.has-kfocus .zpopover__svg{fill:#666}.zpopover__close:active{background:#e6e6e6;border:0}.zpopover__close:active .zpopover__svg{fill:#666}.zpopover__close:active:hover{background:#e6e6e6;border:0}.zpopover__close:active:hover .zpopover__svg{fill:#666}.zpopover__content{overflow:auto;word-wrap:break-word;padding:17px 17px 15px 17px}.zpopover__icon{width:16px;height:16px;margin:0;display:inline-flex}.zpopover__icon svg{width:inherit;height:inherit}.zpopover__icon .zpopover__svg{fill:gray}.zpopover__loading{width:100%;text-align:center;height:50px}.zpopover__loading .zh-loading{width:20px;height:20px;float:none;display:inline-flex;flex-grow:1;margin-top:10px}.zpopover__loading .zh-loading.zpopover__loader{fill:none}.zpopover__loading .zh-loading .circle__track{cx:10;cy:10;r:9;stroke-dasharray:56.57143px;stroke-dashoffset:0;stroke-width:1px;stroke:#999;fill:none}.zpopover__loading .zh-loading .circle__load{cx:10;cy:10;r:9;stroke-dasharray:56.57143px;stroke-dashoffset:42.42857px;stroke-width:1px;stroke:#4190f2;fill:none}.zpopover__title+.zpopover__content{padding-top:8px}.zpopover__action+.zpopover__text{padding-right:4px}.zpopover__draggablearea{top:0;left:0;min-height:10px;height:10px;width:100%;padding:0;background:transparent;overflow:hidden;cursor:move;box-sizing:border-box}.zpopover__draggablearea:before,.zpopover__draggablearea:after{content:"";border-top:1px dotted #b3b3b3;width:100%;position:absolute;top:1px;left:0;margin:3px 0 0 0}.zpopover__draggablearea:hover:before,.zpopover__draggablearea:hover:after{border-top:1px dotted #666}.zpopover__draggablearea:before{margin-top:0}.zpopover__pointer{position:absolute;top:0;left:0;height:7px;width:14px;direction:ltr}.zpopover__pointer:after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.zpopover--top .zpopover__pointer{position:absolute;top:-6px;left:50%;height:7px}.zpopover--top .zpopover__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.zpopover--top .zpopover__pointer:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:7px solid #e6e6e6;border-left:7px solid transparent;border-right:7px solid transparent}.zpopover--bottom .zpopover__pointer{top:auto;bottom:-6px;left:50%;height:7px}.zpopover--bottom .zpopover__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.zpopover--bottom .zpopover__pointer:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:7px solid #e6e6e6;border-left:7px solid transparent;border-right:7px solid transparent}.zpopover--right .zpopover__pointer{top:50%;right:-6px;left:auto;width:7px;height:14px}.zpopover--right .zpopover__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:7px solid #fff;border-bottom:7px solid transparent;border-top:7px solid transparent}.zpopover--right .zpopover__pointer:before{margin-left:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-left:7px solid #e6e6e6;border-bottom:7px solid transparent;border-top:7px solid transparent}.zpopover--left .zpopover__pointer{top:50%;left:-6px;width:7px;height:14px}.zpopover--left .zpopover__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:7px solid #fff;border-bottom:7px solid transparent;border-top:7px solid transparent}.zpopover--left .zpopover__pointer:before{margin-left:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-right:7px solid #e6e6e6;border-bottom:7px solid transparent;border-top:7px solid transparent}.zpopover--target{z-index:9998}.zpopover--overley{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(255,255,255,0.8);z-index:998}.zpopover--box .zpopover__pointer{display:none}.zsuggestfield{background:#fff;border:1px solid #e6e6e6;padding:0;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);outline:0}.zsuggestfield *{outline:0}.zsuggestfield .zmenu__item{overflow:hidden;cursor:default;background:#fff;align-items:center}.zsuggestfield .zmenu__item .zmenu__text{color:#111}.zsuggestfield .zmenu__item .zmenu__hint{color:#737373}.zsuggestfield .zmenu__item.on-hover{background:#f7f7f7}.zsuggestfield .zmenu__item.on-hover .zmenu__text{color:#111}.zsuggestfield .zmenu__item.on-hover .zmenu__hint{color:#737373}.zsuggestfield .zmenu__item.is-selected{background:#d9e9fc}.zsuggestfield .zmenu__item.is-selected .zmenu__text{color:#fff}.zsuggestfield .zmenu__item.is-selected .zmenu__hint{color:#fff}.zsuggestfield .zmenu__item.is-disabled{background:#fff}.zsuggestfield .zmenu__item.is-disabled .zmenu__text{color:#999}.zsuggestfield .zmenu__item.is-disabled .zmenu__hint{color:#737373}.zsuggestfield .zmenu__content{display:inline-flex;flex-flow:column;justify-content:center;font-size:0}.zsuggestfield .zmenu__text{font-size:13px;display:inline-block}.zsuggestfield .zmenu__iconcontainer{margin:0 8px 0 0;padding:3px 3px 3px 3px;transform:translateY(0)}.zsuggestfield .zmenu__icon{width:16px;height:16px}.zsuggestfield .zmenu__title{padding:5px 10px 0 10px;background:#fff}.zsuggestfield .zmenu__title .zmenu__text{font-size:12px;color:#737373}.zsuggestfield .zmenu__title:before{background-color:#e6e6e6}.zsuggestfield .zmenu__footer .zmenu__item{min-height:inherit;padding:5px 0 5px 0}.zsuggestfield .zmenu__footer .zmenu__text{margin:0}.zsuggestfield .zmenu__hint{margin:4px 0 0 0;padding:0;font-size:13px}.zsuggestfield .zprogress{background:#d9d9d9;border:0 solid transparent}.zsuggestfield .zprogress__bar{background-color:#4190f2}.zsuggestfield .zprogress--indeterminate .zprogress__bar{background-color:#4190f2}.zsuggestfield--withicon .zmenu__item{padding:7px 15px 7px 15px;align-items:flex-start}.zsuggestfield--withicon .zmenu__text{line-height:1.3}.zsuggestfield--withicon .zmenu__text,.zsuggestfield--withicon .zmenu__text:only-child{margin:0}.zsuggestfield--withicon .zmenu__iconcontainer{margin:0 8px 0 0;padding:3px 3px 3px 3px;margin-top:-3px}.zsuggestfield--withiconandhint .zmenu__text{margin:0}.zsuggestfield--withiconandhint .zmenu__iconcontainer{margin:0 8px 0 0;padding:3px 3px 3px 3px;margin-top:-3px}.zsuggestfield__avatar{border-radius:100%;width:100%;height:100%;margin:0 10px 0 0;display:inline-block;vertical-align:middle}.zsuggestfield__nonselectable{min-height:inherit !important;cursor:default !important;list-style:none}.zsuggestfield__nonselectable .zmenu__text:only-child{margin:0}.zsuggestfield__nonselectable i:not(.zh-loading){display:none}.zsuggestfield--loading{min-height:74px;min-width:250px}.zmenu--loading{position:absolute;top:0;min-height:60px;width:100%;height:100%;background:rgba(255,255,255,0.9);z-index:1;padding:0;margin:0}.zmenu--loading .zmenu__icon{width:20px;height:20px}.zmenu--loading .zmenu__item{background:transparent}.zmenu--loading .circle__track{cx:10;cy:10;r:9;stroke-dasharray:56.57143px;stroke-dashoffset:0;stroke-width:1px;stroke:#999;fill:none}.zmenu--loading .circle__load{cx:10;cy:10;r:9;stroke-dasharray:56.57143px;stroke-dashoffset:42.42857px;stroke-width:1px;stroke:#4190f2;fill:none}.zmenu--loading .zmenu__list,.zmenu--loading .zmenu__item{height:100%}.zslider{min-width:0;width:300px;max-width:none;margin:0;padding:0;position:relative;display:inline-flex;flex-flow:column;outline:0;box-sizing:content-box}.zslider *{outline:0}.zslider.is-disabled .ztooltip{display:none}.zslider.on-tabfocus .zslider__circlethumb:focus,.zslider.on-tabfocus .zslider__circlethumb.has-kfocus,.zslider.on-tabfocus .zslider__circlethumb:active{border:1px solid #4190f2;background:#e6e6e6;box-shadow:0 0 0 7px rgba(65,144,242,0.3);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider.on-tabfocus .zslider__circlethumb.is-disabled{border:1px solid #f2f2f2;background:#f9f9f9;box-shadow:0 0 0 1px #fff;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider.on-tabfocus .zslider__pointerthumb:focus,.zslider.on-tabfocus .zslider__pointerthumb.has-kfocus,.zslider.on-tabfocus .zslider__pointerthumb:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider.on-tabfocus .zslider__pointerthumb:focus .pointerthumb__border,.zslider.on-tabfocus .zslider__pointerthumb.has-kfocus .pointerthumb__border,.zslider.on-tabfocus .zslider__pointerthumb:active .pointerthumb__border{fill:rgba(65,144,242,0.3);transform:scale(1.35)}.zslider.on-tabfocus .zslider__pointerthumb.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider.is-disabled .zslider__track{background:#fff}.zslider.is-disabled .zslider__track:before{border:1px solid #f2f2f2}.zslider.is-disabled .zslider__selection{background:#8dbcf7}.zslider.is-disabled .zslider__selected{background:#8dbcf7}.zslider.is-disabled .zslider__tick:before{background:#ccc}.zslider.is-disabled .zslider__label{color:#999}.zslider.is-disabled .zslider__rangelabel{color:#999}.zslider.is-disabled.zslider--range .zslider__rangegroup{opacity:.5}.zslider.zslider--selectiondraggable .zslider__selection{cursor:ew-resize}.zslider .ztooltip__content{white-space:nowrap}.zslider .ztooltip{z-index:auto}.zslider--transition .zslider__thumb{transition-property:left,right;transition:200ms ease-in}.zslider--transition .zslider__selection{transition-property:width;transition:200ms ease-in}.zslider--transition.zslider--vertical .zslider__thumb{transition-property:top,bottom}.zslider--transition.zslider--vertical .zslider__selection{transition-property:height}.zslider__track{height:7px;border-radius:4px 4px 4px 4px;background:#fff;overflow:hidden;position:relative}.zslider__track:before{content:"";border:1px solid #d9d9d9;border-radius:4px 4px 4px 4px;position:absolute;top:0;bottom:0;left:0;right:0}.zslider__shadowtrack{height:7px;padding:5px 0;position:absolute;width:100%;z-index:1}.zslider__selection{background:#4190f2;height:inherit;position:absolute;z-index:1;box-sizing:content-box}.zslider__selected{background:#b3d3fa;height:inherit;position:absolute;z-index:2}.zslider__notallowedrange{background:#e6e6e6;height:inherit;position:absolute;z-index:3}.zslider__rangegroup{height:inherit;position:absolute;z-index:2}.zslider__thumb{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab}.zslider__thumb:active{cursor:grabbing;cursor:-webkit-grabbing;cursor:-moz-grabbing}.zslider__thumb.is-disabled{cursor:default}.zslider__circlethumb{width:16px;height:16px;border:1px solid #b3b3b3;border-radius:100% 100% 100% 100%;box-shadow:0 0 0 1px #fff;background:#f2f2f2;position:absolute;z-index:4;box-sizing:content-box;transition:transform 150ms ease-out}.zslider__circlethumb:hover{border:1px solid #b3b3b3;background:#e6e6e6;box-shadow:0 0 0 1px #fff;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider__circlethumb:focus,.zslider__circlethumb.has-kfocus{border:1px solid #4190f2;box-shadow:0 0 0 1px #fff;background:#e6e6e6;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:5}.zslider__circlethumb:active{border:1px solid #4190f2;background:#e6e6e6;box-shadow:0 0 0 1px #fff;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);z-index:5}.zslider__circlethumb.is-disabled{border:1px solid #f2f2f2;background:#f9f9f9;box-shadow:0 0 0 1px #fff;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider__pointerthumb{width:13px;height:19px;transition:transform 150ms ease-out;overflow:hidden;position:absolute;box-sizing:content-box;z-index:4}.zslider__pointerthumb .pointerthumb__outerborder{width:0;height:0;fill:transparent}.zslider__pointerthumb .pointerthumb__border{fill:#fff;transform-origin:50%;transition:transform 150ms ease-out}.zslider__pointerthumb .pointerthumb__innerborder{fill:#b3b3b3}.zslider__pointerthumb .pointerthumb{fill:#f2f2f2}.zslider__pointerthumb:not(.is-disabled):hover{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider__pointerthumb:not(.is-disabled):hover .pointerthumb__outerborder{fill:transparent}.zslider__pointerthumb:not(.is-disabled):hover .pointerthumb__border{fill:#fff}.zslider__pointerthumb:not(.is-disabled):hover .pointerthumb__innerborder{fill:#b3b3b3}.zslider__pointerthumb:not(.is-disabled):hover .pointerthumb{fill:#e6e6e6}.zslider__pointerthumb:not(.is-disabled):focus,.zslider__pointerthumb:not(.is-disabled).has-kfocus{z-index:5;overflow:visible;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider__pointerthumb:not(.is-disabled):focus .pointerthumb__outerborder,.zslider__pointerthumb:not(.is-disabled).has-kfocus .pointerthumb__outerborder{fill:transparent}.zslider__pointerthumb:not(.is-disabled):focus .pointerthumb__border,.zslider__pointerthumb:not(.is-disabled).has-kfocus .pointerthumb__border{fill:#fff}.zslider__pointerthumb:not(.is-disabled):focus .pointerthumb__innerborder,.zslider__pointerthumb:not(.is-disabled).has-kfocus .pointerthumb__innerborder{fill:#4190f2}.zslider__pointerthumb:not(.is-disabled):focus .pointerthumb,.zslider__pointerthumb:not(.is-disabled).has-kfocus .pointerthumb{fill:#e6e6e6}.zslider__pointerthumb:not(.is-disabled):active{z-index:5;overflow:visible;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider__pointerthumb:not(.is-disabled):active .pointerthumb__outerborder{fill:transparent}.zslider__pointerthumb:not(.is-disabled):active .pointerthumb__border{fill:#fff}.zslider__pointerthumb:not(.is-disabled):active .pointerthumb__innerborder{fill:#4190f2}.zslider__pointerthumb:not(.is-disabled):active .pointerthumb{fill:#e6e6e6}.zslider__pointerthumb.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider__pointerthumb.is-disabled .pointerthumb__outerborder{fill:transparent}.zslider__pointerthumb.is-disabled .pointerthumb__border{fill:#fff}.zslider__pointerthumb.is-disabled .pointerthumb__innerborder{fill:#f2f2f2}.zslider__pointerthumb.is-disabled .pointerthumb{fill:#f9f9f9}.zslider__pointerthumb.zh-inverted .zslider__pointerthumbsvg{top:calc(50% - .5px);left:50%}.zslider__pointerthumbsvg{width:initial;height:initial;position:absolute;top:calc(50% + 4.5px);left:50%;transform:translateX(-50%) translateY(-50%)}.zslider__fixedthumb{z-index:3}.zslider__scale{font-size:0;margin:2px 0 0 0;height:10px;position:relative;display:inline-flex;flex-flow:row}.zslider__scale.zh-inverted{margin:0 0 2px 0}.zslider__tick{box-sizing:border-box;position:absolute;cursor:default}.zslider__tick:before{content:"";display:inline-block;width:1px;height:10px;background:#666}.zslider__tick.is-disabled:before{background:#ccc}.zslider__labels{font-size:0;margin:4px 0 0 0;height:16px;position:relative;display:flex;flex-flow:row}.zslider__labels.zh-inverted{margin:0 0 4px 0}.zslider__label{display:inline-block;font-size:12px;color:#111;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;position:absolute;cursor:default}.zslider__label.is-disabled{color:#999}.zslider__rangelabels{font-size:0;margin:0 0 15px 0;position:relative;overflow:hidden;display:flex;flex-flow:row}.zslider__rangelabels.zh-inverted{margin:15px 0 0 0}.zslider__rangelabel{float:left;text-align:center;font-size:12px;color:#111;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden}.zslider--range .zslider__selected{opacity:.7;background:#fff}.zslider__parent{display:block !important;position:absolute !important;visibility:hidden !important}.zslider--vertical{font-size:0;height:300px;flex-flow:row;width:auto}.zslider--vertical .zslider__track{width:8px;display:inline-block;height:inherit}.zslider--vertical .zslider__shadowtrack{width:8px;padding:0 5px;height:inherit;display:inline-block}.zslider--vertical .zslider__scale,.zslider--vertical .zslider__labels,.zslider--vertical .zslider__rangelabels{display:inline-block;vertical-align:top}.zslider--vertical .zslider__tick:before{width:10px;height:1px}.zslider--vertical .zslider__tick:first-child{width:inherit}.zslider--vertical .zslider__tick:last-child{width:inherit}.zslider--vertical .zslider__scale{margin:0 0 0 2px;width:10px;height:inherit;flex-flow:column}.zslider--vertical .zslider__scale.zh-inverted{margin:0 2px 0 0}.zslider--vertical .zslider__labels{height:inherit;margin:0 0 0 4px;width:40px;flex-flow:row}.zslider--vertical .zslider__labels.zh-inverted{margin:0 4px 0 0}.zslider--vertical .zslider__label:first-child{width:inherit}.zslider--vertical .zslider__label:last-child{width:inherit}.zslider--vertical .zslider__rangelabels{height:inherit;margin:0 15px 0 0;width:70px;flex-flow:column}.zslider--vertical .zslider__rangelabels.zh-inverted{margin:0 0 0 15px}.zslider--vertical .zslider__rangelabel{width:100%;display:table;table-layout:fixed;text-align:right}.zslider--vertical .zh-inverted .zslider__rangelabel{text-align:left}.zslider--vertical.zslider--selectiondraggable .zslider__selection{cursor:ns-resize}.zslider--vertical .zslider__textcontainer{display:table-cell;vertical-align:middle;line-height:normal}.zslider--vertical .zslider__text{display:inline-block;overflow:hidden;line-height:normal;width:100%;text-overflow:ellipsis}.zslider--vertical .zslider__tick,.zslider--vertical .zslider__label{width:inherit}.zslider--vertical .zslider__labels.zh-inverted .zslider__label{text-align:right}.zslider--vertical .zslider__selection,.zslider--vertical .zslider__selected,.zslider--vertical .zslider__notallowedrange,.zslider--vertical .zslider__rangegroup{width:inherit}.zslider--vertical .zslider__pointerthumb{width:19px;height:13px}.zslider--vertical .zslider__pointerthumb:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider--vertical .zslider__pointerthumb:focus,.zslider--vertical .zslider__pointerthumb.has-kfocus{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical .zslider__pointerthumb:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical .zslider__pointerthumb.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider--vertical .zslider__pointerthumb.zh-inverted:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider--vertical .zslider__pointerthumb.zh-inverted:focus{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical .zslider__pointerthumb.zh-inverted:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical .zslider__pointerthumb.zh-inverted.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider--vertical .zslider__pointerthumb.zh-inverted .zslider__pointerthumbsvg{top:50%;left:calc(50% + -0.5px)}.zslider--vertical .zslider__pointerthumb .zslider__pointerthumbsvg{top:50%;left:calc(50% - -4.5px)}.zslider--vertical.on-tabfocus .zslider__pointerthumb:focus,.zslider--vertical.on-tabfocus .zslider__pointerthumb.has-kfocus,.zslider--vertical.on-tabfocus .zslider__pointerthumb:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical.on-tabfocus .zslider__pointerthumb.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zslider--vertical.on-tabfocus .zslider__pointerthumb.zh-inverted:focus,.zslider--vertical.on-tabfocus .zslider__pointerthumb.zh-inverted:active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zslider--vertical.on-tabfocus .zslider__pointerthumb.zh-inverted.is-disabled{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zdropdownlist{max-width:none;margin:0;padding:0;border:1px solid #e6e6e6;border-radius:3px 3px 3px 3px;background:#fff;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);display:flex;flex-direction:column;box-sizing:border-box;outline:0;position:absolute;z-index:99999}.zdropdownlist__width{width:auto !important}.zdropdownlist--icononly{min-width:auto}.zdropdownlist__titlebar{margin:0;padding:10px 5px 10px 10px;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:0 2px 0 0;background:#f2f2f2;box-shadow:0 0 0 0 transparent;display:flex;justify-content:space-between;align-items:center}.zdropdownlist__title{margin:0;padding:0;font-size:14px;color:#111;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zdropdownlist--withclose .zdropdownlist__titlebar{justify-content:flex-end}.zdropdownlist--withclose .zdropdownlist__clearbutton{right:36px}.zdropdownlist__closeiconcontainer{width:20px;height:20px;margin:0;padding:0;border:solid transparent;border-width:0;border-radius:3px 3px 3px 3px;background:transparent;outline:0;display:flex;align-items:center;justify-content:center}.zdropdownlist__closeiconcontainer:hover{background:#d9d9d9}.zdropdownlist__closeiconcontainer:hover .zdropdownlist__closeicon{fill:#666}.zdropdownlist__closeicon{width:16px;height:16px;fill:#707070;display:flex;align-items:center;justify-content:center}.zdropdownlist__closeicon svg{width:inherit;height:inherit}.zdropdownlist__search{margin:0;padding:10px 10px 10px 10px;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:0 2px 0 0;background:#f2f2f2;box-shadow:0 0 0 0 transparent;position:relative;box-sizing:border-box;display:flex;flex-shrink:0}.zdropdownlist--searchbottom .zdropdownlist__search{order:1;border-width:1px 0 0 0;border-radius:0 0 2px 2px}.zdropdownlist__searchiconcontainer{width:15px;height:14px;margin:auto auto auto auto;padding:0;border:solid transparent;border-width:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;outline:0;position:absolute;top:0;bottom:0;left:20px}.zdropdownlist__searchicon{width:15px;height:14px;fill:gray}.zdropdownlist__searchicon svg{width:inherit;height:inherit}.zdropdownlist__searchfield{max-width:100%;width:100%;height:26px;margin:0;padding:5px 24px 5px 30px;border-radius:3px 3px 3px 3px;border:solid #d8d8d8;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent;font-size:13px;color:#111;outline:0;box-sizing:border-box;line-height:normal}.zdropdownlist__searchfield:hover,.zdropdownlist__searchfield.on-hover{border:solid #d8d8d8;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zdropdownlist__searchfield:focus,.zdropdownlist__searchfield.has-focus{border:solid #4190f2;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zdropdownlist__searchfield::-ms-clear{display:none}.zdropdownlist__searchfield::placeholder{color:#999;opacity:1}.zdropdownlist__searchfield:-ms-input-placeholder{color:#999}.zdropdownlist__searchfield::-ms-input-placeholder{color:#999}.zdropdownlist__clearbutton{margin:auto auto auto auto;padding:0;width:12px;height:12px;border:1px solid transparent;border-width:0;border-radius:0;background:transparent;outline:0;position:absolute;right:16px;top:0;bottom:0;cursor:pointer}.zdropdownlist__clearbutton:hover,.zdropdownlist__clearbutton.on-hover{background:transparent}.zdropdownlist__clearicon{width:8px;height:8px;display:flex;align-items:center;justify-content:center;fill:gray}.zdropdownlist__clearicon:hover svg{fill:#e14438}.zdropdownlist__clearicon svg{width:inherit;height:inherit}.zdropdownlist__header{margin:0;padding:5px 0 5px 0;border:solid #e6e6e6;border-width:0 0 1px 0;box-sizing:border-box}.zdropdownlist__body{height:300px;margin:5px 0 5px 0;padding:0;box-sizing:border-box;width:100%;outline:0}.zdropdownlist__item{margin:0;padding:7px 15px 7px 15px;border-radius:0;border:solid transparent;border-width:1px 1px 1px 1px;background-color:#fff;box-shadow:0 0 0 0 transparent;list-style-type:none;display:flex;align-items:center;outline:0;box-sizing:border-box}.zdropdownlist__item.on-hover{border:solid transparent;border-width:1px 1px 1px 1px;background:#f7f7f7;box-shadow:0 0 0 0 transparent}.zdropdownlist__item.on-hover .zdropdownlist__checkedicon{color:gray}.zdropdownlist__item.on-hover .zdropdownlist__icon{color:#666}.zdropdownlist__item.on-hover .zdropdownlist__text{color:#111}.zdropdownlist__item.on-hover .zdropdownlist__description{color:#737373}.zdropdownlist__item.on-hover .zdropdownlist__actions{visibility:visible}.zdropdownlist__item.on-hover .zdropdownlist__action{background:transparent;border:0 solid transparent}.zdropdownlist__item.has-focus{border-width:1px 1px 1px 1px;background:#ededed;box-shadow:0 0 0 0 transparent}.zdropdownlist__item.has-focus .zdropdownlist__checkedicon{color:gray}.zdropdownlist__item.has-focus .zdropdownlist__icon{color:#666}.zdropdownlist__item.has-focus .zdropdownlist__text{color:#111}.zdropdownlist__item.has-focus .zdropdownlist__description{color:#737373}.zdropdownlist__item.has-focus .zdropdownlist__action{background:transparent;border:0 solid transparent}.zdropdownlist__item.has-focus:hover,.zdropdownlist__item.has-focus.on-hover{background:#ededed;box-shadow:0 0 0 0 transparent}.zdropdownlist__item.is-active{border:solid transparent;border-width:1px 1px 1px 1px;background:#ededed;box-shadow:0 0 0 0 transparent}.zdropdownlist__item.is-active .zdropdownlist__checkedicon{color:gray}.zdropdownlist__item.is-active .zdropdownlist__icon{color:#666}.zdropdownlist__item.is-active .zdropdownlist__text{color:#111}.zdropdownlist__item.is-active .zdropdownlist__description{color:#737373}.zdropdownlist__item.is-active .zdropdownlist__action{background:transparent;border:0 solid transparent}.zdropdownlist__item.is-selected.has-focus{border-width:1px 1px 1px 1px;background:#b8d5f9}.zdropdownlist__item.is-selected .zdropdownlist__icon{color:gray}.zdropdownlist__item.is-selected .zdropdownlist__text{color:#111}.zdropdownlist__item.is-selected .zdropdownlist__description{color:#737373}.zdropdownlist__item.is-selected .zdropdownlist__checkedindication{visibility:visible}.zdropdownlist__item.is-disabled{border:solid transparent;border-width:1px 1px 1px 1px;background:#fff;box-shadow:0 0 0 0 transparent}.zdropdownlist__item.is-disabled .zcheckbox__label:before,.zdropdownlist__item.is-disabled .zcheckbox__label:after,.zdropdownlist__item.is-disabled .zcheckbox .zcheckbox__helper[type=checkbox]:checked+.zcheckbox__label:before,.zdropdownlist__item.is-disabled .zcheckbox .zcheckbox__helper[type=checkbox]:checked+.zcheckbox__label:after{border-color:#ccc}.zdropdownlist__item.is-disabled .zdropdownlist__checkedicon{fill:#b3b3b3}.zdropdownlist__item.is-disabled .zdropdownlist__image{opacity:.42}.zdropdownlist__item.is-disabled .zdropdownlist__icon{fill:#b3b3b3}.zdropdownlist__item.is-disabled .zdropdownlist__text{color:#b3b3b3}.zdropdownlist__item.is-disabled .zdropdownlist__description{color:#b3b3b3}.zdropdownlist__item.is-disabled .zdropdownlist__action:hover .zdropdownlist__icon{fill:#b3b3b3}.zdropdownlist__item.zdropdownlist__item--nonselectable{background:transparent;border:1px solid transparent}.zdropdownlist__item.zdropdownlist__item--rightclick{border:solid #4190f2;border-width:1px 1px 1px 1px}.zdropdownlist__itemhide{display:none}.zdropdownlist--withcheckedindication:not(.zdropdownlist--withcheckbox) .zdropdownlist__item{padding:7px 10px 7px 10px}.zdropdownlist--withsearchfield .zdropdownlist__item.has-focus,.zdropdownlist--withsearchfield .zdropdownlist__item.is-active{border:solid transparent;background:#ededed;border-width:1px 1px 1px 1px}.zdropdownlist--withsearchfield .zdropdownlist__titlebar{border-width:0}.zdropdownlist--withsearchfield .zdropdownlist__titlebar{padding-bottom:0}.zdropdownlist--withsearchfield.zdropdownlist--withtitle .zdropdownlist__search{border-radius:0}.zdropdownlist--searchbottom .zdropdownlist__titlebar{padding-bottom:10px}.zdropdownlist--withoutcheckeditem .zdropdownlist__item.is-selected{border:solid transparent;border-width:1px 1px 1px 1px;background:#d9e9fc;box-shadow:0 0 0 0 transparent}.zdropdownlist--withoutcheckeditem .zdropdownlist__item.is-selected.has-focus{border-width:1px 1px 1px 1px;background:#b8d5f9}.zdropdownlist--withoutcheckeditem .zdropdownlist__item.is-selected.on-hover{background:#b8d5f9}.zdropdownlist--withcheckbox .zdropdownlist__item.has-focus,.zdropdownlist--withcheckbox .zdropdownlist__item.is-active,.zdropdownlist--withcheckedindication .zdropdownlist__item.has-focus,.zdropdownlist--withcheckedindication .zdropdownlist__item.is-active{border:solid transparent;background:#ededed;border-width:1px 1px 1px 1px}.zdropdownlist--withcheckbox .zdropdownlist__item.has-focus.is-selected.on-hover,.zdropdownlist--withcheckbox .zdropdownlist__item.is-active.is-selected.on-hover,.zdropdownlist--withcheckedindication .zdropdownlist__item.has-focus.is-selected.on-hover,.zdropdownlist--withcheckedindication .zdropdownlist__item.is-active.is-selected.on-hover{background:#ededed}.zdropdownlist--withcheckbox .zdropdownlist__item.is-selected.on-hover,.zdropdownlist--withcheckedindication .zdropdownlist__item.is-selected.on-hover{background:#f7f7f7}.zdropdownlist__itemgroup{margin:0;padding:3px 10px 2px 10px;position:relative;display:flex;align-items:center;box-sizing:border-box}.zdropdownlist__itemgroup::before{content:"";margin:0 10px 0 10px;height:1px;background:#e6e6e6;position:absolute;top:50%;right:0;left:0}.zdropdownlist__grouplabel{padding:0 10px 0 0;font-size:12px;color:#737373;background:#fff;position:relative}.zdropdownlist__checkbox{width:16px;height:16px;margin:0 14px 0 0;padding:0}.zdropdownlist--checkboxright .zdropdownlist__checkbox{order:2;margin:0 0 0 14px}.zdropdownlist__checkedindication{margin:0 10px 0 0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;visibility:hidden}.zdropdownlist__checkedicon{fill:gray;width:16px;height:16px;box-sizing:border-box}.zdropdownlist__checkedicon svg{width:inherit;height:inherit}.zdropdownlist--checkedindicationright .zdropdownlist__checkedindication{order:1;margin:0 0 0 10px}.zdropdownlist__image{width:36px;height:36px;margin:0 10px 0 0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.zdropdownlist__image img{width:100%;height:100%;border:1px solid transparent;border-radius:50% 50% 50% 50%;box-sizing:border-box}.zdropdownlist--withimage:not(.zdropdownlist--withdesc) .zdropdownlist__image{width:28px;height:28px}.zdropdownlist--withicon .zdropdownlist__image{width:16px;height:16px}.zdropdownlist--withicon.zdropdownlist--withdesc .zdropdownlist__image{align-self:flex-start}.zdropdownlist__icon{width:16px;height:16px;fill:gray;position:relative}.zdropdownlist__icon svg{width:inherit;height:inherit}.zdropdownlist__imagetext.zdropdownlist__image{background:#d9d9d9;border-radius:50% 50% 50% 50%;overflow:hidden}.zdropdownlist__imagetext .zdropdownlist--withicon{font-size:13px;color:#767676;white-space:nowrap}.zdropdownlist__content{flex:1 1 auto;overflow:hidden;box-sizing:border-box}.zdropdownlist__text{margin:0;padding:0;font-size:13px;color:#111;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;line-height:1.2}.zdropdownlist__description{margin:3px 0 0 0;padding:0;font-size:13px;color:#737373;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default;line-height:1.2}.zdropdownlist__actions{margin-left:auto;visibility:hidden;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zdropdownlist--actionbuttonvisible .zdropdownlist__actions{visibility:visible}.zdropdownlist__action{width:16px;height:16px;margin:0 0 0 10px;padding:0;background:transparent;border:0 solid transparent;border-radius:0;outline:0;cursor:pointer}.zdropdownlist__action.on-hover .zdropdownlist__icon{fill:#666}.zdropdownlist__action.has-focus .zdropdownlist__icon{fill:#666}.zdropdownlist__action:active .zdropdownlist__icon,.zdropdownlist__action.is-active .zdropdownlist__icon{fill:#666}.zdropdownlist__icon{width:16px;height:16px;fill:gray}.zdropdownlist__icon svg{width:inherit;height:inherit}.zdropdownlist__separator{margin:0 10px 0 10px;height:1px;background:#d8d8d8}.zdropdownlist__noresults{min-height:50px;padding:10px 10px 10px 10px;line-height:20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-flow:column;box-sizing:border-box}.zdropdownlist__noresultsicon{width:34px;height:34px;margin:0 0 10px 0;padding:0;fill:gray;display:none}.zdropdownlist__noresultsicon svg{width:inherit;height:inherit}.zdropdownlist__noresultstext{color:#111;font-size:13px;display:block}.zdropdownlist__footer{margin:0;padding:5px 0 5px 0;border:solid #e6e6e6;border-width:1px 0 0 0;box-sizing:border-box}.zdropdownlist__commandbar{margin:0;padding:10px 10px 10px 10px;background:#fff;border:solid #e6e6e6;border-width:1px 0 0 0;border-radius:0 0 3px 3px;display:flex;justify-content:flex-start;box-sizing:border-box;flex-shrink:0}.zdropdownlist__commandbar .zbutton{margin:0 8px 0 0;padding:4px 10px 4px 10px;min-width:0;cursor:default}.zdropdownlist__commandbar .zdropdownlist__textbutton{padding:4px 10px 4px 10px;border:1px solid transparent;background:transparent;color:#4190f2;font-size:13px}.zdropdownlist__commandbar .zdropdownlist__textbutton:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton.on-hover{border:1px solid transparent;background:transparent;color:#3473c2}.zdropdownlist__commandbar .zdropdownlist__textbutton:active,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-active{border:1px solid transparent;background:transparent;color:#4190f2}.zdropdownlist__commandbar .zdropdownlist__textbutton.has-kfocus{border:1px solid #4190f2}.zdropdownlist__commandbar .zdropdownlist__textbutton.zbutton:active:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton .zbutton:active.has-focus,.zdropdownlist__commandbar .zdropdownlist__textbutton .zbutton.is-selected:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton .zbutton.is-selected.has-focus{border:1px solid transparent;background:transparent;color:#4190f2}.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled{background:transparent;border:1px solid transparent;color:#b3b3b3}.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled.on-hover,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled:active,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled.is-active,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled:active:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled:active.has-focus,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled.is-selected:hover,.zdropdownlist__commandbar .zdropdownlist__textbutton.is-disabled.is-selected.has-focus{background:transparent;border:1px solid transparent;color:#b3b3b3}.zdropdownlist__commandbaractionsleft{margin-right:auto;display:flex}.zdropdownlist__commandbaractionsright{margin-left:auto;display:flex}.zdropdownlist__commandbaractionsright .zbutton{margin:0 0 0 8px}.zdropdownlist__loader{min-height:40px;display:flex;align-items:center;justify-content:center;flex-flow:column}.zdropdownlist--loading .zdropdownlist__body{margin-bottom:0;margin-top:0}.zdropdownlist__loader .zdropdownlist__loadericon{width:20px;height:20px;margin:1px 0 0 0;position:inherit;min-height:20px;display:flex;align-items:center;justify-content:center}.zdropdownlist__loader .zdropdownlist__loadericon .circle__track{cx:10px;cy:10px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:0;stroke-width:1px;stroke:#999;fill:none}.zdropdownlist__loader .zdropdownlist__loadericon .circle__load{cx:10px;cy:10px;r:9px;stroke-dasharray:56.57143px;stroke-dashoffset:42.42857px;stroke-width:1px;stroke:#4190f2;fill:none}.zdropdownlist__loader .zdropdownlist__loadericon svg{width:inherit;height:inherit}.zdropdownlist__pointer{width:20px;height:10px;position:absolute;top:-9px;left:40%;direction:ltr}.zdropdownlist__pointer:after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.zdropdownlist__pointer.zh-top:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist__pointer.zh-top:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist__pointer.zh-bottom{top:auto;bottom:-9px}.zdropdownlist__pointer.zh-bottom:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist__pointer.zh-bottom:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist__pointer.zh-right{width:10px;height:20px;top:50%;right:-9px;left:auto}.zdropdownlist__pointer.zh-right:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.zdropdownlist__pointer.zh-right:before{margin-left:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-left:10px solid #e6e6e6;border-bottom:10px solid transparent;border-top:10px solid transparent}.zdropdownlist__pointer.zh-left{width:10px;height:20px;top:50%;left:-9px}.zdropdownlist__pointer.zh-left:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.zdropdownlist__pointer.zh-left:before{margin-left:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-right:10px solid #e6e6e6;border-bottom:10px solid transparent;border-top:10px solid transparent}.zdropdownlist--pointerwithbg .zdropdownlist__pointer.zh-top:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #f2f2f2;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist--pointerwithbg .zdropdownlist__pointer.zh-top:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist--pointerwithbg .zdropdownlist__pointer.zh-bottom:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #f2f2f2;border-left:10px solid transparent;border-right:10px solid transparent}.zdropdownlist--pointerwithbg .zdropdownlist__pointer.zh-bottom:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zcolorpicker__maparea{width:292px;height:169px;border:solid #e6e6e6;border-width:0 0 1px 0;cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO29wYWNpdHk6Ljd9LmJsYWNrLXJvdW5ke29wYWNpdHk6Ljh9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSAxLjVjNC4xIDAgNy41IDMuNCA3LjUgNy41cy0zLjQgNy41LTcuNSA3LjVTMS41IDEzLjEgMS41IDkgNC45IDEuNSA5IDEuNU05IDAuMWMtNC45IDAtOC45IDQtOC45IDguOXM0IDkgOC45IDkgOS00IDktOVMxMy45IDAuMSA5IDAuMUw5IDAuMXoiLz48cGF0aCBjbGFzcz0iYmxhY2stcm91bmQiIGQ9Ik05IDIuNWMzLjYgMCA2LjUgMi45IDYuNSA2LjVzLTIuOSA2LjUtNi41IDYuNVMyLjUgMTIuNiAyLjUgOSA1LjQgMi41IDkgMi41TTkgMS4yQzQuNyAxLjIgMS4yIDQuNyAxLjIgOXMzLjUgNy44IDcuOCA3LjggNy44LTMuNSA3LjgtNy44UzEzLjMgMS4yIDkgMS4yTDkgMS4yeiIvPjwvc3ZnPg==") 9 9,auto;overflow:hidden;position:relative}.zcolorpicker__maparea canvas{width:100%;height:100%;position:absolute;left:0}.zcolorpicker__mapmarker{width:10px;height:10px;display:inline-block;border:1px solid #fff;border-radius:100% 100% 100% 100%;box-shadow:0 0 14px 0 rgba(0,0,0,0.35);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute}.zslider.zcolorpicker__slider{width:100%}.zslider.zcolorpicker__slider canvas{width:100%;height:100%;position:absolute;left:0}.zslider.zcolorpicker__slider .zslider__track{height:10px;border-radius:1px 1px 1px 1px}.zslider.zcolorpicker__slider .zslider__track:before{border-radius:1px 1px 1px 1px;z-index:1}.zslider.zcolorpicker__slider .zslider__circlethumb{width:12px;height:12px;border-radius:100% 100% 100% 100%;top:50%;transform:translateY(-50%) translateX(-50%)}.zslider.zcolorpicker__opacityslider{width:100%}.zslider.zcolorpicker__opacityslider canvas{width:100%;height:100%;position:absolute;left:0}.zslider.zcolorpicker__opacityslider .zslider__track{height:10px;border-radius:1px 1px 1px 1px}.zslider.zcolorpicker__opacityslider .zslider__track:before{border-radius:1px 1px 1px 1px;z-index:1}.zslider.zcolorpicker__opacityslider .zslider__circlethumb{width:12px;height:12px;border-radius:100% 100% 100% 100%;top:50%;transform:translateY(-50%) translateX(-50%)}.zcolorpicker__othercolormodefieldlabelcontainer{margin:5px 0 0 0;font-size:0;width:100%;display:flex;flex-flow:row;justify-content:flex-end}.zcolorpicker__othercolormodefieldlabel{width:40px;margin:0 0 0 5px;font-size:11px;color:silver;display:inline-block;text-align:center}.zcolorpicker__hexcolorfieldlabelcontainer{margin:5px 0 0 0;display:flex;justify-content:flex-end;font-size:0;width:100%}.zcolorpicker__hexcolorfieldlabelcontainer.zcolorpicker__withoutopacity .zcolorpicker__hexcolorfieldlabel{width:180px}.zcolorpicker__hexcolorfieldlabel{width:130px;margin:0 0 0 5px;font-size:11px;color:silver;display:inline-block;text-align:center}.zcolorpicker__addcolor{list-style:none;display:inline-block;box-sizing:border-box;vertical-align:top;margin:5px 5px 0 0}.zcolorpicker__addcolor .zbutton{width:15px;height:15px;padding:1px 1px 1px 1px;border:1px solid #e6e6e6;border-radius:0;background:#fff;cursor:pointer;line-height:1;fill:gray}.zcolorpicker__addcolor .zbutton:hover{border:1px solid #ccc;background:#f2f2f2;fill:#666}.zcolorpicker__addcolor .zbutton:active{border:1px solid #b3b3b3;background:#d9d9d9;fill:#666}.zcolorpicker__addcolor .zbutton.has-focus{border:1px solid #4190f2;background:#fff;fill:#666}.zcolorpicker__addcolor .zcolorpicker__addcoloricon{width:11px;height:11px;display:inline-block;position:relative}.zcolorpicker__addcolor .zcolorpicker__addcoloricon svg{width:inherit;height:inherit;position:absolute;top:0;left:0}.zcolorpicker__newcolorpreview{width:32px;height:24px;margin:0;border:solid transparent;border-width:0;border-radius:2px 2px 0 0;overflow:hidden;flex-grow:1}.zcolorpicker__newcolorpreview:only-child{border-radius:2px}.zcolorpicker__currentcolorpreview{width:32px;height:24px;margin:0;border:solid transparent;border-width:0;border-radius:0 0 2px 2px;display:block;overflow:hidden;cursor:pointer}.zcolorpicker__currentcolorpreview:only-child{border-radius:0 0 2px 2px}.zcolorpicker--advanced .zcolorpicker__palettecontainer{padding:12px 17px 20px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;background:transparent;white-space:normal}.zcolorpicker--advanced .zcolorpicker__colormodecontainer{padding:15px 17px 20px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;background:transparent;font-size:0;white-space:nowrap;display:flex;flex-flow:row nowrap}.zcolorpicker--advanced .zcolorpicker__colorfieldcontainer{padding:15px 19px 20px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;background:transparent;display:flex;flex-flow:row wrap}.zcolorpicker--advanced .zcolorpicker__colorfieldcontainer.zh-aligncenter{justify-content:center}.zcolorpicker--advanced .zcolorpicker__colorfieldcontainer .zcolorpicker--nomarginleft{margin:0}.zcolorpicker--advanced .zcolorpicker__previewbox{margin:0 20px 0 0;padding:0;border:solid #e6e6e6;border-width:1px 1px 1px 1px;border-radius:3px 3px 3px 3px;background:transparent;display:inline-flex;flex-flow:column}.zcolorpicker--advanced .zcolorpicker__slidercontainer{flex-grow:1;display:flex;flex-flow:wrap;align-content:space-around;align-items:center}.zcolorpicker--advanced .zcolorpicker__slidercontainer .zslider{margin:6px 0 6px 0}.zcolorpicker--advanced .zcolorpicker__colorfield{vertical-align:top;box-sizing:border-box;line-height:1.4;display:inline-block;padding:0;overflow:hidden}.zcolorpicker--advanced .zinputfield__textbox{padding:4px 8px 4px 8px;font-size:11px;line-height:1.4;width:100%;font-family:inherit}.zcolorpicker--advanced .zcolorpicker__colorfield{width:calc(100% - 76px)}.zcolorpicker--advanced .zcolorpicker__colorfield .zinputfield__textbox{unicode-bidi:plaintext;text-align:center}.zcolorpicker--advanced .zcolorpicker__colorfield.zcolorpicker__hexcolorfield{width:130px}.zcolorpicker--advanced .zcolorpicker__colorfield.zcolorpicker__othercolormodefield{width:40px}.zcolorpicker--advanced .zcolorpicker__colorfield.zcolorpicker__hexcolorfield ~ .zcolorpicker__hexcolorfieldlabelcontainer,.zcolorpicker--advanced .zcolorpicker__colorfield.zcolorpicker__othercolormodefield+.zcolorpicker__othercolormodefieldlabelcontainer{justify-content:center}.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield{width:calc(100% - 76px)}.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield.zcolorpicker__hexcolorfield{width:130px}.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield.zcolorpicker__othercolormodefield{width:40px}.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield.zcolorpicker__othercolormodefield .zinputfield__textbox{text-align:center;width:100%}.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield.zcolorpicker__hexcolorfield ~ .zcolorpicker__hexcolorfieldlabelcontainer,.zcolorpicker--advanced .zselectbox ~ .zcolorpicker__colorfield.zcolorpicker__othercolormodefield+.zcolorpicker__othercolormodefieldlabelcontainer{justify-content:flex-end}.zcolorpicker--advanced .zcolorpicker__selectbox ~ .zcolorpicker__colorfield.zcolorpicker__othercolormodefield .zinputfield__textbox{text-align:center}.zcolorpicker--advanced .zcolorpicker__selectbox ~ .zcolorpicker__colorfield.zcolorpicker__hexcolorfield ~ .zcolorpicker__hexcolorfieldlabelcontainer,.zcolorpicker--advanced .zcolorpicker__selectbox ~ .zcolorpicker__colorfield.zcolorpicker__othercolormodefield+.zcolorpicker__othercolormodefieldlabelcontainer{justify-content:flex-end}.zcolorpicker--advanced .zcolorpicker__hexcolorfield{margin:0 0 0 5px}.zcolorpicker--advanced .zcolorpicker__hexcolorfield .zinputfield__textbox{text-align:left}.zcolorpicker--advanced .zcolorpicker__othercolormodefield{margin:0 0 0 5px;display:inline-block}.zcolorpicker--advanced .zcolorpicker__othercolormodefield .zinputfield__textbox{padding:4px 0 4px 0;text-align:center;unicode-bidi:embed}.zcolorpicker--advanced .zcolorpicker__colorpan{width:15px;height:15px;margin:5px 5px 0 0}.zcolorpicker--advanced .zcolorpicker__shades .zcolorpicker__colorpan{margin-top:0}.zcolorpicker--advanced .zcolorpicker__shades .zcolorpicker__colorpan:first-child{margin:5px 0 5px 0}.zcolorpicker--advanced .zselectbox{width:71px;margin:0 5px 0 0;padding:3px 8px 3px 8px;vertical-align:middle}.zcolorpicker--advanced .zselectbox__text{font-size:11px}.zcolorpicker--advanced .zselectbox__selected{line-height:1.5}.zcolorpicker{margin:0;padding:0;border:1px solid #e6e6e6;border-radius:3px 3px 3px 3px;background:#fff;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);display:inline-flex;flex-flow:column;outline:0;z-index:9999;position:absolute}.zcolorpicker *{outline:0}.zcolorpicker__titlebar{padding:11px 17px 11px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:2px 2px 0 0;background:#fff;position:relative;display:flex;flex-flow:row nowrap;align-items:center}.zcolorpicker__title{font-size:14px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;line-height:1.2;flex-grow:1}.zcolorpicker__title:only-child{padding-right:0}.zcolorpicker__close{width:20px;height:20px;margin:0 -5px 0 10px;padding:2px 2px 2px 2px;border:0 solid transparent;border-radius:3px 3px 3px 3px;background:transparent;cursor:pointer}.zcolorpicker__close:hover{border:0 solid transparent;background:#e6e6e6}.zcolorpicker__close:hover svg{fill:#666}.zcolorpicker__close.has-focus,.zcolorpicker__close.has-kfocus{border:0 solid transparent;background:#e6e6e6}.zcolorpicker__close.has-focus svg,.zcolorpicker__close.has-kfocus svg{fill:#666}.zcolorpicker__close:active{border:0 solid transparent;background:#e6e6e6}.zcolorpicker__close:active svg{fill:#666}.zcolorpicker__close:active:hover{border:0 solid transparent;background:#e6e6e6}.zcolorpicker__close:active:hover svg{fill:#666}.zcolorpicker__close .zcolorpicker__icon{width:16px;height:16px;fill:gray}.zcolorpicker__close .zcolorpicker__icon svg{width:inherit;height:inherit}.zcolorpicker__icon{display:inline-block;vertical-align:middle;box-sizing:border-box}.zcolorpicker__icon svg{width:inherit;height:inherit}.zcolorpicker__showhidecontainer{overflow:hidden;white-space:nowrap;font-size:0;height:100%;position:relative}.zcolorpicker__nocolorbutton{width:100%;margin:0;padding:11px 17px 11px 17px;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:0;background:#fff;font-size:0;color:#111;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;cursor:pointer;fill:gray}.zcolorpicker__nocolorbutton:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666}.zcolorpicker__nocolorbutton:active,.zcolorpicker__nocolorbutton:active:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666}.zcolorpicker__nocolorbutton.has-focus,.zcolorpicker__nocolorbutton.has-kfocus{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__nocolorbutton.has-focus:hover,.zcolorpicker__nocolorbutton.has-kfocus:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__nocolorbutton .zcolorpicker__text{vertical-align:middle;font-size:12px}.zcolorpicker__nocolorbutton .zh-alignright{float:right;margin:0}.zcolorpicker__nocolorbutton .zcolorpicker__icon{width:16px;height:16px;margin:0 6px 0 0;border:0 solid transparent;border-radius:100% 100% 100% 100%}.zcolorpicker__defaultcolorbutton{width:100%;margin:0;padding:11px 17px 11px 17px;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:0;background:#fff;font-size:0;color:#111;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;cursor:pointer;fill:gray}.zcolorpicker__defaultcolorbutton:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666}.zcolorpicker__defaultcolorbutton:active,.zcolorpicker__defaultcolorbutton:active:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666}.zcolorpicker__defaultcolorbutton.has-focus,.zcolorpicker__defaultcolorbutton.has-kfocus{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__defaultcolorbutton.has-focus:hover,.zcolorpicker__defaultcolorbutton.has-kfocus:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__defaultcolorbutton .zcolorpicker__text{vertical-align:middle;font-size:12px}.zcolorpicker__defaultcolorbutton .zh-alignright{float:right;margin:0}.zcolorpicker__defaultcolorbutton .zcolorpicker__icon{width:16px;height:16px;margin:0 6px 0 0;border:1px solid rgba(17,17,17,0.1);border-radius:100% 100% 100% 100%}.zcolorpicker__morecolorbutton{width:100%;margin:0;padding:11px 17px 11px 17px;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:0;background:#fff;font-size:0;color:#111;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;cursor:pointer;white-space:normal;fill:gray}.zcolorpicker__morecolorbutton:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666}.zcolorpicker__morecolorbutton:active,.zcolorpicker__morecolorbutton:active:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666}.zcolorpicker__morecolorbutton.has-focus,.zcolorpicker__morecolorbutton.has-kfocus{border:solid #e6e6e6;border-width:0 0 1px 0;background:#fff;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__morecolorbutton.has-focus:hover,.zcolorpicker__morecolorbutton.has-kfocus:hover{border:solid #e6e6e6;border-width:0 0 1px 0;background:#f2f2f2;color:#111;fill:#666;box-shadow:inset 0 0 0 1px #4190f2}.zcolorpicker__morecolorbutton .zcolorpicker__text{vertical-align:middle;font-size:12px;flex-grow:1}.zcolorpicker__morecolorbutton .zcolorpicker__icon{width:16px;height:16px;margin:0 6px 0 0;border:0 solid transparent;border-radius:100% 100% 100% 100%;position:relative}.zcolorpicker__morecolorbutton .zh-alignright{float:right;margin:0}.zcolorpicker__morecolorbutton:last-child{border-bottom:0}.zcolorpicker__palettecontainer{padding:11px 17px 11px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;background:transparent;font-size:0;white-space:nowrap;display:flex;flex-flow:column}.zcolorpicker__palettecontainer .zcolorpicker__paletteheading{margin:0 0 3px 0;padding:0;background:transparent;font-size:13px;font-weight:400;color:#111;display:flex;justify-content:flex-start}.zcolorpicker__palettecontainer .zcolorpicker__palette{margin:0;padding:0;border:solid transparent;border-width:0;background:transparent}.zcolorpicker__palettecontainer .zcolorpicker__palette ul{margin:0;padding:0;line-height:1}.zcolorpicker__palettecontainer .zcolorpicker__palette ul:first-of-type .zcolorpicker__addcolor button{margin:0}.zcolorpicker__colorfieldcontainer{padding:11px 17px 11px 17px;margin:0;border:solid #e6e6e6;border-width:0;background:transparent;font-size:0;white-space:nowrap;display:flex;flex-flow:column}.zcolorpicker__shades{display:inline-block}.zcolorpicker__shades .zcolorpicker__colorpan{width:16px;height:16px;margin:2px 2px 0 0;margin-top:0;border-radius:0;list-style:none;display:block;cursor:pointer;box-sizing:border-box;border-color:transparent}.zcolorpicker__shades .zcolorpicker__colorpan:first-child{border:1px solid rgba(17,17,17,0.1);margin:2px 0 2px 0}.zcolorpicker__shades:last-child .zcolorpicker__colorpan{margin-right:0}.zcolorpicker__colorpan{width:16px;height:16px;margin:2px 2px 0 0;border:1px solid rgba(17,17,17,0.1);border-radius:0;list-style:none;display:inline-block;cursor:pointer;box-sizing:border-box;position:relative;z-index:1}.zcolorpicker__colorpan:last-child{margin-right:0}.zcolorpicker__colorpan:hover{box-shadow:inset 0 0 0 1px #f2f2f2,0 0 0 1px #333;z-index:2}.zcolorpicker__colorpan:focus{box-shadow:inset 0 0 0 1px transparent,0 0 0 1px #333;z-index:2}.zcolorpicker__colorpan.is-selected{box-shadow:inset 0 0 0 1px #f2f2f2,0 0 0 1px transparent;z-index:2}.zcolorpicker__colorfieldpreview{width:39px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.zcolorpicker__colorfield{width:179px;margin:0;border:1px solid #b3b3b3;border-radius:3px 3px 3px 3px;background:#fff;color:#111;vertical-align:top;box-sizing:border-box;font-size:0;overflow:hidden;display:flex;flex-flow:row nowrap}.zcolorpicker__colorfield .zcolorpicker__textbox{min-width:0;padding:3px 8px 3px 8px;font-size:12px;margin:0;border:0;display:inline-block;vertical-align:middle;box-sizing:border-box;line-height:1.3;flex-grow:1;font-family:inherit;text-overflow:ellipsis}.zcolorpicker__colorfield.has-focus,.zcolorpicker__colorfield.has-kfocus{border:1px solid #4190f2;background:#fff}.zcolorpicker__dynamiccolor{width:100%;height:100%;display:inline-block}.zcolorpicker__opacitycontainer{display:flex;flex-flow:row nowrap;align-items:center}.zcolorpicker__opacitycontainer .zslider{margin:0 15px 0 0;flex-grow:1;width:auto}.zcolorpicker__opacitycontainer .zslider canvas{width:100%;height:100%;position:absolute}.zcolorpicker__opacitycontainer .zslider__track{height:10px;border-radius:1px 1px 1px 1px}.zcolorpicker__opacitycontainer .zslider__track:before{border-radius:1px 1px 1px 1px;z-index:1}.zcolorpicker__opacitycontainer .zslider__circlethumb{width:12px;height:12px;border-radius:100% 100% 100% 100%;top:50%;transform:translateY(-50%) translateX(-50%)}.zcolorpicker__colorfield ~ .zcolorpicker__opacitycontainer{margin:12px 0 0 0}.zcolorpicker__opacityfield.zinputfield{width:42px;margin:0;display:inline-block;vertical-align:middle;box-sizing:border-box}.zcolorpicker__opacityfield.zinputfield .zinputfield__textbox{width:100%;padding:4px 4px 4px 4px;font-size:11px;line-height:1.3;text-align:center}.zcolorpicker__commandbar{margin:0;padding:12px 17px 12px 17px;border:solid #e6e6e6;border-width:0;background:transparent;text-align:center;display:block;box-sizing:border-box;overflow:hidden;position:relative}.zcolorpicker__commandbar .zbutton{float:none;vertical-align:middle}.zcolorpicker__commandbar .zcolorpicker__commandbaractionsleft{text-align:left;float:left}.zcolorpicker__commandbar .zcolorpicker__commandbaractionsleft .zbutton{margin:0;margin-right:10px}.zcolorpicker__commandbar .zcolorpicker__commandbaractionscenter{text-align:center;display:inline-block}.zcolorpicker__commandbar .zcolorpicker__commandbaractionscenter .zbutton{margin:0;margin-left:10px;margin-right:10px}.zcolorpicker__commandbar .zcolorpicker__commandbaractionsright{text-align:right;float:right}.zcolorpicker__commandbar .zcolorpicker__commandbaractionsright .zbutton{margin:0;margin-left:10px}.zcolorpicker__transparentbg{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHN0eWxlPSJmaWxsOiAjYzZjNmM2OyI+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iNCIvPjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSI0IiBoZWlnaHQ9IjQiLz48L3N2Zz4=") center top;background-size:8px}.zcolorpicker__pointer{position:absolute;top:0;left:0;height:10px;width:20px;direction:ltr}.zcolorpicker__pointer:after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.zcolorpicker--top .zcolorpicker__pointer{position:absolute;top:-9px;left:50%;height:10px;filter:drop-shadow(0 -1px 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(0 -1px 1px rgba(17,17,17,0.08))}.zcolorpicker--top .zcolorpicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}.zcolorpicker--top .zcolorpicker__pointer:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zcolorpicker--bottom .zcolorpicker__pointer{top:auto;bottom:-9px;left:50%;height:10px;filter:drop-shadow(0 1px 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(0 1px 1px rgba(17,17,17,0.08))}.zcolorpicker--bottom .zcolorpicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent}.zcolorpicker--bottom .zcolorpicker__pointer:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:10px solid #e6e6e6;border-left:10px solid transparent;border-right:10px solid transparent}.zcolorpicker--right .zcolorpicker__pointer{top:50%;right:-9px;left:auto;width:10px;height:20px;filter:drop-shadow(1px 0 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(1px 0 1px rgba(17,17,17,0.08))}.zcolorpicker--right .zcolorpicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.zcolorpicker--right .zcolorpicker__pointer:before{margin-left:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-left:10px solid #e6e6e6;border-bottom:10px solid transparent;border-top:10px solid transparent}.zcolorpicker--left .zcolorpicker__pointer{top:50%;left:-9px;width:10px;height:20px;filter:drop-shadow(-1px 0 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(-1px 0 1px rgba(17,17,17,0.08))}.zcolorpicker--left .zcolorpicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:10px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent}.zcolorpicker--left .zcolorpicker__pointer:before{margin-left:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-right:10px solid #e6e6e6;border-bottom:10px solid transparent;border-top:10px solid transparent}.zcolorpicker__default,.zcolorpicker--advanced{display:inline-block;vertical-align:top;transition:margin 350ms ease-in-out}.zcolorpicker__default>:last-child{border-radius:0 0 2px 2px}.zcolorpicker--transition{transition:width 300ms ease,height 300ms ease,left 300ms ease,top 300ms ease}.zcolorpicker--transition .zcolorpicker__pointer{transition:left 300ms ease,top 300ms ease}.zbutton--ffsupport.zbutton.zcolorpicker__nocolorbutton,.zbutton--ffsupport.zbutton.zcolorpicker__defaultcolorbutton,.zbutton--ffsupport.zbutton.zcolorpicker__morecolorbutton{text-align:left;display:block}.zswitch{min-width:44px;min-height:24px;margin:0;border-radius:12px 12px 12px 12px;position:relative;display:inline-flex;flex-direction:row;align-items:center;font-size:0;cursor:pointer;box-sizing:border-box;outline:0;-webkit-transform:none}.zswitch *{outline:0}.zswitch:before{content:"";border:1px solid;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:12px 12px 12px 12px;z-index:3;transition:all 300ms ease}.zswitch__wrapper{overflow:hidden;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:12px 12px 12px 12px}.zswitch__statescontainer{width:200%;position:absolute;top:0;bottom:0;left:0;white-space:nowrap;box-sizing:border-box;transition:all 300ms ease;display:flex;flex-direction:row}.zswitch__onstate,.zswitch__offstate{width:50%;height:100%;border-radius:12px 12px 12px 12px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;position:relative}.zswitch__thumb{width:24px;height:24px;border:1px solid;border-radius:12px 12px 12px 12px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;z-index:3;box-sizing:border-box;text-align:center;top:50%;transform:translateY(-50%);transition:left 300ms ease}.zswitch__label{margin:0 5px 0 5px;font-size:11px;display:inline-flex;flex-direction:row;align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;letter-spacing:.5px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.zswitch__icon{width:10px;height:10px;margin:0 5px 0 5px;display:inline-flex;flex-direction:row;align-items:center;position:relative}.zswitch__icon svg{width:inherit;height:inherit}.zswitch__onstate{padding-left:4px;padding-right:24px}.zswitch__offstate{padding-right:4px;padding-left:24px;position:relative;left:-24px}.zswitch--on{box-shadow:0 0 0 0 transparent}.zswitch--on:before{border-color:#4190f2}.zswitch--on .zswitch__onstate{z-index:2;background:#4190f2}.zswitch--on .zswitch__onstate .zswitch__label{color:#fff}.zswitch--on .zswitch__onstate .zswitch__icon{fill:#fff}.zswitch--on .zswitch__offstate{z-index:0;background:#f2f2f2}.zswitch--on .zswitch__offstate .zswitch__label{color:#999}.zswitch--on .zswitch__offstate .zswitch__icon{fill:#999}.zswitch--on:hover{box-shadow:0 0 0 0 transparent}.zswitch--on:hover:before{border-color:#3b82da}.zswitch--on:hover .zswitch__onstate{background:#3b82da}.zswitch--on.has-kfocus{box-shadow:0 0 0 0 transparent}.zswitch--on.has-kfocus:before{border-color:#4190f2}.zswitch--on.has-kfocus .zswitch__onstate{background:#4190f2}.zswitch--on.has-kfocus .zswitch__thumb{box-shadow:0 0 0 7px rgba(65,144,242,0.3)}.zswitch--on:active{box-shadow:0 0 0 0 transparent}.zswitch--on:active:before{border-color:#4190f2}.zswitch--on:active .zswitch__onstate{background:#4190f2}.zswitch--on .zswitch__thumb{border-color:#4190f2;background:#fff;box-shadow:none;left:calc(100% - (24px))}.zswitch--on .zswitch__thumb:hover{border-color:#3b82da;background:#fff}.zswitch--on .zswitch__thumb.has-kfocus{border-color:#4190f2;background:#fff}.zswitch--on .zswitch__thumb:active{border-color:#4190f2;background:#fff}.zswitch--on .zswitch__thumb .zswitch__icon{fill:#4190f2}.zswitch--on .zswitch__thumb .zswitch__label{color:#4190f2}.zswitch--on.is-disabled{box-shadow:0 0 0 0 transparent}.zswitch--on.is-disabled.zswitch{cursor:default}.zswitch--on.is-disabled.zswitch:before{border-color:#8dbcf7}.zswitch--on.is-disabled .zswitch__onstate{background:#8dbcf7}.zswitch--on.is-disabled .zswitch__onstate .zswitch__label{color:#fff}.zswitch--on.is-disabled .zswitch__onstate .zswitch__icon{fill:#d9e9fc}.zswitch--on.is-disabled .zswitch__thumb{border-color:#8dbcf7;background:#d9e9fc}.zswitch--on.is-disabled .zswitch__thumb .zswitch__icon{fill:#8dbcf7}.zswitch--on.is-disabled .zswitch__thumb .zswitch__label{color:#8dbcf7}.zswitch--off{box-shadow:0 0 0 0 transparent}.zswitch--off:before{border-color:#d9d9d9}.zswitch--off .zswitch__statescontainer{left:-20px}.zswitch--off .zswitch__onstate{z-index:0;background:#4190f2}.zswitch--off .zswitch__onstate .zswitch__label{color:#fff}.zswitch--off .zswitch__onstate .zswitch__icon{fill:#fff}.zswitch--off .zswitch__offstate{z-index:2;background:#f2f2f2}.zswitch--off .zswitch__offstate .zswitch__label{color:#999}.zswitch--off .zswitch__offstate .zswitch__icon{fill:#999}.zswitch--off:hover{box-shadow:0 0 0 0 transparent}.zswitch--off:hover:before{border-color:#ccc}.zswitch--off:hover .zswitch__offstate{background:#e6e6e6}.zswitch--off.has-kfocus{box-shadow:0 0 0 0 transparent}.zswitch--off.has-kfocus:before{border-color:#d9d9d9}.zswitch--off.has-kfocus .zswitch__offstate{background:#f2f2f2}.zswitch--off.has-kfocus .zswitch__thumb{box-shadow:0 0 0 7px rgba(204,204,204,0.3)}.zswitch--off:active{box-shadow:0 0 0 0 transparent}.zswitch--off:active:before{border-color:#d9d9d9}.zswitch--off:active .zswitch__offstate{background:#f2f2f2}.zswitch--off .zswitch__thumb{border-color:#d9d9d9;background:#fff;box-shadow:.5px .866px 4px 0 rgba(32,32,32,0.08);left:0}.zswitch--off .zswitch__thumb:hover{border-color:#ccc;background:#fff}.zswitch--off .zswitch__thumb.has-kfocus{border-color:#d9d9d9;background:#fff}.zswitch--off .zswitch__thumb:active{border-color:#d9d9d9;background:#fff}.zswitch--off .zswitch__thumb .zswitch__icon{fill:#999}.zswitch--off .zswitch__thumb .zswitch__label{color:#999}.zswitch--off.is-disabled{box-shadow:0 0 0 0 transparent}.zswitch--off.is-disabled.zswitch{cursor:default}.zswitch--off.is-disabled.zswitch:before{border-color:#f2f2f2}.zswitch--off.is-disabled .zswitch__offstate{background:#f2f2f2}.zswitch--off.is-disabled .zswitch__offstate .zswitch__label{color:#e6e6e6}.zswitch--off.is-disabled .zswitch__offstate .zswitch__icon{fill:#e6e6e6}.zswitch--off.is-disabled .zswitch__thumb{border-color:#f2f2f2;background:#fff}.zswitch--off.is-disabled .zswitch__thumb .zswitch__icon{fill:#e6e6e6}.zswitch--off.is-disabled .zswitch__thumb .zswitch__label{color:#e6e6e6}.zswitch--large{min-width:58px;min-height:32px;border-radius:16px 16px 16px 16px}.zswitch--large:before{border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px}.zswitch--large .zswitch__wrapper{border-radius:16px 16px 16px 16px}.zswitch--large .zswitch__onstate,.zswitch--large .zswitch__offstate{border-radius:16px 16px 16px 16px}.zswitch--large .zswitch__thumb{width:32px;height:32px;border-radius:16px 16px 16px 16px}.zswitch--large .zswitch__label{margin:0 5px 0 5px;font-size:12px}.zswitch--large .zswitch__icon{margin:0 5px 0 5px;width:12px;height:12px}.zswitch--large .zswitch__offstate{left:auto}.zswitch--large.zswitch--vertical .zswitch__onstate{padding-right:0;padding-bottom:33px}.zswitch--large.zswitch--vertical .zswitch__offstate{padding-left:0;padding-top:33px;top:-33px;left:auto}.zswitch--large.zswitch--on .zswitch__thumb{left:calc(100% - (32px))}.zswitch--large.zswitch--off .zswitch__statescontainer{left:-26px}.zswitch--large.zswitch--off .zswitch__thumb{left:0}.zswitch--small{min-width:38px;min-height:22px;border-radius:11px 11px 11px 11px}.zswitch--small:before{border-width:1px 1px 1px 1px;border-radius:11px 11px 11px 11px}.zswitch--small .zswitch__wrapper{border-radius:11px 11px 11px 11px}.zswitch--small .zswitch__onstate,.zswitch--small .zswitch__offstate{border-radius:11px 11px 11px 11px}.zswitch--small .zswitch__thumb{width:22px;height:22px;border-radius:11px 11px 11px 11px}.zswitch--small .zswitch__label{margin:0 2px 0 2px;font-size:10px}.zswitch--small .zswitch__icon{margin:0 2px 0 2px;width:10px;height:10px}.zswitch--small .zswitch__offstate{left:auto}.zswitch--small.zswitch--vertical .zswitch__onstate{padding-right:0;padding-bottom:23px}.zswitch--small.zswitch--vertical .zswitch__offstate{padding-left:0;padding-top:23px;top:-23px;left:auto}.zswitch--small.zswitch--on .zswitch__thumb{left:calc(100% - (22px))}.zswitch--small.zswitch--off .zswitch__statescontainer{left:-16px}.zswitch--small.zswitch--off .zswitch__thumb{left:0}.zswitch--notransition{transition:none}.zswitch--vertical{min-width:24px;min-height:44px}.zswitch--vertical .zswitch__statescontainer{width:100%;height:200%;position:absolute;top:0;bottom:auto;left:0;right:0;text-align:center;display:flex;flex-direction:column}.zswitch--vertical .zswitch__onstate,.zswitch--vertical .zswitch__offstate{height:50%;width:100%;padding:0;display:flex;flex-direction:column}.zswitch--vertical .zswitch__thumb{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);transition:top 300ms ease}.zswitch--vertical .zswitch__thumb .zswitch__icon{margin:0}.zswitch--vertical .zswitch__label{margin:5px 0 5px 0;position:relative;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.zswitch--vertical .zswitch__icon{margin:5px 0 5px 0;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.zswitch--vertical .zswitch__loader{text-align:center}.zswitch--vertical .zswitch__indicator{top:auto;left:50%;transform:translateX(-50%)}.zswitch--vertical .zswitch__onstate{padding-top:2px;padding-bottom:24px}.zswitch--vertical .zswitch__offstate{padding-top:24px;padding-bottom:2px;left:0;top:-24px}.zswitch--vertical.zswitch--on .zswitch__thumb{box-shadow:none;top:calc(100% - (24px));left:50%}.zswitch--vertical.zswitch--off .zswitch__statescontainer{top:-20px;left:auto}.zswitch--vertical.zswitch--off .zswitch__thumb{box-shadow:.5px .866px 4px 0 rgba(32,32,32,0.08);top:0;left:50%}.zswitch--vertical.zswitch--large{min-width:32px;min-height:58px;border-radius:16px 16px 16px 16px}.zswitch--vertical.zswitch--large:before{border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px}.zswitch--vertical.zswitch--large .zswitch__wrapper{border-radius:16px 16px 16px 16px}.zswitch--vertical.zswitch--large .zswitch__onstate,.zswitch--vertical.zswitch--large .zswitch__offstate{border-radius:16px 16px 16px 16px}.zswitch--vertical.zswitch--large .zswitch__thumb{width:32px;height:32px;border-radius:16px 16px 16px 16px}.zswitch--vertical.zswitch--large .zswitch__label{margin:5px 0 5px 0;font-size:12px}.zswitch--vertical.zswitch--large .zswitch__icon{margin:5px 0 5px 0;width:12px;height:12px}.zswitch--vertical.zswitch--large .zswitch__offstate{left:auto}.zswitch--vertical.zswitch--large.zswitch--vertical .zswitch__onstate{padding-right:0;padding-bottom:33px}.zswitch--vertical.zswitch--large.zswitch--vertical .zswitch__offstate{padding-left:0;padding-top:33px;top:-33px;left:auto}.zswitch--vertical.zswitch--large.zswitch--on .zswitch__thumb{top:calc(100% - (32px));left:50%}.zswitch--vertical.zswitch--large.zswitch--off .zswitch__statescontainer{top:-26px;left:auto}.zswitch--vertical.zswitch--large.zswitch--off .zswitch__thumb{top:0;left:50%}.zswitch--vertical.zswitch--large .zswitch__thumb .zswitch__icon{margin:0}.zswitch--vertical.zswitch--small{min-width:22px;min-height:38px;border-radius:11px 11px 11px 11px}.zswitch--vertical.zswitch--small.zswitch--on .zswitch__thumb{top:calc(100% - (22px));left:50%}.zswitch--vertical.zswitch--small.zswitch--off .zswitch__statescontainer{top:-16px;left:auto}.zswitch--vertical.zswitch--small.zswitch--off .zswitch__thumb{top:0;left:50%}.zswitch--vertical.zswitch--small:before{border-width:1px 1px 1px 1px;border-radius:11px 11px 11px 11px}.zswitch--vertical.zswitch--small .zswitch__wrapper{border-radius:11px 11px 11px 11px}.zswitch--vertical.zswitch--small .zswitch__onstate,.zswitch--vertical.zswitch--small .zswitch__offstate{border-radius:11px 11px 11px 11px}.zswitch--vertical.zswitch--small .zswitch__thumb{width:22px;height:22px;border-radius:11px 11px 11px 11px}.zswitch--vertical.zswitch--small .zswitch__label{margin:2px 0 2px 0;font-size:10px}.zswitch--vertical.zswitch--small .zswitch__icon{margin:2px 0 2px 0;width:10px;height:10px}.zswitch--vertical.zswitch--small .zswitch__offstate{left:auto}.zswitch--vertical.zswitch--small.zswitch--vertical .zswitch__onstate{padding-right:0;padding-bottom:23px}.zswitch--vertical.zswitch--small.zswitch--vertical .zswitch__offstate{padding-left:0;padding-top:23px;top:-23px;left:auto}.zswitch--vertical.zswitch--small .zswitch__thumb .zswitch__icon{margin:0}.zswitch--group,.zswitch--verticalgroup{display:inline-flex;align-items:center}.zdatetimepicker{margin:0;padding:0;border:1px solid #e6e6e6;border-radius:3px 3px 3px 3px;background:#fff;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);position:absolute;display:none;flex-flow:column;outline:0;z-index:9999}.zdatetimepicker *{outline:0}.zdatetimepicker__titlebar{padding:12px 17px 12px 17px;margin:0;border:solid #e6e6e6;border-width:0 0 1px 0;border-radius:2px 2px 0 0;background:#fff;position:relative;display:flex;flex-flow:row}.zdatetimepicker__title{font-size:14px;font-weight:700;color:#111;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;line-height:1.3}.zdatetimepicker__close{width:20px;height:20px;margin:0 -5px 0 10px;padding:2px 2px 2px 2px;border:0 solid transparent;border-radius:3px 3px 3px 3px;background:transparent;cursor:pointer}.zdatetimepicker__close:hover{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close:hover svg{fill:#666}.zdatetimepicker__close.has-kfocus{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close.has-kfocus svg{fill:#666}.zdatetimepicker__close.has-kfocus:hover{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close.has-kfocus:hover svg{fill:#666}.zdatetimepicker__close:active{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close:active svg{fill:#666}.zdatetimepicker__close:active:hover{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close:active:hover svg{fill:#666}.zdatetimepicker__close:active.has-kfocus{border:0 solid transparent;background:#e6e6e6}.zdatetimepicker__close:active.has-kfocus svg{fill:#666}.zdatetimepicker__close svg{width:16px;height:16px;fill:gray}.zdatetimepicker__monthcontainer{display:flex;flex-flow:column;flex-grow:1;height:100%}.zdatetimepicker__navbar{padding:3px 10px 3px 10px;background:transparent;font-size:0;position:relative;white-space:nowrap;display:flex;flex-flow:row;align-items:center;justify-content:center;flex-shrink:0}.zdatetimepicker__navbar .zselectbox{margin:5px 8px 5px 0;padding:4px 8px 4px 8px;width:107px;vertical-align:middle;text-align:left}.zdatetimepicker__navbar .zselectbox__text{font-size:12px;line-height:1.4}.zdatetimepicker__navbar .zcombobox{width:82px}.zdatetimepicker__navbar .zcombobox .zselectbox__textbox{font-size:12px;line-height:1.4}.zdatetimepicker__navbar .zcombobox .zselectbox__icon{padding:0 2px 0 2px;margin:-7px -9px -7px -8px;position:relative}.zdatetimepicker__navbar .zselectbox ~ .zselectbox{margin-right:0}.zdatetimepicker__navbar .zselectbox__selected{line-height:1.4}.zdatetimepicker__leftnav,.zdatetimepicker__rightnav{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.zdatetimepicker__leftnav{left:10px}.zdatetimepicker__rightnav{right:10px}.zdatetimepicker__navbutton.zbutton{width:16px;height:16px;margin:6px 0 4px 0;padding:5px 5px 5px 5px;border:0 solid transparent;background:transparent;vertical-align:middle;cursor:pointer;box-sizing:content-box;fill:gray}.zdatetimepicker__navbutton.zbutton:hover{border:0 solid transparent;background:transparent;fill:#666}.zdatetimepicker__navbutton.zbutton.has-kfocus{border:0 solid transparent;background:transparent;fill:#666}.zdatetimepicker__navbutton.zbutton:active{border:0 solid transparent;background:transparent;fill:#666}.zdatetimepicker__navbutton.zbutton.is-disabled{border:0 solid transparent;background:transparent;color:#e6e6e6;cursor:default;fill:#b3b3b3}.zdatetimepicker__icon{width:16px;Height:16px}.zdatetimepicker__icon svg{width:inherit;height:inherit}.zdatetimepicker__monthyearnav{margin:6px 0 4px 0;padding:5px 5px 5px 5px;border:0 solid transparent;background:transparent;font-size:13px;color:#333;vertical-align:middle;line-height:1.3;display:inline-flex;flex-flow:row nowrap;align-items:center}.zdatetimepicker__monthyearnav:hover{border:0 solid transparent;background:transparent;color:#333}.zdatetimepicker__monthyearnav.has-kfocus{border:0 solid transparent;background:transparent;color:#333}.zdatetimepicker__monthyearnav:active{border:0 solid transparent;background:transparent;color:#333}.zdatetimepicker__monthnav+.zdatetimepicker__yearnav{margin-left:3px}.zdatetimepicker__yearnav+.zdatetimepicker__monthnav{margin-left:3px}.zdatetimepicker__calendar{margin:0;padding:10px 9px 10px 9px;border:solid #e6e6e6;border-width:1px 0 0 0;background:transparent;text-align:center;white-space:nowrap;flex-grow:1;flex-shrink:0}.zdatetimepicker__month,.zdatetimepicker__weeknumbers{border-spacing:8px 7px;display:inline-block;vertical-align:top;border-collapse:initial}.zdatetimepicker__month th,.zdatetimepicker__weeknumbers th{font-weight:bold}.zdatetimepicker__month th,.zdatetimepicker__month td,.zdatetimepicker__weeknumbers th,.zdatetimepicker__weeknumbers td{padding:0;width:30px;height:30px;text-align:center;vertical-align:middle;box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.zdatetimepicker__day,.zdatetimepicker__weeknumbers th{border:1px solid transparent;border-radius:15px 15px 15px 15px;font-size:11px;color:#111;background:transparent}.zdatetimepicker__weeknumber{border:1px solid transparent;border-radius:15px 15px 15px 15px;font-size:12px;color:#111;background:transparent}.zdatetimepicker__date{border:1px solid transparent;border-radius:15px 15px 15px 15px;background:transparent;font-size:12px;color:#333;cursor:pointer}.zdatetimepicker__date.zdatetimepicker--today{border:1px solid #4190f2;background:transparent;color:#333}.zdatetimepicker__date.zdatetimepicker--weekend{border:1px solid transparent;background:transparent;color:#e14438}.zdatetimepicker__date.zdatetimepicker--weekend.zdatetimepicker--today{border:1px solid #4190f2}.zdatetimepicker__date.zdatetimepicker--special{border:1px solid transparent;background:transparent;color:#1abca0}.zdatetimepicker__date.zdatetimepicker--special.zdatetimepicker--today{border:1px solid #4190f2}.zdatetimepicker__date:hover{border:1px solid #d9e9fc;background:#d9e9fc;color:#333}.zdatetimepicker__date:hover.zdatetimepicker--today{border:1px solid #4190f2;background:#d9e9fc;color:#333}.zdatetimepicker__date:hover.zdatetimepicker--weekend{color:#e14438}.zdatetimepicker__date:hover.zdatetimepicker--special{color:#1abca0}.zdatetimepicker__date.is-disabled{border:1px solid transparent;background:transparent;color:#ccc;cursor:default}.zdatetimepicker__date.is-disabled.zdatetimepicker--today{border:1px solid #4190f2;background:transparent;color:#ccc}.zdatetimepicker__date.is-disabled.zdatetimepicker--weekend{color:#f3b4af}.zdatetimepicker__date.is-disabled.zdatetimepicker--special{color:#99e1d5}.zdatetimepicker__date.is-disabled.is-selected{opacity:.5}.zdatetimepicker__date.is-selected{border:1px solid #4190f2;background:#4190f2;color:#fff}.zdatetimepicker__date.is-selected.zdatetimepicker--weekend{color:#fff}.zdatetimepicker__date.is-selected.zdatetimepicker--special{color:#fff}.zdatetimepicker__date.is-selected:hover.zdatetimepicker--weekend{color:#fff}.zdatetimepicker__date.is-selected:hover.zdatetimepicker--special{color:#fff}.zdatetimepicker__date.is-selected:hover.zdatetimepicker--today{border:1px solid #4190f2;background:#4190f2;color:#fff}.zdatetimepicker__adjacentmonthdate{border:1px solid transparent;border-radius:15px 15px 15px 15px;background:transparent;font-size:12px;color:#a6a6a6;cursor:pointer}.zdatetimepicker__adjacentmonthdate.zdatetimepicker--weekend{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.5);color:#ea7c74}.zdatetimepicker__adjacentmonthdate.zdatetimepicker--special{border:1px solid transparent;background:transparent;color:#1abca0}.zdatetimepicker__adjacentmonthdate.zdatetimepicker--special.zdatetimepicker--today{border:1px solid #4190f2}.zdatetimepicker__adjacentmonthdate:hover{border:1px solid transparent;background:#d9e9fc;color:#a6a6a6}.zdatetimepicker__adjacentmonthdate:hover.zdatetimepicker--weekend{color:#ea7c74}.zdatetimepicker__adjacentmonthdate:hover.zdatetimepicker--special{color:#1abca0}.zdatetimepicker__adjacentmonthdate.is-disabled{border:1px solid transparent;background:transparent;color:#ccc;cursor:default}.zdatetimepicker__adjacentmonthdate.is-disabled.zdatetimepicker--weekend{color:#f3b4af}.zdatetimepicker__adjacentmonthdate.is-disabled.zdatetimepicker--special{color:#99e1d5}.zdatetimepicker__adjacentmonthdate.is-selected{border:1px solid #4190f2;background:#4190f2;color:#fff}.zdatetimepicker__adjacentmonthdate.is-selected.zdatetimepicker--special{color:#fff}.zdatetimepicker__adjacentmonthdate.is-selected:hover{color:#fff}.zdatetimepicker__adjacentmonthdate.is-selected:hover.zdatetimepicker--weekend{color:#fff}.zdatetimepicker__adjacentmonthdate.is-selected:hover.zdatetimepicker--special{color:#fff}.zdatetimepicker__adjacentmonthdate.zdatetimepicker--today{border:1px solid #4190f2}.zdatetimepicker--adjacentmonthdatereadonly .zdatetimepicker__adjacentmonthdate{pointer-events:none;cursor:default}.zdatetimepicker__drilldownview{margin:0;padding:8px 8px 8px 8px;border:solid #e6e6e6;border-width:1px 0 0 0;background:transparent;width:100%;box-sizing:border-box;flex-grow:1}.zdatetimepicker__drilldowncell{border-spacing:9px;margin:0 auto;border-collapse:initial}.zdatetimepicker__drilldowncell td{padding:0;width:57px;height:57px;border-radius:29px 29px 29px 29px;font-size:13px;text-align:center;vertical-align:middle;box-sizing:border-box;position:relative}.zdatetimepicker__drilldownnearlevelcell{border:1px solid transparent;background:transparent;color:#a6a6a6;cursor:pointer}.zdatetimepicker__drilldownnearlevelcell:hover{border:1px solid transparent;background:#d9e9fc;color:#a6a6a6}.zdatetimepicker__drilldownnearlevelcell.is-disabled{border:1px solid transparent;background:transparent;color:#ccc;cursor:default}.zdatetimepicker__monthyeargrid{border:1px solid transparent;background:transparent;color:#333;cursor:pointer}.zdatetimepicker__monthyeargrid.zdatetimepicker--currentcell{border:1px solid #4190f2;background:transparent;color:#333}.zdatetimepicker__monthyeargrid:hover{border:1px solid transparent;background:#d9e9fc;color:#333}.zdatetimepicker__monthyeargrid.is-selected{border:1px solid #4190f2;background:#4190f2;color:#fff}.zdatetimepicker__monthyeargrid.is-disabled{border:1px solid transparent;background:transparent;color:#ccc;cursor:default}.zdatetimepicker__monthyeargrid.is-disabled.zdatetimepicker--currentcell{border:1px solid #e6e6e6;background:transparent;color:#ccc}.zdatetimepicker__secondaryinfo{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.zdatetimepicker__timebar{margin:0;padding:15px 20px 15px 20px;border:solid #e6e6e6;border-width:1px 0 0 0;background:transparent;white-space:nowrap;display:flex;flex-flow:row;justify-content:center;align-items:center}.zdatetimepicker__timebar .zdatetimepicker__timeicon{width:16px;height:16px;margin:0 7px 0 0;fill:#999;display:inline-block;vertical-align:middle}.zdatetimepicker__timebar .zdatetimepicker__timeicon svg{width:inherit;height:inherit}.zdatetimepicker__timebar .zdatetimepicker__timelabel{margin:0 10px 0 0;font-size:11px;color:#999;vertical-align:middle;line-height:1.3}.zdatetimepicker__timebar .zinputfield{width:100px;margin:0;text-align:left;white-space:normal}.zdatetimepicker__timebar .zinputfield svg{position:absolute;left:0;top:0}.zdatetimepicker__timebar .zinputfield__textbox{padding:3px 8px 3px 8px;line-height:1.23}.zdatetimepicker__timebar .zinputfield__spinbutton{padding:1px 4px 2px 4px;margin:-1px -1px -1px -1px;margin-left:0}.zdatetimepicker__timebar .zinputfield__icon{width:9px;height:8px;position:relative}.zdatetimepicker__timebar .zselectbox{margin:5px 8px 5px 0;margin-top:0;margin-bottom:0;padding:4px 8px 4px 8px;width:auto;text-align:left;display:inline-flex;vertical-align:middle}.zdatetimepicker__timebar .zselectbox:last-child{margin:0}.zdatetimepicker__timebar .zselectbox__text{font-size:12px;line-height:1.2}.zdatetimepicker__timebar .zselectbox__icon{padding-left:0}.zdatetimepicker__timebar .zdatetimepicker__starttime,.zdatetimepicker__timebar .zdatetimepicker__endtime{display:inline-flex;flex-flow:row nowrap;align-items:center}.zdatetimepicker__timebar .zdatetimepicker__starttime{margin:0 34px 0 0}.zdatetimepicker__timebar .zdatetimepicker--multipleselectbox{display:inline-block;vertical-align:middle}.zdatetimepicker__timebar .zdatetimepicker--multipleselectbox .zselectbox{min-width:53px}.zdatetimepicker__timebar .zdatetimepicker--multipleselectbox .zselectbox__icon{margin-right:auto;margin-left:auto}.zdatetimepicker__commandbar{margin:0;padding:15px 17px 15px 17px;border:solid #e6e6e6;border-width:1px 0 0 0;background:transparent;box-sizing:border-box;overflow:hidden;position:relative;font-size:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.zdatetimepicker__commandbar .zdatetimepicker__column{flex-grow:1;width:50%}.zdatetimepicker__commandbar .zbutton{float:none;vertical-align:middle}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsleft{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;width:100%;flex-grow:1}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsleft .zbutton{margin:0;margin-right:10px}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsleft .zdatetimepicker__todaylink{margin:0;margin-right:10px}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionscenter{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:100%;flex-grow:1}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionscenter .zbutton{margin:0;margin-left:5px;margin-right:5px}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionscenter .zdatetimepicker__todaylink{margin:0;margin-left:5px;margin-right:5px}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionscenter .zdatetimepicker__todaylink:only-child{margin:0}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsright{display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;width:100%;flex-grow:1}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsright .zbutton{margin:0;margin-left:10px}.zdatetimepicker__commandbar .zdatetimepicker__commandbaractionsright .zdatetimepicker__todaylink{margin:0;margin-left:10px}.zdatetimepicker__todaylink{padding:4px 4px 4px 4px;border:1px solid transparent;background:transparent;color:#4190f2;font-size:13px;cursor:pointer}.zdatetimepicker__todaylink:hover{border:1px solid transparent;background:transparent;color:#3473c2}.zdatetimepicker__todaylink.is-selected:hover{border:1px solid transparent;background:transparent;color:#3473c2}.zdatetimepicker__todaylink.is-selected.has-focus{border:1px solid transparent;background:transparent;color:#3473c2}.zdatetimepicker__todaylink.has-kfocus{border:1px solid #428ff2;background:transparent;color:#3473c2}.zdatetimepicker__todaylink.has-kfocus:hover{background:transparent}.zdatetimepicker__todaylink:active{border:1px solid transparent;background:transparent;color:#4190f2}.zdatetimepicker__todaylink:active.has-focus,.zdatetimepicker__todaylink:active:hover{border:1px solid transparent;background:transparent;color:#3473c2}.zdatetimepicker--group{margin:0;border:1px solid #e6e6e6;border-radius:3px 3px 3px 3px;background:#fff;box-shadow:0 0 10px 2px rgba(17,17,17,0.08);display:none;position:absolute;font-size:0;outline:0;flex-flow:column;z-index:9999}.zdatetimepicker--group *{outline:0}.zdatetimepicker--group .zdatetimepicker__container{padding:0;margin:0;white-space:nowrap;overflow:hidden;display:flex;align-items:stretch}.zdatetimepicker--group .zdatetimepicker__list{list-style:none;display:inline-flex;flex-flow:column nowrap;align-items:center;flex-grow:1}.zdatetimepicker--group .zdatetimepicker__list .zdatetimepicker{width:100%;margin:0;border:0;border-radius:0;position:relative;background:transparent;box-shadow:none;vertical-align:top;display:inline-block;flex-grow:1}.zdatetimepicker--group .zdatetimepicker__list .zdatetimepicker .zdatetimepicker__calendar,.zdatetimepicker--group .zdatetimepicker__list .zdatetimepicker .zdatetimepicker__drilldownview{border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6}.zdatetimepicker--group .zdatetimepicker__list .zdatetimepicker.zdatetimepicker--calendarsplit .zdatetimepicker__navbar{border-right:1px solid #e6e6e6}.zdatetimepicker--group .zdatetimepicker__list .zdatetimepicker__fromtolabel{border-right:1px solid #e6e6e6}.zdatetimepicker--group .zdatetimepicker__list ~ .zdatetimepicker__list{margin-left:-1px}.zdatetimepicker--group .zdatetimeselectbox__timecontainer{flex-grow:1;flex-flow:column}.zdatetimepicker--group .zdatetimepicker__list:first-of-type .zdatetimepicker__fromtolabel{border-left:0}.zdatetimepicker--group .zdatetimepicker__list:first-of-type .zdatetimepicker .zdatetimepicker__calendar,.zdatetimepicker--group .zdatetimepicker__list:first-of-type .zdatetimepicker .zdatetimepicker__drilldownview{border-left:0}.zdatetimepicker--group .zdatetimepicker__list:first-of-type .zdatetimepicker.zdatetimepicker--calendarsplit .zdatetimepicker__navbar{border-left:0}.zdatetimepicker--group .zdatetimepicker__list:last-of-type .zdatetimepicker__fromtolabel{border-right:0}.zdatetimepicker--group .zdatetimepicker__list:last-of-type .zdatetimepicker .zdatetimepicker__calendar,.zdatetimepicker--group .zdatetimepicker__list:last-of-type .zdatetimepicker .zdatetimepicker__drilldownview{border-right:0}.zdatetimepicker--group .zdatetimepicker__list:last-of-type .zdatetimepicker.zdatetimepicker--calendarsplit .zdatetimepicker__navbar{border-right:0}.zdatetimepicker--inline{position:relative}.zdatetimepicker__pointer{position:absolute;top:0;left:0;height:13px;width:26px;direction:ltr}.zdatetimepicker__pointer:after{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.zdatetimepicker--top .zdatetimepicker__pointer{position:absolute;top:-12px;left:50%;height:13px;filter:drop-shadow(0 -1px 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(0 -1px 1px rgba(17,17,17,0.08))}.zdatetimepicker--top .zdatetimepicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:13px solid #fff;border-left:13px solid transparent;border-right:13px solid transparent}.zdatetimepicker--top .zdatetimepicker__pointer:before{margin-top:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-bottom:13px solid #e6e6e6;border-left:13px solid transparent;border-right:13px solid transparent}.zdatetimepicker--bottom .zdatetimepicker__pointer{top:auto;bottom:-12px;left:50%;height:13px;filter:drop-shadow(0 1px 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(0 1px 1px rgba(17,17,17,0.08))}.zdatetimepicker--bottom .zdatetimepicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-top:13px solid #fff;border-left:13px solid transparent;border-right:13px solid transparent}.zdatetimepicker--bottom .zdatetimepicker__pointer:before{margin-top:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-top:13px solid #e6e6e6;border-left:13px solid transparent;border-right:13px solid transparent}.zdatetimepicker--right .zdatetimepicker__pointer{top:50%;right:-12px;left:auto;width:13px;height:26px;filter:drop-shadow(1px 0 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(1px 0 1px rgba(17,17,17,0.08))}.zdatetimepicker--right .zdatetimepicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-left:13px solid #fff;border-bottom:13px solid transparent;border-top:13px solid transparent}.zdatetimepicker--right .zdatetimepicker__pointer:before{margin-left:1px;width:0;height:0;content:'';z-index:999;position:absolute;border-left:13px solid #e6e6e6;border-bottom:13px solid transparent;border-top:13px solid transparent}.zdatetimepicker--left .zdatetimepicker__pointer{top:50%;left:-12px;width:13px;height:26px;filter:drop-shadow(-1px 0 1px rgba(17,17,17,0.08));-webkit-filter:drop-shadow(-1px 0 1px rgba(17,17,17,0.08))}.zdatetimepicker--left .zdatetimepicker__pointer:after{width:0;height:0;content:'';z-index:999;position:absolute;border-right:13px solid #fff;border-bottom:13px solid transparent;border-top:13px solid transparent}.zdatetimepicker--left .zdatetimepicker__pointer:before{margin-left:-1px;width:0;height:0;content:'';z-index:999;position:absolute;border-right:13px solid #e6e6e6;border-bottom:13px solid transparent;border-top:13px solid transparent}.zdatetimepicker__navbaractionsonright.zdatetimepicker__navbar{justify-content:flex-start;padding-left:17px}.zdatetimepicker__navbaractionsonleft.zdatetimepicker__navbar{justify-content:flex-end}.zdatetimepicker--dropdownyearbutton .zdatetimepicker__navbar{padding-right:72px;padding-left:72px}.zdatetimepicker--dropdownyearbutton .zdatetimepicker__navbar.zdatetimepicker__navbaractionsonright{padding:3px 10px 3px 10px;padding-right:124px}.zdatetimepicker--dropdownyearbutton .zdatetimepicker__navbar.zdatetimepicker__navbaractionsonleft{padding:3px 10px 3px 10px;padding-left:124px}.zdatetimepicker--disabledcalendar{pointer-events:none;opacity:.3}.zdatetimepicker--selecteditem{background:#4190f2}.zdatetimepicker--selecteditem .zmenu__text{color:#fff}.zdatetimepicker--triplecalendar{flex-flow:row wrap;align-items:flex-start}.zdatetimepicker--triplecalendar .zdatetimepicker__titlebar,.zdatetimepicker--triplecalendar .zdatetimepicker__container,.zdatetimepicker--triplecalendar .zdatetimepicker--custom{width:100%;box-sizing:border-box}.zdatetimepicker--triplecalendar .zdatetimepicker__commandbar,.zdatetimepicker--triplecalendar .zdatetimepicker__timebar{width:50%;box-sizing:border-box}.zdatetimepicker--triplecalendar .zdatetimepicker__timebar{justify-content:flex-start}.zdatetimepicker--fromtocalendar .zdatetimepicker__timebar{padding:0;justify-content:flex-end}.zdatetimepicker--fromtocalendar .zdatetimepicker__starttime,.zdatetimepicker--fromtocalendar .zdatetimepicker__endtime{padding:15px 20px 15px 20px;width:50%;margin:0;box-sizing:border-box;justify-content:center;flex:1 1}.zdatetimepicker--fromtocalendar .zdatetimepicker__starttime{border-right:1px solid #e6e6e6}.zdatetimepicker__excludeweekend .zdatetimepicker--weekend{cursor:default}.zdatetimepicker__excludeweekend .zdatetimepicker--weekend:hover{background:0;border:0}.zdatetimepicker--timeonly .zdatetimepicker__container{display:none}.zdatetimepicker--timeonly .zdatetimepicker--triplecalendar .zdatetimepicker__commandbar,.zdatetimepicker--timeonly .zdatetimepicker--triplecalendar .zdatetimepicker__timebar{width:inherit;display:block}.zdatetimepicker--timeonly .zdatetimepicker__timebar{border:0;padding:70px 15px 70px 15px;justify-content:center;flex-flow:column nowrap}.zdatetimepicker--timeonly .zdatetimepicker__starttime,.zdatetimepicker--timeonly .zdatetimepicker__endtime{display:block;display:flex;flex-flow:row;vertical-align:middle}.zdatetimepicker--timeonly .zdatetimepicker__starttime{margin:0 0 34px 0}.zdatetimepicker--timeonly .zdatetimepicker__timelabel{width:60px;display:inline-block;text-align:left}.zdatetimepicker--timeonly .zselectbox{min-width:92px}.zdatetimepicker--timeonly .zdatetimepicker--multipleselectbox .zselectbox{min-width:53px}.zdatetimepicker--timeonly .zdatetimepicker--multipleselectbox .zselectbox__icon{margin-right:auto;margin-left:auto}.zdatetimepicker--menu .zdropdownlist__text{font-size:12px}.zdatetimepicker__months,.zdatetimepicker__years,.zdatetimepicker__decades{display:none}.zdatetimepicker--custom{font-size:13px}.zdatetimepicker__fromtolabel{padding:12px 20px 12px 20px;border:solid #e6e6e6;border-width:0 0 1px 0;font-size:13px;font-weight:700;color:#111;width:100%;box-sizing:border-box}.zdatetimepicker--dateinrange{color:#111}.zdatetimepicker--dateinrange:before{content:"";border:solid transparent;border-width:0;border-radius:15px 15px 15px 15px;border-top-right-radius:0;border-bottom-right-radius:0;background:#d9e9fc;position:absolute;top:-1px;bottom:-1px;left:-5px;right:-5px;z-index:1;min-height:30px}.zdatetimepicker--dateinrange ~ .zdatetimepicker--dateinrange:before{border-radius:0}.zdatetimepicker--dateinrange ~ .zdatetimepicker--dateinrange.zh-lastrange:before{border-radius:15px 15px 15px 15px;border-top-left-radius:0;border-bottom-left-radius:0}.zdatetimepicker--dateinrange:first-child.zdatetimepicker--weekend.is-end:before{display:none}.zdatetimepicker--dateinrange:last-child:before{border-radius:15px 15px 15px 15px;border-top-left-radius:0;border-bottom-left-radius:0}.zdatetimepicker--dateinrange:last-child.zdatetimepicker--weekend.is-start:before{display:none}.zdatetimepicker--dateinrange.zh-lastrange:before{border-radius:15px 15px 15px 15px}.zdatetimepicker--dateinrange:only-child:before{border-radius:15px 15px 15px 15px}.zdatetimepicker--dateinrange.is-selected:after{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:1;min-height:30px;box-sizing:border-box}.zdatetimepicker--dateinrange.is-start{color:#fff}.zdatetimepicker--dateinrange.is-start:before{border-radius:0;left:50%}.zdatetimepicker--dateinrange.is-start:after{border:0 solid transparent;border-radius:15px 15px 15px 15px;background:#4190f2}.zdatetimepicker--dateinrange.is-start.zdatetimepicker--weekend{color:#fff}.zdatetimepicker--dateinrange.is-start.zh-disabledahead:before{display:none}.zdatetimepicker--dateinrange.is-end{color:#fff}.zdatetimepicker--dateinrange.is-end:before{border-radius:0;right:50%}.zdatetimepicker--dateinrange.is-end:after{border:0 solid transparent;border-radius:15px 15px 15px 15px;background:#4190f2}.zdatetimepicker--dateinrange.is-end.zdatetimepicker--weekend{color:#fff}.zdatetimepicker--dateinrange.is-end.zh-lastrange:before{border-radius:0}.zdatetimepicker--dateinrange.zdatetimepicker--weekend{border-color:solid transparent;background:#d9e9fc}.zdatetimepicker--dateinrange.zdatetimepicker--today:after{content:"";border:1px solid #4190f2;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:1;border-radius:15px 15px 15px 15px}.zdatetimepicker--dateinrange .zdatetimepicker__text{z-index:2;position:relative}.zdatetimepicker--dateinrange.is-disabled:before{display:none}.zdatetimepicker--weekselection:before{content:"";border:solid transparent;border-width:0;border-radius:15px 15px 15px 15px;border-top-right-radius:0;border-bottom-right-radius:0;background:#d9e9fc;position:absolute;top:-1px;bottom:-1px;left:-5px;right:-5px;z-index:1;min-height:30px}.zdatetimepicker--weekselection ~ .zdatetimepicker--weekselection:before{border-radius:0}.zdatetimepicker--weekselection ~ .zdatetimepicker--weekselection.zh-lastselection:before{border-radius:15px 15px 15px 15px;border-top-left-radius:0;border-bottom-left-radius:0}.zdatetimepicker--weekselection.zh-lastselection:before{border-radius:15px 15px 15px 15px}.zdatetimepicker--weekselection:last-child:before{border-radius:15px 15px 15px 15px;border-top-left-radius:0;border-bottom-left-radius:0}.zdatetimepicker--weekselection:only-child:before{border-radius:15px 15px 15px 15px}.zdatetimepicker--weekselection.zdatetimepicker--weekend{border-color:solid transparent;background:#d9e9fc}.zdatetimepicker--weekselection.zdatetimepicker--today:after{content:"";border:1px solid #4190f2;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:1;border-radius:15px 15px 15px 15px}.zdatetimepicker--weekselection .zdatetimepicker__text{z-index:2;position:relative}.zdatetimepicker--weekselection.is-disabled:before{display:none}.zdatetimepicker__date.is-disabled+.zdatetimepicker--dateinrange:before{border-radius:15px 15px 15px 15px;border-top-right-radius:0;border-bottom-right-radius:0}.zdatetimepicker__date.is-disabled+.zdatetimepicker--dateinrange.is-start:before{border-radius:0}.zdatetimepicker__date.is-disabled+.zdatetimepicker--dateinrange.zh-lastrange:before{border-radius:15px 15px 15px 15px}.zdatetimepicker__date.is-disabled+.zdatetimepicker--weekselection:before{border-radius:15px 15px 15px 15px;border-top-right-radius:0;border-bottom-right-radius:0}.zdatetimepicker__date.is-disabled+.zdatetimepicker--weekselection.zh-lastselection:before{border-radius:15px 15px 15px 15px}.zdatetimepicker__date.is-disabled+.is-end:before{display:none}.zdatetimepicker--disabledreplica{color:#ccc;cursor:default}.zdatetimepicker--disabledreplica.zdatetimepicker__date:not(.is-selected):hover{border-color:transparent;background:0;color:#ccc}.zdatetimepicker--disabledreplica.zdatetimepicker__date.zdatetimepicker--today{color:#ccc}.zdatetimepicker--disabledreplica.zdatetimepicker__date.zdatetimepicker--today:hover{border:1px solid #4190f2;background:0;color:#ccc}.zdatetimepicker--disabledreplica.zdatetimepicker--weekend{color:#f3b4af}.zdatetimepicker--disabledreplica.zdatetimepicker--weekend:hover{border-color:transparent;background:0;color:#f3b4af}.zdatetimepicker--disabledreplica.zdatetimepicker--special{color:#99e1d5}.zdatetimepicker--disabledreplica.zdatetimepicker--special:hover{border-color:transparent;background:0;color:#99e1d5}.is-end-first::before,.is-start-last::before{display:none}.zselectbox--dateandtime{box-shadow:0 0 0 0 transparent}.zselectbox--dateandtime:hover{box-shadow:0 0 0 0 transparent}.zselectbox--dateandtime.has-kfocus{box-shadow:0 0 0 0 transparent}.zselectbox--dateandtime.is-active{box-shadow:0 0 0 0 transparent}.zselectbox--dateandtime.is-disabled{box-shadow:0 0 0 0 transparent}.zselectbox--dateandtime .zdatetimeselectbox--container{padding:0}.zselectbox--dateandtime .zdatetimeselectbox--container .zselectbox__icon{fill:gray}.zselectbox--dateandtime .zdatetimeselectbox--container .zselectbox__icon.calendaricon{fill:gray}.zselectbox--dateandtime .zselectbox__text{box-sizing:border-box}.zdatetimeselectbox--container .zselectbox__icon{fill:gray}.zdatetimeselectbox--container .zselectbox__icon.calendaricon{fill:gray}.zdatetimeselectbox--container.is-disabled .zselectbox__icon.calendaricon{fill:#b3b3b3}.zdatetimeselectbox--container .zselectbox__text+.zselectbox__icon{margin:0}.zdatetimeselectbox--container .calendaricon:first-child{margin-right:10px}.zdatetimeselectbox--container.zdatetimeselectbox--calendariconright .calendaricon{margin-left:5px}.zdatetimepicker--group.zdatetimeselectbox{flex-flow:row nowrap;overflow:hidden}.zdatetimeselectbox__optionslistpanel{padding:0;background:transparent}.zdatetimeselectbox__listbox{min-width:146px;padding:5px 0 5px 0;margin:0;border:solid #e6e6e6;border-width:0;border-radius:0;background:transparent;display:inline-flex;flex-flow:column;overflow-y:auto}.zdatetimeselectbox__option{padding:7px 10px 7px 10px;margin:0;border:solid transparent;border-width:0;font-size:12px;color:#111;background:#fff;list-style:none;line-height:1.4;cursor:default;fill:gray}.zdatetimeselectbox__option:hover{border:solid transparent;border-width:0;background:#e6e6e6;color:#111;fill:#666}.zdatetimeselectbox__option.is-selected{border:solid transparent;border-width:0;background:#4190f2;color:#fff;fill:#fff}.zdatetimeselectbox__option.is-selected:hover{background:#4190f2;color:#fff}.zdatetimeselectbox__option.is-disabled{border:solid transparent;border-width:0;background:#fff;color:#b3b3b3;fill:#b3b3b3;cursor:default}.zdatetimeselectbox__arrowicon{width:12px;height:12px;margin:1px 0 1px 15px;display:inline-block;float:right}.zdatetimeselectbox__listboxdetails{border-left:1px solid #e6e6e6;position:relative;overflow:hidden;flex:0 0 auto}.zdatetimeselectbox__listboxdetails.zh-rightlist{border-right:1px solid #e6e6e6;border-left:0}.zdts-customdate,.zdts-customrange{width:auto;flex-flow:column}.zdts-transition{transition:width .2s ease}

.html-editor {
  position: relative;
}

.html-editor-toolbar {
  padding: 10px 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
.html-editor-toolbar .btn {
  margin-bottom: 5px;
}
.html-editor-toolbar .bold {
  font-weight: bold;
}
.html-editor-toolbar .italic {
  font-style: italic;
}
.html-editor-toolbar .underline {
  text-decoration: underline;
}
.html-editor-toolbar .strike {
  text-decoration: line-through;
}
.html-editor-toolbar .font-xs {
  font-size: 10px;
}
.html-editor-toolbar .font-small {
  font-size: 13px;
}
.html-editor-toolbar .font-default {
  font-size: 16px;
}
.html-editor-toolbar .font-medium {
  font-size: 18px;
}
.html-editor-toolbar .font-large {
  font-size: 24px;
}
.html-editor-toolbar .font-xlarge {
  font-size: 32px;
}
.html-editor-toolbar .font-xxlarge {
  font-size: 48px;
}
.html-editor-toolbar .font-calibri {
  font-family: Calibri;
}
.html-editor-toolbar .font-courier-new {
  font-family: "Courier New";
}
.html-editor-toolbar .font-georgia {
  font-family: Georgia;
}
.html-editor-toolbar .font-serif {
  font-family: Serif;
}
.html-editor-toolbar .font-tahoma {
  font-family: Tahoma;
}
.html-editor-toolbar .font-times {
  font-family: "Times New Roman";
}
.html-editor-toolbar .font-trebuchet {
  font-family: "Trebuchet MS";
}

.html-toggler {
  margin-bottom: 5px;
}

.rich-editor-body, textarea.raw-editor {
  height: 400px;
}

.rich-editor-body {
  background-color: #fff;
  border: none;
  padding-left: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/*
* Flatten nested map by appending the keys
* Since Sass map should be store stored only in key value pair,
* we will use `-thisValue` as property name for setting color value to a child node
* Example:
  border: (
    clr: (
      selected: (
        secondary: #1461cc,
        thisValue: #2b74d9
      )
    )
  )
  Here `#2b74d9` is a value for `border-clr-selected` node
*/
:root {
  --ecs-font-current: "Lato";
  --ecs-font-family: var(--ecs-font-current), "Lato", "Roboto", sans-serif;
}

:root {
  --ucs-namespace: --ecs-;
}

/* Font style variables  */
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:hover, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:hover, .search-text-box:hover {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover);
  outline: none !important;
}

.tv-nav__select, .search-cell-component > select {
  border: 1px solid var(--ecs-btn-border-clr);
}
.tv-nav__select:hover, .search-cell-component > select:hover {
  border: 1px solid var(--ecs-btn-border-clr-hover);
}

.table-view-bottom-header .table-view > div, .table-view .ember-table-filter-header {
  border-left: 1px solid var(--ecs-input-border-clr) !important;
}

.table-view-bottom-header .table-view > div, .table-view .ember-table-filter-header {
  border-right: 1px solid var(--ecs-input-border-clr) !important;
}

.zdialog--alert .zdialog__header, .zdialog .zdialog__titlebar, .column-chooser .zpopover__title, .cc__header {
  border-bottom: 1px solid var(--ecs-input-border-clr) !important;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title, .search-text-box {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
}

.search-text-box {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  font: 13px var(--ecs-font-family);
  padding: 3px 25px 4px 10px;
  transition: all 250ms ease-in;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-appearance: none;
}
@-moz-document url-prefix() {
  .search-text-box {
    padding: 8px 18px 8px 10px;
  }
}
.search-text-box::-ms-clear, .search-text-box::-ms-reveal {
  display: none;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:active, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:active, .search-text-box:active, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:focus, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:focus, .search-text-box:focus {
  border: 1px solid var(--ecs-container-border-clr-active) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-active) !important;
  outline: none !important;
}

.tv-nav__select, .search-cell-component > select {
  background: var(--ecs-caret-icon) center right 10px/12px no-repeat;
  background-color: var(--ecs-base-bg-primary);
}

.tvp--lite-filter-options input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 5px;
}
.tvp--lite-filter-options input:disabled {
  cursor: default;
}
.tvp--lite-filter-options input[type=radio]:focus:checked ~ .checkmark, .tvp--lite-filter-options input[type=checkbox]:focus ~ .checkmark {
  outline: 1px solid var(--ecs-container-border-clr-focus);
}

.container__column.has-error .dc-select .zselectbox,
.container__comparator.has-error .dc-select .zselectbox, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:invalid, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:invalid, .search-text-box:invalid, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [invalid].f-title, .dc-view-filter .filter-criteria-renderer .filter-criteria [invalid].f-title, [invalid].search-text-box {
  border-color: var(--ecs-container-border-clr-error) !important;
  border-radius: 4px;
}
.container__column.has-error .dc-select .zselectbox:hover,
.container__comparator.has-error .dc-select .zselectbox:hover, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:hover:invalid, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:hover:invalid, .search-text-box:hover:invalid, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:hover, .dc-view-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:hover, [invalid].search-text-box:hover, .container__column.has-error .dc-select .zselectbox:active,
.container__comparator.has-error .dc-select .zselectbox:active, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:active:invalid, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:active:invalid, .search-text-box:active:invalid, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:active, .dc-view-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:active, [invalid].search-text-box:active, .container__column.has-error .dc-select .zselectbox:focus,
.container__comparator.has-error .dc-select .zselectbox:focus, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:focus:invalid, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:focus:invalid, .search-text-box:focus:invalid, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:focus, .dc-view-filter .filter-criteria-renderer .filter-criteria [invalid].f-title:focus, [invalid].search-text-box:focus {
  outline: none;
  border: 1px solid var(--ecs-container-border-clr-error) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-error);
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:disabled, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:disabled, .search-text-box:disabled, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [disabled].f-title, .dc-view-filter .filter-criteria-renderer .filter-criteria [disabled].f-title, [disabled].search-text-box {
  background-color: var(--ecs-container-bg-disabled) !important;
  cursor: default !important;
  border-color: var(--ecs-container-border-clr-disabled) !important;
  color: var(--ecs-base-clr-disabled) !important;
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:hover:disabled, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:hover:disabled, .search-text-box:hover:disabled, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:hover, .dc-view-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:hover, [disabled].search-text-box:hover, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:focus:disabled, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:focus:disabled, .search-text-box:focus:disabled, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:focus, .dc-view-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:focus, [disabled].search-text-box:focus, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:active:disabled, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:active:disabled, .search-text-box:active:disabled, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:active, .dc-view-filter .filter-criteria-renderer .filter-criteria [disabled].f-title:active, [disabled].search-text-box:active {
  outline: none;
  border: 1px solid var(--ecs-container-border-clr-disabled) !important;
  box-shadow: none !important;
}

.search-text-box {
  width: 300px;
  height: 25px !important;
}

.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item .fw--menu-item--title, .ts--tab, .wz--step-droparea *,
.wz--step-droparea__locked *, .wz--step-droparea-wrapper .wz--step-droparea,
.wz--step-droparea-wrapper .wz--step-droparea__locked, .left-pane-navigation-outer-layer *, .tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a, .tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title:disabled, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title:disabled, .tvp-adv-filter .filter-criteria-renderer .filter-criteria [disabled].f-title, .dc-view-filter .filter-criteria-renderer .filter-criteria [disabled].f-title, .search-text-box:disabled, [disabled].search-text-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ems-tvp__selection-toolbar .tvp--settings-btn:hover, .wz--nav__footer .wz--footer-label {
  color: var(--ecs-base-clr-active);
  text-decoration: none !important;
  cursor: pointer;
}
.ems-tvp__selection-toolbar .tvp--settings-btn:hover, .wz--nav__footer .wz--footer-label:hover {
  text-decoration: none !important;
}

.page-title {
  display: block;
  color: var(--ecs-base-clr-primary);
  font: 16px var(--ecs-font-family);
  padding: 5px 10px 10px 0px;
}

.search-text-box ::-webkit-input-placeholder, .search-text-box :-moz-placeholder, .search-text-box ::-moz-placeholder, .search-text-box :-ms-input-placeholder, .search-text-box ::-ms-input-placeholder, .search-text-box ::placeholder {
  color: var(--ecs-base-clr-tertiary) !important;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title.f-title-container, .ember-table-header-cell:where(.ember-table-column-sort-desc-indicator, .ember-table-header-cell.ember-table-column-sort-asc-indicator) .ember-table-content, .ems-table-view-plus-wrapper .ember-table-header-cell:not(.rowselection-cell):hover .ember-table-content, [data-ellipsify=enabled], .wz--body-wrapper .wz--body--items-container .wz--body--items .wz--bi--lable, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title.f-title-container, .table-cell-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zdialog .zdialog__footer, .model-dialog .modal-body .center-align,
.model-dialog .zdialog__content .center-align,
.zdialog--alert .modal-body .center-align,
.zdialog--alert .zdialog__content .center-align,
.zdialog .modal-body .center-align,
.zdialog .zdialog__content .center-align {
  padding: 25px 17px 25px 17px;
}

.zdialog.zdialog__static--footer .modal-body .zdialog__content--main,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main, .model-dialog .modal-body,
.model-dialog .zdialog__content,
.zdialog .modal-body,
.zdialog .zdialog__content {
  padding: 25px 23px 2px 27px;
}

.form-wizard-container .fw--main, .panel-view, .table-cell__middle, .export-view-form .export--formats .label--text, .table-view .ember-table-view-header, .tab-container--left, .cp--header, .uems-top-bar, .form-wizard-container .fw--main .fw--right--wrapper .fw--right-body, .cp--header__custom, .export-view-form .export--formats, .he--toolbar .btn, .ts--tab-body > div:nth-of-type(1), .ts--tab-header, .wz--body-wrapper .wz--body--items-container .wz--body--items, .panel-view .pv--col ul .title, .mc--checkbox-cell, .mc--checkbox-cell span {
  display: flex !important;
  flex-flow: row wrap;
}

.tree-view [data-depth], .tree-view .tv--content, .dc-lite-filter .filter-reset, .ts--tab:before, .wz--step-droparea-wrapper, .wz--nav__steps .wz--step, .dc-messages-container .tab__header-bar .tab.tab-position--top, .zdialog__static-footer-message-container p {
  display: inline-flex !important;
  flex-flow: row wrap;
}

.he--toolbar .btn, .ts--tab-body > div:nth-of-type(1), .ts--tab-header, .wz--body-wrapper .wz--body--items-container .wz--body--items, .panel-view .pv--col ul .title, .mc--checkbox-cell, .mc--checkbox-cell span {
  align-items: center;
}

.ts--tab:before, .wz--step-droparea-wrapper, .wz--nav__steps .wz--step, .dc-messages-container .tab__header-bar .tab.tab-position--top, .zdialog__static-footer-message-container p {
  align-items: center;
}

.cp--header, .uems-top-bar, .form-wizard-container .fw--main .fw--right--wrapper .fw--right-body, .cp--header__custom, .export-view-form .export--formats {
  padding: 0 5px;
}

.uems-top-bar, .form-wizard-container .fw--main .fw--right--wrapper .fw--right-body, .cp--header__custom, .export-view-form .export--formats {
  padding: 0;
  align-items: center;
}

.uems-top-bar, .form-wizard-container .fw--main .fw--right--wrapper .fw--right-body, .cp--header__custom {
  justify-content: space-between;
}

.export-view-form .export--formats {
  justify-content: space-around;
}

.tab-container--left {
  justify-content: space-around;
}

.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item, .form-wizard-container .fw--main .fw--left-menu, .ts--tab-body {
  display: flex;
  flex-flow: column wrap;
}

.dcf__text-container, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link {
  display: flex;
  align-items: center;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title, .bread-crumbs .bread-crumbs__wrapper .bc--item, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title, .dc-messages-container .tab__header-bar .tab.tab-position--top a, .left-pane-navigation-container {
  flex-wrap: wrap;
}

.dc-messages-container .tab__header-bar .tab.tab-position--top a, .left-pane-navigation-container {
  display: flex;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title, .bread-crumbs .bread-crumbs__wrapper .bc--item, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title {
  display: inline-flex;
}

.left-pane-navigation-container {
  flex-direction: column;
}

.message-banner.message {
  justify-content: center;
}

.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title, .dc-messages-container .tab__header-bar .tab.tab-position--top a, .bread-crumbs .bread-crumbs__wrapper .bc--item, .dc-view-filter .filter-criteria-renderer .filter-criteria .f-title {
  align-items: center;
}

.left-pane-navigation-container .left-pane-navigation-wrapper {
  flex-grow: 1;
}

.table-view .ember-table-view-header {
  background-color: var(--ecs-container-bg-primary);
}

.cp--header {
  min-height: 35px;
  padding: 5px 15px;
  align-items: center;
  justify-content: space-between;
  font: 15px var(--ecs-font-family);
}

.cp--header {
  background-image: linear-gradient(to bottom, var(--ecs-container-bg-primary) 95%, var(--ecs-base-bg-primary));
}

.tvp--lite-filter--body-container, .wz--step-droparea-wrapper .wz--step-droparea,
.wz--step-droparea-wrapper .wz--step-droparea__locked, .tree-view .tv--wrapper > div, .ns--container:hover, .nd--container:hover, .tv__header .tv__menu .zpopover .zpopover__content, .cc__body > ul, .zdialog.zdialog__static--footer .modal-body .zdialog__content--main,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main, .model-dialog .modal-body,
.model-dialog .zdialog__content,
.zdialog--alert .modal-body,
.zdialog--alert .zdialog__content,
.zdialog .modal-body,
.zdialog .zdialog__content {
  overflow-y: auto;
  overflow-y: overlay;
  /* Track */
  /* Handle */
}
@-moz-document url-prefix() {
  .tvp--lite-filter--body-container, .wz--step-droparea-wrapper .wz--step-droparea,
  .wz--step-droparea-wrapper .wz--step-droparea__locked, .tree-view .tv--wrapper > div, .ns--container:hover, .nd--container:hover, .tv__header .tv__menu .zpopover .zpopover__content, .cc__body > ul, .zdialog.zdialog__static--footer .modal-body .zdialog__content--main,
  .zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main, .model-dialog .modal-body,
  .model-dialog .zdialog__content,
  .zdialog--alert .modal-body,
  .zdialog--alert .zdialog__content,
  .zdialog .modal-body,
  .zdialog .zdialog__content {
    scrollbar-width: thin;
  }
}
.tvp--lite-filter--body-container::-webkit-scrollbar, .wz--step-droparea-wrapper .wz--step-droparea::-webkit-scrollbar,
.wz--step-droparea-wrapper .wz--step-droparea__locked::-webkit-scrollbar, .tree-view .tv--wrapper > div::-webkit-scrollbar, .ns--container:hover::-webkit-scrollbar, .nd--container:hover::-webkit-scrollbar, .tv__header .tv__menu .zpopover .zpopover__content::-webkit-scrollbar, .cc__body > ul::-webkit-scrollbar, .zdialog.zdialog__static--footer .modal-body .zdialog__content--main::-webkit-scrollbar,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main::-webkit-scrollbar, .model-dialog .modal-body::-webkit-scrollbar,
.model-dialog .zdialog__content::-webkit-scrollbar,
.zdialog--alert .modal-body::-webkit-scrollbar,
.zdialog--alert .zdialog__content::-webkit-scrollbar,
.zdialog .modal-body::-webkit-scrollbar,
.zdialog .zdialog__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.tvp--lite-filter--body-container::-webkit-scrollbar-track, .wz--step-droparea-wrapper .wz--step-droparea::-webkit-scrollbar-track,
.wz--step-droparea-wrapper .wz--step-droparea__locked::-webkit-scrollbar-track, .tree-view .tv--wrapper > div::-webkit-scrollbar-track, .ns--container:hover::-webkit-scrollbar-track, .nd--container:hover::-webkit-scrollbar-track, .tv__header .tv__menu .zpopover .zpopover__content::-webkit-scrollbar-track, .cc__body > ul::-webkit-scrollbar-track, .zdialog.zdialog__static--footer .modal-body .zdialog__content--main::-webkit-scrollbar-track,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main::-webkit-scrollbar-track, .model-dialog .modal-body::-webkit-scrollbar-track,
.model-dialog .zdialog__content::-webkit-scrollbar-track,
.zdialog--alert .modal-body::-webkit-scrollbar-track,
.zdialog--alert .zdialog__content::-webkit-scrollbar-track,
.zdialog .modal-body::-webkit-scrollbar-track,
.zdialog .zdialog__content::-webkit-scrollbar-track {
  visibility: hidden;
}
.tvp--lite-filter--body-container::-webkit-scrollbar-thumb, .wz--step-droparea-wrapper .wz--step-droparea::-webkit-scrollbar-thumb,
.wz--step-droparea-wrapper .wz--step-droparea__locked::-webkit-scrollbar-thumb, .tree-view .tv--wrapper > div::-webkit-scrollbar-thumb, .ns--container:hover::-webkit-scrollbar-thumb, .nd--container:hover::-webkit-scrollbar-thumb, .tv__header .tv__menu .zpopover .zpopover__content::-webkit-scrollbar-thumb, .cc__body > ul::-webkit-scrollbar-thumb, .zdialog.zdialog__static--footer .modal-body .zdialog__content--main::-webkit-scrollbar-thumb,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main::-webkit-scrollbar-thumb, .model-dialog .modal-body::-webkit-scrollbar-thumb,
.model-dialog .zdialog__content::-webkit-scrollbar-thumb,
.zdialog--alert .modal-body::-webkit-scrollbar-thumb,
.zdialog--alert .zdialog__content::-webkit-scrollbar-thumb,
.zdialog .modal-body::-webkit-scrollbar-thumb,
.zdialog .zdialog__content::-webkit-scrollbar-thumb {
  background: var(--ecs-scrollbar-bg);
  border-radius: 10px;
}

.list-view .list-header, .property-view .property-view__caption {
  border: 0.01em var(--ecs-container-border-clr) solid !important;
  border-bottom: none !important;
  background: var(--ecs-container-bg-primary);
  padding: 8px 8px 8px 15px !important;
  box-shadow: none;
  min-height: 30px;
}

.hyphenate-empty-cell .property-view .property-view__cell:not([data-filler], .property-view__delimiter) span:empty::before {
  content: "--";
}

/*
* @mixin dc-checkbox__toggle-switch - a mixin to change dc-checkbox into toggle switch style
* @params $size - size of the toggle switch, $isLeft - to position switch on left side
*/
/*common*/
.zdialog--alert .zalertdialog__footer .zbutton--primary,
.zdialog--alert .zalertdialog__footer .zbutton--secondary {
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  padding: 3px 8px 3px 22px;
  height: auto;
  width: auto;
  font: 13px var(--ecs-font-family);
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  border-radius: 3px !important;
  transition: all 250ms ease-in;
  outline: none;
}
.zdialog--alert .zalertdialog__footer .zbutton--primary:hover,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:hover {
  cursor: pointer;
}
.zdialog--alert .zalertdialog__footer .zbutton--primary:disabled,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:disabled, .zdialog--alert .zalertdialog__footer [disabled].zbutton--primary,
.zdialog--alert .zalertdialog__footer [disabled].zbutton--secondary {
  /*same applies to all buttons*/
}

/*separate placeholder for separate class of disabled buttons*/
.ems-tvp__menu:disabled, .zdialog--alert .zalertdialog__footer .zbutton--primary:disabled,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:disabled, .zdialog--alert .zalertdialog__footer [disabled].zbutton--primary,
.zdialog--alert .zalertdialog__footer [disabled].zbutton--secondary {
  cursor: not-allowed !important;
  background-color: var(--ecs-btn-bg-disabled) !important;
  color: var(--ecs-base-clr-disabled) !important;
  border: 1px solid var(--ecs-btn-border-clr);
}
.ems-tvp__menu:hover:disabled, .zdialog--alert .zalertdialog__footer .zbutton--primary:hover:disabled,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:hover:disabled, .zdialog--alert .zalertdialog__footer [disabled].zbutton--primary:hover,
.zdialog--alert .zalertdialog__footer [disabled].zbutton--secondary:hover {
  background-color: var(--ecs-btn-bg-disabled) !important;
}

.zdialog--alert .zalertdialog__footer .zbutton--primary,
.zdialog--alert .zalertdialog__footer .zbutton--secondary {
  background-color: var(--ecs-btn-bg);
  min-width: 60px !important;
  padding: 7px 10px !important;
  min-height: 25px;
}
.zdialog--alert .zalertdialog__footer .zbutton--primary:active,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:active {
  box-shadow: 0 1px 2px var(--ecs-container-shadow) inset;
  cursor: pointer;
}
.zdialog--alert .zalertdialog__footer .zbutton--primary:focus,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:focus, .zdialog--alert .zalertdialog__footer .zbutton--primary:active,
.zdialog--alert .zalertdialog__footer .zbutton--secondary:active {
  box-shadow: none;
  outline: none;
}

.wizard-view .wz--footer .form-submit__section button ~ button, .cc__footer button ~ button, .property-view__caption .pvc__right-section button ~ button, .dialog-layout__inline .zdialog__static-footer button ~ button, .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer button ~ button,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer button ~ button, .wizard-view .wz--footer .form-submit__section button ~ input[type=button], .cc__footer button ~ input[type=button], .property-view__caption .pvc__right-section button ~ input[type=button], .dialog-layout__inline .zdialog__static-footer button ~ input[type=button], .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer button ~ input[type=button],
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer button ~ input[type=button], .wizard-view .wz--footer .form-submit__section button ~ a, .cc__footer button ~ a, .property-view__caption .pvc__right-section button ~ a, .dialog-layout__inline .zdialog__static-footer button ~ a, .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer button ~ a,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer button ~ a, .wizard-view .wz--footer .form-submit__section input[type=button] ~ button, .cc__footer input[type=button] ~ button, .property-view__caption .pvc__right-section input[type=button] ~ button, .dialog-layout__inline .zdialog__static-footer input[type=button] ~ button, .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer input[type=button] ~ button,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer input[type=button] ~ button, .wizard-view .wz--footer .form-submit__section input[type=button] ~ input[type=button], .cc__footer input[type=button] ~ input[type=button], .property-view__caption .pvc__right-section input[type=button] ~ input[type=button], .dialog-layout__inline .zdialog__static-footer input[type=button] ~ input[type=button], .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer input[type=button] ~ input[type=button],
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer input[type=button] ~ input[type=button], .wizard-view .wz--footer .form-submit__section input[type=button] ~ a, .cc__footer input[type=button] ~ a, .property-view__caption .pvc__right-section input[type=button] ~ a, .dialog-layout__inline .zdialog__static-footer input[type=button] ~ a, .zdialog.zdialog__static--footer .modal-body .zdialog__static-footer input[type=button] ~ a,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer input[type=button] ~ a {
  margin-left: 10px;
}

.left-pane-navigation-outer-layer {
  display: flex;
}

.application-wrapper .left-pane-navigation-container {
  min-height: calc(100vh - 48px);
}
.application-wrapper .pane-display-toggle {
  height: calc(100vh - 48px);
}
.application-wrapper.sticky-application .pane-container--sticky {
  max-height: calc(100vh - 48px) !important;
}

body[ems-theme=dark] .zmenu {
  box-shadow: none;
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zmenu,
body[ems-theme=dark] .zmenu .zmenu__item {
  background-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zmenu.on-hover,
body[ems-theme=dark] .zmenu .zmenu__item.on-hover {
  background-color: var(--ecs-container-bg-hover);
}
body[ems-theme=dark] .zmenu .zmenu__text {
  color: var(--ecs-base-clr-primary-surface);
}

.zmenu-popup__unified.menu-popup__container {
  padding: 4px 0;
}
.zmenu-popup__unified.menu-popup__container .zmenu__body .zmenu__item {
  padding: 8px 24px 8px 16px;
}
.zmenu-popup__unified.menu-popup__container .zmenu__iconcontainer {
  margin-right: 8px;
}
.zmenu-popup__unified.menu-popup__container .zmenu__svg {
  fill: var(--ecs-base-clr-primary);
}

.model-dialog,
.zdialog--alert,
.zdialog {
  border: none;
  box-shadow: 0 6px 40px 0 var(--ucs-modal-shadow, rgba(85, 85, 85, 0.1));
  border-radius: 8px;
}
.model-dialog .modal-header,
.model-dialog .zdialog__header,
.zdialog--alert .modal-header,
.zdialog--alert .zdialog__header,
.zdialog .modal-header,
.zdialog .zdialog__header {
  border-bottom: 1px solid var(--ecs-input-border-clr);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.model-dialog .modal-header .modal-title,
.model-dialog .modal-header .zdialog__title,
.model-dialog .zdialog__header .modal-title,
.model-dialog .zdialog__header .zdialog__title,
.zdialog--alert .modal-header .modal-title,
.zdialog--alert .modal-header .zdialog__title,
.zdialog--alert .zdialog__header .modal-title,
.zdialog--alert .zdialog__header .zdialog__title,
.zdialog .modal-header .modal-title,
.zdialog .modal-header .zdialog__title,
.zdialog .zdialog__header .modal-title,
.zdialog .zdialog__header .zdialog__title {
  font: 16px var(--ecs-font-family) !important;
  font-weight: 700;
}
.model-dialog .modal-header .close,
.model-dialog .zdialog__header .close,
.zdialog--alert .modal-header .close,
.zdialog--alert .zdialog__header .close,
.zdialog .modal-header .close,
.zdialog .zdialog__header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 15px;
  font-size: 19px;
  color: var(--ecs-base-clr-tertiary);
}
.model-dialog .modal-header .close .icon,
.model-dialog .zdialog__header .close .icon,
.zdialog--alert .modal-header .close .icon,
.zdialog--alert .zdialog__header .close .icon,
.zdialog .modal-header .close .icon,
.zdialog .zdialog__header .close .icon {
  width: 15px;
  height: 15px;
  display: inline-block;
}
.model-dialog .modal-header .zdialog__actiongroup,
.model-dialog .zdialog__header .zdialog__actiongroup,
.zdialog--alert .modal-header .zdialog__actiongroup,
.zdialog--alert .zdialog__header .zdialog__actiongroup,
.zdialog .modal-header .zdialog__actiongroup,
.zdialog .zdialog__header .zdialog__actiongroup {
  position: static;
  top: 0;
  transform: none;
}
.model-dialog .modal-body,
.model-dialog .zdialog__content,
.zdialog--alert .modal-body,
.zdialog--alert .zdialog__content,
.zdialog .modal-body,
.zdialog .zdialog__content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font: 13px var(--ecs-font-family);
  max-height: calc(100vh - 120px - 160px) !important;
  overflow-x: hidden;
  margin-right: 2px;
}
.model-dialog .modal-body .mb--content,
.model-dialog .zdialog__content .mb--content,
.zdialog--alert .modal-body .mb--content,
.zdialog--alert .zdialog__content .mb--content,
.zdialog .modal-body .mb--content,
.zdialog .zdialog__content .mb--content {
  font: inherit;
  padding-bottom: 20px;
}
.model-dialog .modal-body .mb--content .icon,
.model-dialog .zdialog__content .mb--content .icon,
.zdialog--alert .modal-body .mb--content .icon,
.zdialog--alert .zdialog__content .mb--content .icon,
.zdialog .modal-body .mb--content .icon,
.zdialog .zdialog__content .mb--content .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.model-dialog .modal-body .mb--submit,
.model-dialog .zdialog__content .mb--submit,
.zdialog--alert .modal-body .mb--submit,
.zdialog--alert .zdialog__content .mb--submit,
.zdialog .modal-body .mb--submit,
.zdialog .zdialog__content .mb--submit {
  text-align: center;
}
.model-dialog .modal-body .dialog-description,
.model-dialog .zdialog__content .dialog-description,
.zdialog--alert .modal-body .dialog-description,
.zdialog--alert .zdialog__content .dialog-description,
.zdialog .modal-body .dialog-description,
.zdialog .zdialog__content .dialog-description {
  padding-bottom: 15px;
  width: 775px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  .model-dialog .modal-body .dialog-description,
  .model-dialog .zdialog__content .dialog-description,
  .zdialog--alert .modal-body .dialog-description,
  .zdialog--alert .zdialog__content .dialog-description,
  .zdialog .modal-body .dialog-description,
  .zdialog .zdialog__content .dialog-description {
    width: 688px;
  }
}
@media screen and (max-width: 900px) {
  .model-dialog .modal-body .dialog-description,
  .model-dialog .zdialog__content .dialog-description,
  .zdialog--alert .modal-body .dialog-description,
  .zdialog--alert .zdialog__content .dialog-description,
  .zdialog .modal-body .dialog-description,
  .zdialog .zdialog__content .dialog-description {
    width: 100%;
  }
}
.model-dialog .modal-body .form-container,
.model-dialog .zdialog__content .form-container,
.zdialog--alert .modal-body .form-container,
.zdialog--alert .zdialog__content .form-container,
.zdialog .modal-body .form-container,
.zdialog .zdialog__content .form-container {
  padding: 0;
  border: none;
}
.model-dialog .modal-body .form-container .fc--header,
.model-dialog .zdialog__content .form-container .fc--header,
.zdialog--alert .modal-body .form-container .fc--header,
.zdialog--alert .zdialog__content .form-container .fc--header,
.zdialog .modal-body .form-container .fc--header,
.zdialog .zdialog__content .form-container .fc--header {
  margin: 0;
}
.model-dialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.model-dialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label,
.model-dialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.model-dialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label,
.zdialog--alert .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.zdialog--alert .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label,
.zdialog--alert .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.zdialog--alert .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label,
.zdialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.zdialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label,
.zdialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--label,
.zdialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--label {
  width: 25%;
  padding-left: 0;
}
.model-dialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.model-dialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input,
.model-dialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.model-dialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input,
.zdialog--alert .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.zdialog--alert .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input,
.zdialog--alert .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.zdialog--alert .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input,
.zdialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.zdialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input,
.zdialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input,
.zdialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input {
  width: 75%;
}
.model-dialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.model-dialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.model-dialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.model-dialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog--alert .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog--alert .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog--alert .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog--alert .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog .modal-body .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog .modal-body .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog .zdialog__content .form-container .fc--row:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field,
.zdialog .zdialog__content .form-container .fc--group:not(.fc--group__stack-vertical) .fc--input .fci__block .fc--field {
  padding-bottom: 5px;
}
.model-dialog .modal-body .form-container .fc-submit,
.model-dialog .zdialog__content .form-container .fc-submit,
.zdialog--alert .modal-body .form-container .fc-submit,
.zdialog--alert .zdialog__content .form-container .fc-submit,
.zdialog .modal-body .form-container .fc-submit,
.zdialog .zdialog__content .form-container .fc-submit {
  padding: 25px 0;
}
.model-dialog .modal-body .form-container section,
.model-dialog .modal-body .form-container .toggle--container,
.model-dialog .zdialog__content .form-container section,
.model-dialog .zdialog__content .form-container .toggle--container,
.zdialog--alert .modal-body .form-container section,
.zdialog--alert .modal-body .form-container .toggle--container,
.zdialog--alert .zdialog__content .form-container section,
.zdialog--alert .zdialog__content .form-container .toggle--container,
.zdialog .modal-body .form-container section,
.zdialog .modal-body .form-container .toggle--container,
.zdialog .zdialog__content .form-container section,
.zdialog .zdialog__content .form-container .toggle--container {
  padding-bottom: 0;
}
.model-dialog .modal-body .form-submit-section,
.model-dialog .zdialog__content .form-submit-section,
.zdialog--alert .modal-body .form-submit-section,
.zdialog--alert .zdialog__content .form-submit-section,
.zdialog .modal-body .form-submit-section,
.zdialog .zdialog__content .form-submit-section {
  padding-top: 25px;
}
.model-dialog .modal-body .ember-table-cell,
.model-dialog .zdialog__content .ember-table-cell,
.zdialog--alert .modal-body .ember-table-cell,
.zdialog--alert .zdialog__content .ember-table-cell,
.zdialog .modal-body .ember-table-cell,
.zdialog .zdialog__content .ember-table-cell {
  width: 100%;
}
.model-dialog .modal-body .accordion,
.model-dialog .zdialog__content .accordion,
.zdialog--alert .modal-body .accordion,
.zdialog--alert .zdialog__content .accordion,
.zdialog .modal-body .accordion,
.zdialog .zdialog__content .accordion {
  padding: 0;
}
.model-dialog .modal-body .table-view,
.model-dialog .modal-body .property-view,
.model-dialog .modal-body .ems-chart-container,
.model-dialog .modal-body .list-table-view,
.model-dialog .zdialog__content .table-view,
.model-dialog .zdialog__content .property-view,
.model-dialog .zdialog__content .ems-chart-container,
.model-dialog .zdialog__content .list-table-view,
.zdialog--alert .modal-body .table-view,
.zdialog--alert .modal-body .property-view,
.zdialog--alert .modal-body .ems-chart-container,
.zdialog--alert .modal-body .list-table-view,
.zdialog--alert .zdialog__content .table-view,
.zdialog--alert .zdialog__content .property-view,
.zdialog--alert .zdialog__content .ems-chart-container,
.zdialog--alert .zdialog__content .list-table-view,
.zdialog .modal-body .table-view,
.zdialog .modal-body .property-view,
.zdialog .modal-body .ems-chart-container,
.zdialog .modal-body .list-table-view,
.zdialog .zdialog__content .table-view,
.zdialog .zdialog__content .property-view,
.zdialog .zdialog__content .ems-chart-container,
.zdialog .zdialog__content .list-table-view {
  margin-top: 0px;
}
.model-dialog .modal-body .tab-container,
.model-dialog .zdialog__content .tab-container,
.zdialog--alert .modal-body .tab-container,
.zdialog--alert .zdialog__content .tab-container,
.zdialog .modal-body .tab-container,
.zdialog .zdialog__content .tab-container {
  margin: 0 -23px 0 -27px;
}
.model-dialog .modal-body .tab-container.tab-container__align,
.model-dialog .zdialog__content .tab-container.tab-container__align,
.zdialog--alert .modal-body .tab-container.tab-container__align,
.zdialog--alert .zdialog__content .tab-container.tab-container__align,
.zdialog .modal-body .tab-container.tab-container__align,
.zdialog .zdialog__content .tab-container.tab-container__align {
  margin: 0;
}
.model-dialog .modal-body .form-container .fc--field .dc-radio,
.model-dialog .zdialog__content .form-container .fc--field .dc-radio,
.zdialog--alert .modal-body .form-container .fc--field .dc-radio,
.zdialog--alert .zdialog__content .form-container .fc--field .dc-radio,
.zdialog .modal-body .form-container .fc--field .dc-radio,
.zdialog .zdialog__content .form-container .fc--field .dc-radio {
  max-width: 400px;
}
.model-dialog .modal-body .form-container .fc--log,
.model-dialog .zdialog__content .form-container .fc--log,
.zdialog--alert .modal-body .form-container .fc--log,
.zdialog--alert .zdialog__content .form-container .fc--log,
.zdialog .modal-body .form-container .fc--log,
.zdialog .zdialog__content .form-container .fc--log {
  padding-top: 25px;
}
.model-dialog .modal-body .form-container .fc--log .fcs__error,
.model-dialog .zdialog__content .form-container .fc--log .fcs__error,
.zdialog--alert .modal-body .form-container .fc--log .fcs__error,
.zdialog--alert .zdialog__content .form-container .fc--log .fcs__error,
.zdialog .modal-body .form-container .fc--log .fcs__error,
.zdialog .zdialog__content .form-container .fc--log .fcs__error {
  margin-bottom: 0;
}
.model-dialog .modal-body .tree-view,
.model-dialog .zdialog__content .tree-view,
.zdialog--alert .modal-body .tree-view,
.zdialog--alert .zdialog__content .tree-view,
.zdialog .modal-body .tree-view,
.zdialog .zdialog__content .tree-view {
  padding-top: 0;
}

.zdialog--alert .zalertdialog__footer .zbutton--primary,
.zdialog--alert .zalertdialog__footer .zbutton--secondary {
  border-radius: 4px !important;
}

.erd__buttons {
  text-align: center;
}

.modal.show,
.modal-backdrop.show,
.zdialog--overlay {
  animation: overlay-animation 0.2s ease-in 1 !important;
  will-change: opacity;
}

@keyframes overlay-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.shadow {
  box-shadow: none !important;
}

.model-dialog .modal-header,
.model-dialog .zdialog__header,
.zdialog .modal-header,
.zdialog .zdialog__header {
  padding: 10px 15px;
}

.zdialog .zdialog__footer {
  display: flex;
}

.zdialog--alert .zdialog__content {
  padding: 25px 25px 0;
}
.zdialog--alert .zalertdialog__footer,
.zdialog--alert .zdialog__footer {
  padding: 25px !important;
}

.zdialog.zdialog__static--footer .modal-body,
.zdialog.zdialog__static--footer .zdialog__content {
  max-height: calc(100vh - 160px) !important;
  padding: 0;
}
.zdialog.zdialog__static--footer .modal-body .zdialog__content--main,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__content--main {
  max-height: calc(100vh - 120px - 160px) !important;
  position: relative;
  padding-bottom: 0;
}
.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow-overlay,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow-overlay {
  position: relative;
}
.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow-overlay::after,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow-overlay::after {
  height: 20px;
  z-index: 1;
}
.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow {
  width: 100%;
  height: 0;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
}
body[ems-theme=dark] .zdialog.zdialog__static--footer .modal-body .zdc--box-shadow, body[ems-theme=dark] .zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow {
  display: none;
}

.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow::after,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow::after {
  border-radius: 50%;
  height: 1px;
  box-shadow: 0 0 15px 1px var(--ecs-container-shadow);
}
.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow::after,
.zdialog.zdialog__static--footer .modal-body .zdc--box-shadow-overlay::after,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow::after,
.zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow-overlay::after {
  content: "";
  position: absolute;
  width: calc(100% + 25px + 25px - 2px);
  left: -25px;
  bottom: 0;
  background-color: var(--ecs-bg-primary-alt);
}
.zdialog.zdialog__static--footer .modal-body .zdialog__static-footer,
.zdialog.zdialog__static--footer .zdialog__content .zdialog__static-footer {
  position: relative;
  background-color: var(--ecs-bg-primary-alt);
  padding: 20px 0;
  text-align: center;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .zdialog.zdialog__static--footer .modal-body .zdc--box-shadow,
    .zdialog.zdialog__static--footer .modal-body .zdc--box-shadow-overlay,
    .zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow,
    .zdialog.zdialog__static--footer .zdialog__content .zdc--box-shadow-overlay {
      display: none !important;
    }
  }
}

.zdialog .zdialog__content:has(.zdialog__footer) {
  max-height: calc(100vh - 160px) !important;
}

.zdialog__static-footer-message-container {
  text-align: center;
  padding-bottom: 10px;
  margin-top: -10px;
}
.zdialog__static-footer-message-container p {
  margin: 0;
}

.dialog-layout__inline .form-container {
  border: none;
}
.dialog-layout__inline div[class^=zdc--box-shadow] {
  display: none;
}
.dialog-layout__inline .zdialog__static-footer {
  text-align: center;
}

.property-view {
  display: table;
  padding: 5px;
  border: 1px solid var(--ecs-container-border-clr);
  width: 100%;
  font-weight: normal;
  border-collapse: collapse;
  /* ------------------------------ Striped Rows ------------------------------ */
  /* stylelint-disable-next-line no-duplicate-selectors */
  /* ----------------------------- Striped Columns ---------------------------- */
  /* ------------------------------- No Outline ------------------------------- */
}
.property-view .property-view__caption {
  display: table-caption;
  font-weight: 400;
  font-size: 14px;
}
.property-view .property-view__caption .button-icon--left {
  margin-top: -4px;
}
.property-view .property-view__row {
  display: table-row;
  padding: 5px;
  font: 13px var(--ecs-font-family);
  height: 40px;
}
.property-view .property-view__row .property-view__cell {
  display: table-cell;
  padding: 14px 8px 8px 15px;
  margin-left: 10px;
  word-break: break-word;
  height: 40px;
}
.property-view .property-view__row .property-view__cell a {
  text-decoration: none;
}
.property-view .property-view__row .property-view__delimiter {
  width: 3%;
}
.property-view[data-nostripe] .property-view__cell {
  padding: 12px 8px 12px 16px;
}
.property-view .property-view--empty {
  height: 15px;
  display: block;
}
.property-view .property-view--no-data {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.property-view:not([data-nostripe]):not([data-plain]) .property-view__row:nth-child(even) {
  background: var(--ecs-table-row-odd-bg);
}
.property-view[data-nostripe]:not([data-plain]) .property-view__row:not(:last-child) {
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.property-view:not([data-nostripe]):not([data-plain]) .property-view__caption ~ .property-view__row:nth-child(even) {
  background-color: var(--ecs-bg-primary-alt);
}
.property-view:not([data-nostripe]):not([data-plain]) .property-view__caption ~ .property-view__row:nth-child(odd) {
  background-color: var(--ecs-table-row-odd-bg);
}
.property-view[data-striped-columns] .property-view__delimiter {
  display: none;
}
.property-view[data-striped-columns] .property-view__cell:nth-child(3n-2) {
  background-color: var(--ecs-container-bg-primary);
}
.property-view[data-plain] {
  border: none;
}
.property-view[data-plain] .property-view__caption {
  background: none;
  border: none !important;
  border-bottom: 1px solid var(--ecs-container-border-clr) !important;
  font-weight: bold;
}
.property-view[data-state=error] {
  background-color: var(--ecs-container-bg-error-secondary);
  border: 1px solid var(--ecs-container-border-clr-error-secondary);
  border-collapse: separate;
  border-radius: 4px;
}

/* --------------------------------- Loader --------------------------------- */
.loading.property-view-loader {
  height: 100%;
}
.loading.property-view-loader .table-cell-loader {
  width: 50%;
}

/* --------------- Empty cells are hyphenated in property view -------------- */
.hyphenate-empty-cell .property-view .property-view__delimiter:not(.property-view__delimiter-empty) > span:empty::before {
  content: ":";
}
/* --------------------- Floating buttons in the header --------------------- */
.property-view__caption .pvc__right-section {
  float: right;
}
.property-view__caption .pvc__right-section .btn {
  margin: 0 5px !important;
  background-color: var(--ecs-base-bg-primary) !important;
}
.property-view__caption .pvc__right-section .btn:hover {
  border-color: var(--ecs-btn-border-clr-hover);
}

/* -------------------------------- Scrollbar ------------------------------- */
.property-view-wrapper[data-scrollable] {
  overflow-y: auto;
  border: 1px solid var(--ecs-container-border-clr);
}
.property-view-wrapper[data-scrollable] .property-view {
  border: none;
}
.property-view-wrapper[data-scrollable] .property-view__caption {
  position: sticky;
  top: 0;
  border: none !important;
}

.lite-tab-view-container .tab__header-row {
  border-bottom: 0.01em solid var(--ecs-container-border-clr);
  vertical-align: top;
  padding: 0;
  height: 33px;
  position: relative;
  display: flex;
}
.lite-tab-view-container .tab__header-row .tab__head {
  background: none;
  height: 33px;
  margin-bottom: -1px;
}
.lite-tab-view-container .tab__header-row .tab__head:focus {
  outline: none;
}
.lite-tab-view-container .tab__header-row .tab__head div {
  transition-property: color;
  width: 100%;
}
.lite-tab-view-container .tab__header-row .tab__head.active-tab {
  color: var(--ecs-base-clr-active);
}
.lite-tab-view-container .tab__header-row .tab__head--active-bar {
  transition-property: width, transform;
  height: 2px;
  background-color: var(--ecs-container-bg-active-tertiary);
  left: 0;
  bottom: -1px;
  border-radius: 4px;
  will-change: width, transform;
  z-index: 2;
}
.lite-tab-view-container .tab__header-row .tab__head div,
.lite-tab-view-container .tab__header-row .tab__head--active-bar {
  transition: 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.lite-tab-view-container .tab-form__content {
  padding: 15px 0 5px 25px;
}
.lite-tab-view-container .tab-form__content .fc--label {
  padding-left: 0 !important;
}
.lite-tab-view-container .tab-form__content .fc--section__checkbox--block .fc--group {
  padding: 0 0 10px 0;
}
.lite-tab-view-container .tab-form__content .fc--section__checkbox--block .fc--group .fc--field {
  padding-left: 0;
}

.dc_chart {
  width: 100%;
  border: 1px solid var(--ecs-container-border-clr);
}
.dc_chart .chart_title {
  padding: 0 12px !important;
}
.dc_chart .charticon {
  float: right;
  cursor: pointer;
}
.dc_chart .charticon img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.dc_chart .chart_body {
  height: 250px;
}
.dc_chart .chart_body .nodatahandler {
  left: calc(50% - 75px) !important;
}
.dc_chart .nodataText {
  font-size: 15px;
  position: absolute;
  top: 45%;
  left: 100%;
  width: 100%;
}
.dc_chart .loading {
  width: 125px;
  height: 125px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 8% 0;
}
body[ems-theme=dark] .dc_chart .zc-legend-legendlabel, body[ems-theme=dark] .dc_chart .zc-annotation, body[ems-theme=dark] .dc_chart text, body[ems-theme=dark] .dc_chart .nodataText {
  color: var(--ecs-base-clr-primary) !important;
  fill: currentColor !important;
}
body[ems-theme=dark] .dc_chart line:not([style*="stroke: transparent"]) {
  stroke: var(--ecs-container-border-clr) !important;
}

.dc-tooltip--white {
  background: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  box-shadow: 0 0 16px var(--ecs-container-shadow);
}
.dc-tooltip--white .ztooltip__pointer.h-top::after {
  border-bottom-color: var(--ecs-base-bg-primary);
}
.dc-tooltip--white .ztooltip__pointer.h-top::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 999;
  position: absolute;
  border-bottom: 6px solid var(--ecs-container-border-clr);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -1px;
}
.dc-tooltip--white .ztooltip__pointer.h-right::after {
  border-left-color: var(--ecs-base-bg-primary);
}
.dc-tooltip--white .ztooltip__pointer.h-right::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 999;
  position: absolute;
  border-left: 6px solid var(--ecs-container-border-clr);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  left: 1px;
}
.dc-tooltip--white .ztooltip__pointer.h-bottom::after {
  border-top-color: var(--ecs-base-bg-primary);
}
.dc-tooltip--white .ztooltip__pointer.h-bottom::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 999;
  position: absolute;
  border-top: 6px solid var(--ecs-container-border-clr);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -1px;
}
.dc-tooltip--white .ztooltip__pointer.h-left::after {
  border-right-color: var(--ecs-base-bg-primary);
}
.dc-tooltip--white .ztooltip__pointer.h-left::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 999;
  position: absolute;
  border-right: 6px solid var(--ecs-container-border-clr);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: 1px;
}

.dc-tooltip-top--white {
  background: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  box-shadow: 1px 1px 4px 1px var(--ecs-container-shadow);
  /* css for tooltip callout */
}
.dc-tooltip-top--white .ztooltip__pointer.zh-bottom::after,
.dc-tooltip-top--white .ztooltip__pointer.h-bottom::after {
  border-top: 6px solid var(--ecs-base-bg-primary);
}

.dc-tooltip--black {
  background: var(--ecs-dark-bg);
  color: var(--ecs-base-clr-primary-surface);
  box-shadow: 0 0 16px 0 var(--ecs-container-shadow);
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 2px;
  /* css for tooltip callout */
}
.dc-tooltip--black .ztooltip__content {
  word-break: break-all;
}
.dc-tooltip--black .ztooltip__pointer.h-top:after {
  border-bottom: 6px solid var(--ecs-base-bg-primary);
}

.ztooltip__text {
  word-wrap: break-word;
}

/* 
  This style sheet contains several helper classes to achieve quick styling and solve cross-browser issues.
 */
/* A wrapper can be applied to containers which should take full width and height of the parent */
.wrapper {
  height: 100%;
  width: 100%;
  display: block;
}

/* A section wrapper can be applied to containers with its parent being a flexible box. It fills with the remaining space inside the flexible box */
.section-wrapper {
  flex: 1;
  -ms-flex: 1;
  overflow: hidden;
  display: block;
}

/* section-content-wrapper => sc-wrapper. A sc-wrapper can be applied to containers where actual content of the page should be shown. Only for this container overflow will be enabled with auto property */
.sc-wrapper {
  flex: 1;
  -ms-flex: 1;
  overflow: auto;
  display: block;
}

.font-small {
  font-size: 12px;
}

.font-medium {
  font-size: 14px;
}

.font-large {
  font-size: 16px;
}

/* When a container has to be rendered as a flexible-box with direction row wise */
.flex-row {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
}

/* When a container has to be rendered as a flexible-box with direction column wise */
.flex-column {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
}

/* When a flex item has to be rendered at the end of the flexible box */
.flex-justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* When flex items are to be distributed evenly with equal spaces around them */
.flex-justify-distribute {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

/* To align the flex items at centre */
.flex-align-center {
  align-items: center;
  -ms-flex-align: center;
}

/* When a flex-item has to take maximum width/height. Other flex-items will only take their corresponding height/width */
.flex-content-width {
  flex: 1;
  -ms-flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.height-inherit {
  height: inherit;
}

.full-height {
  height: 100%;
}

.custom-scroll::-webkit-scrollbar {
  width: 5px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: var(--ecs-dark-bg-tertiary);
  color: var(--ecs-base-clr-primary-surface);
  border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: var(--ecs-container-bg-primary);
}

.text-underline {
  border-bottom: 1px solid var(--ecs-base-clr-tertiary);
  padding-bottom: 0.5px;
}

.isolation-right {
  margin-right: 12px;
}

.isolation-bottom {
  margin-bottom: 12px;
}

.isolation-left {
  margin-left: 12px;
}

.isolation-top {
  margin-top: 12px;
}

.isolation-all {
  margin: 16px;
}

.padding-all {
  padding: 16px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.clear {
  clear: both;
}

/* Icons using CSS */
.arrow {
  border: solid var(--ucs-icon-arrow-clr, #f1f1f1);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-top: 4px;
  cursor: pointer;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.disable-element {
  cursor: not-allowed;
  opacity: 0.6;
}

.inline {
  display: inline;
}

/* ember-table specific css properties - overrided to adapt DC table styles */
.table-view .ember-table-cell {
  border: 0px dotted transparent;
}
.table-view .ember-table-empty-content:after {
  content: " ";
}
.table-view .ember-table-cell .ember-table-content {
  line-height: 44px;
  padding-left: 15px;
}
.table-view .ember-table-cell .ember-table-content img[src="/images/s_progressbar.gif"] {
  width: 15px !important;
}
.table-view .ember-table-cell .ember-table-content img.status-image {
  width: 16px;
  vertical-align: text-bottom;
}
.table-view .ember-table-cell .ember-table-content a.anchor-text {
  line-height: 44px;
}
.table-view .ember-table-cell .ember-table-content .selectbox--filter {
  height: auto;
}
.table-view .ember-table-header-cell .ember-table-content-container .ember-table-content {
  line-height: 2.4;
}
.table-view .ember-table-header-container .ember-table-table-row {
  background-color: var(--ecs-container-bg-primary);
}
.table-view .ember-table-body-container .ember-table-table-row.ember-table-selected {
  color: var(--ecs-base-clr-primary);
  background-color: transparent;
}
.table-view .ember-table-body-container .ember-table-table-row.ember-table-selected .ember-table-cell {
  border-right: none;
}
.table-view .ember-table-header-cell .ember-table-content-container .ember-table-content {
  font: 13px var(--ecs-font-family);
  font-weight: 600;
  padding: 5px 25px 5px 15px;
  color: var(--ecs-base-clr-secondary);
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-view .ember-table-content {
  font: 12px var(--ecs-font-family);
}
.table-view .ember-table-content > a {
  color: var(--ecs-base-clr-active);
}
.table-view .ember-table-header-cell .ember-table-content-container .ember-table-content input[type=checkbox] {
  position: relative;
  top: 2px;
  left: 5px;
}
.table-view .ember-table-header-cell {
  background-color: var(--ecs-container-bg-primary);
}
.table-view .ember-table-header-cell span {
  line-height: 2.4;
}
.table-view .ember-table-content > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-view .ember-table-body-container .ember-table-table-row.ember-table-selected {
  background-color: var(--ecs-container-bg-selected) !important;
}
.table-view .antiscroll-scrollbar-shown {
  opacity: 0.7;
}
.table-view .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content::after {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  filter: opacity(0.7);
}
.svg-bg-s9lairf9c3s, .table-view .ember-table-column-sort-asc-indicator .ember-table-content-container .ember-table-content::after, .table-view .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M15.979%208.479a.5.5%200%200%201-.708%200L10.5%203.707V17.5a.5.5%200%200%201-1%200V3.707L4.729%208.48a.5.5%200%201%201-.708-.708l5.625-5.625a.5.5%200%200%201%20.708%200l5.625%205.625a.5.5%200%200%201%200%20.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.table-view .ember-table-column-sort-desc-indicator .ember-table-content-container .ember-table-content::after {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.svg-bg-s00fdugm6usicc, .table-view .ember-table-column-sort-desc-indicator .ember-table-content-container .ember-table-content::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M4.021%2011.521a.5.5%200%200%201%20.708%200L9.5%2016.293V2.5a.5.5%200%200%201%201%200v13.793l4.771-4.772a.5.5%200%200%201%20.708.708l-5.625%205.625a.5.5%200%200%201-.708%200l-5.625-5.625a.5.5%200%200%201%200-.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.table-view .ember-table-column-sort-asc-indicator .ember-table-content-container .ember-table-content::after {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.table-view .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content::after {
  opacity: 0;
}
.table-view .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content:hover:after {
  opacity: 1;
}
.table-view .ember-table-column-sortable-indicator.active {
  background-image: linear-gradient(180deg, var(--ecs-container-border-clr-active), var(--ecs-container-border-clr-active) 50%, transparent 50%, transparent 100%);
  background-size: 1px 25px;
  background-color: transparent !important;
  opacity: 0.7;
  width: 2px;
}
.table-view .ember-table-view-header {
  align-items: center;
  height: 30px;
  border: 1px solid var(--ecs-input-border-clr);
  border-bottom: none;
}
.mc--checkbox-cell {
  height: 100%;
}
.mc--checkbox-cell, .mc--checkbox-cell span {
  justify-content: center;
}

.tv_body > .ember-table-tables-container {
  border-radius: 4px 4px 0 0;
}

.tv__footer {
  border-radius: 0 0 4px 4px;
}

.antiscroll-scrollbar-shown, .antiscroll-scrollbar:active {
  opacity: 0.7;
}

.antiscroll-scrollbar-vertical:active, .antiscroll-scrollbar-vertical:hover {
  width: 12px;
}

.antiscroll-scrollbar-horizontal:hover, .antiscroll-scrollbar-horizontal:active {
  height: 12px;
}

.ember-table-vertical-scrolltrack, .ember-table-horizontal-scrolltrack {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: transparent;
}

.ember-table-vertical-scrolltrack, .ember-table-vertical-scrolltrack:hover ~ .antiscroll-scrollbar-vertical.antiscroll-scrollbar-shown {
  width: 12px;
}

.ember-table-horizontal-scrolltrack, .ember-table-horizontal-scrolltrack:hover ~ .antiscroll-scrollbar-horizontal.antiscroll-scrollbar-shown {
  height: 12px;
}

.ember-table-scroll-container {
  height: 12px !important;
}

.count-on-demand {
  color: var(--ecs-base-clr-active);
  margin-right: 8px;
}

.total-count {
  padding-bottom: 0.5px;
  margin-right: 12px;
}

.tv-nav__page {
  margin-right: 12px;
}

.tv-nav__icon--pre,
.tv-nav__icon--next {
  width: 18px;
  height: 18px;
  padding: 0 2px;
  background-color: var(--ecs-container-bg-primary);
}

.tv-nav__select {
  height: 24px;
}

body[ems-theme=dark] .tv-nav__select option[disabled] {
  color: var(--ecs-base-clr-disabled);
  opacity: 0.5;
}

/* jQuery-ui */
.ui-dialog .ui-dialog-content,
.ui-dialog {
  padding: 0;
}

.ui-widget {
  font: inherit;
}

/* mc-dialog */
.dialogContainer {
  height: 100%;
}

/* column chooser */
.cc-container {
  font-size: 13px;
}

.cc__header {
  height: 30px;
  padding: 8px;
}
.cc__header button {
  border: none;
  background: 0 0;
  cursor: pointer;
  padding: 0;
}
.cc__header button:focus {
  outline: 0;
}

.cc__header-text {
  font-size: 14px;
  color: var(--ecs-base-clr-active);
}

.cc__body > ul {
  max-height: 300px;
}

.cc__list-item {
  padding: 5px 0px 5px 6px;
  line-height: 1.3;
  z-index: 10000;
  min-height: 30px;
  cursor: move;
}
.cc__list-item *:not(.checkmark) {
  cursor: move;
}
.cc__list-item .checkbox--form .label--text {
  line-height: normal;
}
.cc__list-item .checkbox--form .checkmark {
  top: 2px;
}

.cc__list-item .checkbox--form {
  height: 100%;
}

.cc__li-text {
  margin: 0px;
  padding-left: 4px;
  width: 80%;
  word-wrap: break-word;
  cursor: move;
}

.cc__list[data-drag-active=true] {
  cursor: move;
}

.cc__list-item:hover,
.cc__list-item[data-drag-active] {
  background-color: var(--ecs-container-bg-secondary);
}

.cc__footer {
  height: 45px;
  padding: 9px;
  text-align: center;
}

.cc-searchbox--icon {
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}

/* export */
.export-item {
  padding: 8px 10px 8px 15px;
}

.export-item > img {
  height: 16px;
  width: 16px;
  float: left;
  margin-right: 8px;
}

.table-view {
  /* The height of table is decided by header + search + body
   * But since header has to be smaller (35px), the mickey-table calculates
   * the search row height too using the header height, causing a 7px diff that hides the last row
   * This fix will make sure the search row is the same as header
   */
}
.table-view .search-row-container {
  height: 35px;
}
.table-view .search-cell-component {
  height: 35px;
  margin: 0px 4px;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  align-items: center;
}

.search-text-box {
  margin: 5px;
  font: 12px var(--ecs-font-family);
  height: 20px;
}

.export-view-form .export--formats .label--text {
  align-items: center;
}
.export-view-form .export--formats .label--text .img--formats {
  height: 25px;
  width: 25px;
}
.export-view-form [data-field-name=userConsent] .fc--field {
  flex-wrap: nowrap !important;
}
.export-view-form .fc--group__left[required] .fc--input .fc--field .fc--suffix::before {
  content: none;
}
.export-view-form .fc--group__left[required] .fc--input .fc--field .checkbox--form .label--text::after {
  content: "*";
  color: var(--ecs-base-clr-error);
}

.menu-popup {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  min-width: 120px;
}
.menu-popup li {
  padding: 10px 25px;
}
.menu-popup .disabled {
  background: none;
  color: var(--ecs-base-clr-disabled);
  cursor: not-allowed;
}
.menu-popup.sub-menu {
  display: none;
}

.menu-popup__container {
  padding: 0;
  border: 1px solid var(--ecs-container-border-clr);
}

.column-chooser {
  min-width: 180px;
  z-index: 89;
}
.column-chooser.zpopover {
  width: 250px;
}
.column-chooser .zpopover__title {
  padding: 13px 17px 5px 17px;
}
.column-chooser.zpopover .zpopover__content {
  padding: 17px 17px 15px 17px;
}

.action-menu {
  cursor: pointer;
  line-height: 1;
  width: 20px;
}
.action-menu--w24 {
  width: 24px;
}
.action-menu[data-disabled] {
  cursor: default;
}

.action-menu-icon {
  margin: -6px 0;
}

.custom-field {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  align-items: center;
}
.custom-field div {
  height: 22px;
}
.custom-field img {
  cursor: pointer;
}
.custom-field .cf--input {
  text-overflow: ellipsis;
  pointer-events: all;
  display: inline-block;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  font: 14px var(--ecs-font-family);
  padding: 3px 40px 4px 10px;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  background-color: transparent;
  color: var(--ecs-base-clr-primary);
}
.custom-field .cf--input:invalid {
  border: 1px solid var(--ecs-container-border-clr-error) !important;
  box-shadow: 0px 1px 14px 0px rgba(var(--ecs-container-shadow-error), 0.14) !important;
  border-radius: 4px;
}
.custom-field .cf--input:focus, .custom-field .cf--input:active {
  border: 1px solid;
  border-radius: 4px;
  border-color: var(--ecs-container-border-clr-active);
  box-shadow: 0px 5px 14px 0px rgba(var(--ecs-container-shadow-active), 0.14);
  outline: none;
  background: var(--ecs-base-bg-primary);
}
.custom-field .cf--input:focus ~ .cf--edit, .custom-field .cf--input:active ~ .cf--edit {
  opacity: 0 !important;
}
.custom-field .cf--input:focus ~ .cf--close, .custom-field .cf--input:focus ~ .cf--check, .custom-field .cf--input:active ~ .cf--close, .custom-field .cf--input:active ~ .cf--check {
  opacity: 1 !important;
  display: block;
}
.custom-field .cf--edit {
  pointer-events: none;
  display: none;
  position: absolute;
  right: 5%;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  width: 15px;
  cursor: pointer;
}
.custom-field:hover .cf--edit {
  opacity: 1;
  display: block;
}
.custom-field .cf--close {
  animation: show-animation 0.75s ease-in 1;
  display: none;
  width: 20px;
  position: absolute;
  top: 5px;
  height: 30px;
  right: 0;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.custom-field .cf--close img {
  display: block;
  width: 15px;
  margin-top: 7.5px;
}
.custom-field .cf--close .icon-active {
  display: none;
}
.custom-field .cf--close:hover .icon-active {
  display: block;
}
.custom-field .cf--close:hover .icon {
  display: none;
}
.custom-field .cf--check {
  animation: show-animation 0.75s ease-in 1;
  display: none;
  width: 20px;
  position: absolute;
  top: 5px;
  height: 30px;
  right: 20px;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.custom-field .cf--check img {
  display: block;
  width: 15px;
  margin-top: 7.5px;
}
.custom-field .cf--check .icon-active {
  display: none;
}
.custom-field .cf--check:hover .icon-active {
  display: block;
}
.custom-field .cf--check:hover .icon {
  display: none;
}
.custom-field input[type=number]::-webkit-inner-spin-button,
.custom-field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-field .cf--text {
  transition: 0.5s all;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
  position: absolute;
  bottom: 130%;
  left: 0%;
  opacity: 0;
  display: none;
  background: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-error);
  width: 100%;
  height: auto;
  padding: 10px;
  box-shadow: 0px 4px 14px 0px rgba(var(--ecs-container-shadow-active), 0.23);
  border: solid 1px var(--ecs-container-border-clr-error);
  border-radius: 4px;
}
.custom-field .cf--text h3 {
  margin: 0 0 10px;
}
.custom-field .cf--text ul {
  padding: 0 0 0 30px;
  margin: 0;
}
.custom-field .cf--text:after, .custom-field .cf--text:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.custom-field .cf--text:after {
  border-color: var(--ecs-container-border-clr);
  border-top-color: var(--ecs-base-bg-primary);
  border-width: 0.6em;
  margin-left: -5%;
}
.custom-field .cf--text:before {
  border-color: var(--ecs-container-border-clr);
  border-top-color: var(--ecs-container-border-clr-error);
  border-width: 0.65em;
  margin-left: -5.3%;
}
.custom-field .cf--text__active {
  display: block;
  opacity: 1;
  animation: tooltip-num 0.3s ease-in-out 1;
}

.zpopover.custom-field-cell-popover {
  box-shadow: 0px 4px 14px 0px rgba(var(--ecs-container-shadow-active), 0.23);
  border-radius: 4px;
  border: solid 1px var(--ecs-container-border-clr-error);
  background: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-error);
}
.zpopover.custom-field-cell-popover .zpopover__content {
  padding: 10px;
}
.zpopover.custom-field-cell-popover .zpopover__pointer:before {
  border-top-color: var(--ecs-container-border-clr-error);
}

.select-options-cell {
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.select-options-cell .soc--select__hide {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  padding-left: 11px;
}
.select-options-cell .soc--select__hide .soc--edit {
  opacity: 0;
  margin-left: 5px;
  width: 12px;
  height: 12px;
}
.select-options-cell .soc--select__active {
  height: 30px;
  transform: translateY(15%);
}
.select-options-cell .soc--select__active .zselectbox {
  width: 100%;
  max-width: 150px;
}
.select-options-cell:hover .soc--select__hide .soc--edit {
  opacity: 1;
}

@keyframes tooltip-num {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.table-view {
  font: 13px var(--ecs-font-family);
  position: relative;
}
.table-view > div:first-of-type {
  padding-top: 5px;
}
.table-view .description {
  padding: 20px 0px;
}
.table-view .anchor-text:hover {
  text-decoration: none;
}
.table-view .tv--splitter {
  height: 20px;
  width: 1px;
  border-right: 1px solid var(--ecs-container-border-clr);
  position: absolute;
  left: calc(100% + 10px);
  top: -2px;
}
.table-view .tv--separator {
  height: 20px;
  width: 1px;
  border-left: 1px solid var(--ecs-container-border-clr);
  align-self: center;
}
.table-view .tv__splitter-container {
  position: relative;
}
.table-view .ember-table-cell .ember-table-content:hover {
  cursor: auto;
}
.table-view .ember-table-cell .ember-table-content.anchor-text:hover {
  cursor: pointer;
}
.table-view .ember-table-header-cell .ember-table-content:hover {
  cursor: pointer;
}
.table-view .ember-table-content {
  font-size: 13px;
  height: 100%;
}
.table-view .ember-table-content.image-cell {
  display: inline;
}
.table-view .ember-table-content .anchor-text {
  color: var(--ecs-base-clr-active) !important;
}
.table-view .ember-table-content .body-text {
  line-height: 44px;
}
.table-view .loading {
  padding: 50px;
  text-align: center;
}
.table-view .tv__header--top {
  min-height: 35px;
  padding: 5px;
}
.table-view .tv__header--top > div {
  min-height: 30px;
  display: flex;
  align-items: center;
}
.table-view .tv__header--top .dc-lite-filter .filter {
  padding-bottom: 0;
}
.table-view .tv__header--bottom {
  height: 35px;
  padding: 5px;
}
.table-view .header-help-card {
  display: inline-block;
}
.table-view .header-help-card .help-card-icon {
  width: 17px;
  height: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.table-view .ember-table-cell {
  border-right: 0;
}
.table-view .dc_chart {
  background-color: var(--ecs-bg-primary-alt);
}

.table-empty-message {
  padding-top: 10px;
}

.tv-loader {
  width: 24px;
  height: 24px;
}

.tv-loader::after {
  /* content: "loading"; */
  padding-left: 32px;
}

.tv__filter-grps {
  float: left;
}

.tv__header {
  display: flex;
  padding-bottom: 5px;
}
.tv__header .tv__menu {
  float: left;
}
.tv__header .tv__menu > div {
  position: relative;
  padding-right: 10px;
}
.tv__header .tv__menu .dc-radio .radiobox {
  margin-bottom: 0;
}
.tv__header .tv__menu .dc-radio .radiobox:first-child {
  margin-left: 10px;
}
.tv__header .tv__menu .zpopover {
  border-color: var(--ecs-container-border-clr);
}
.tv__header .tv__menu .zpopover .zpopover__content {
  max-height: 200px;
}
.tv__header .tv__menu .zpopover .zpopover__content .popover-list {
  min-width: 100px;
}
.tv__header.dc-view-filter__wrapper {
  display: block;
  min-height: 30px;
}
.tv__header.dc-view-filter__wrapper .tv__menu {
  padding-bottom: 5px;
}
.tv__header.dc-view-filter__wrapper .tv__filter .dc-lite-filter {
  float: left;
}
.tv__header.dc-view-filter__wrapper .tvh__right {
  padding-top: 10px;
}
@media screen and (max-width: 1500px) {
  .tv__header.dc-view-filter__wrapper .tvh__right {
    padding-top: 0;
    display: inline-flex;
    float: right;
  }
}

.tvh__right {
  margin-left: auto;
  margin-top: 5px;
  align-items: flex-end;
}
@media screen and (max-width: 1366px) {
  .tvh__right {
    padding-bottom: 5px;
    min-width: 170px;
  }
}
.tvh__right .tv__export,
.tvh__right .tv__col-chooser,
.tvh__right .tv-search,
.tvh__right .tv__custom-field {
  display: inline-block;
  margin-right: 12px;
  padding-bottom: 0px;
}
.tvh__right .tv__export {
  display: inline-flex;
  align-items: flex-end;
}
.tvh__right .tv__export span {
  display: inline-flex;
}
.tvh__right .total-records {
  display: inline-block;
}
.tvh__right img {
  width: 16px;
  height: 16px;
}
.tvh__right div:last-of-type {
  margin-right: 0;
}

.tv__footer {
  background-color: var(--ecs-container-bg-primary);
  height: 36px;
  border: 1px solid var(--ecs-container-border-clr);
  border-top: none;
  padding-right: 76px;
}

.table-view button.tv-search__go {
  font-size: 13px;
  background-color: var(--ecs-dark-bg-tertiary);
  color: var(--ecs-base-clr-primary-surface);
  padding: 4px 7px;
  margin-left: 8px;
  margin-bottom: 2px;
}

.table-empty-message {
  height: 42px;
}

.tv-menu-item {
  padding-right: 8px;
}

.loading-gif {
  height: 64px;
  width: 80px;
}

.total-records.isolation-right {
  margin-right: 8px;
}

.total-records.isolation-bottom {
  margin-bottom: 0px;
}

.export-image {
  height: 20px;
  width: 20px;
}

.auto-uninstall-status .tv__menu,
.systems-with-prohibited-sw .tv__menu {
  padding-top: 5px;
  padding-right: 10px;
}
.auto-uninstall-status .tv__filter .filter-label,
.systems-with-prohibited-sw .tv__filter .filter-label {
  padding-bottom: 0;
}

.tab-container {
  padding: 10px 5px;
}

.ember-table-table-scrollable-wrapper .ember-table-table-row {
  border: none;
}

.table-view .ember-table-tables-container {
  border: 1px solid var(--ecs-container-border-clr);
}
.table-view .ember-table-tables-container .ember-table-header-container {
  box-shadow: none;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.table-view.tv__footer-less .ember-table-tables-container {
  border-bottom: 1px solid var(--ecs-container-border-clr);
}

.ember-table-cell.ember-table-header-cell {
  padding-top: 35px;
}
.ember-table-cell.ember-table-header-cell:not(:last-child) {
  border-right: 1px solid var(--ecs-container-border-clr);
}

.ember-table-table-scrollable-wrapper > div div .ember-table-table-row:not(.ember-table-selected).ember-odd-row:hover, .ember-table-table-scrollable-wrapper > div div .ember-table-table-row:not(.ember-table-selected).ember-odd-row.ember-table-hover, .ember-table-table-scrollable-wrapper > div div .ember-table-table-row:not(.ember-table-selected).ember-even-row:hover, .ember-table-table-scrollable-wrapper > div div .ember-table-table-row:not(.ember-table-selected).ember-even-row.ember-table-hover {
  background: var(--ecs-container-bg-hover-secondary);
}

.table-head--row .table-head--cell {
  border-right: 1px solid var(--ecs-container-border-clr) !important;
  border-bottom: 1px solid var(--ecs-container-border-clr) !important;
}

.lite-table-caption-no-bg .lt--header {
  padding: 10px;
}

.dc-reports.dc-lite-filter__wrapper .tv__header,
.alerts-home .tv__header {
  flex-direction: column;
}
.dc-reports.dc-lite-filter__wrapper .tv__header .dc-lite-filter .filter,
.alerts-home .tv__header .dc-lite-filter .filter {
  padding-top: 0;
  padding-right: 0;
}

.dc-reports.dc-lite-filter__wrapper .dc-splitter .dc-lite-filter:before,
.dc-reports.dc-lite-filter__wrapper .dc-splitter .view-filter:before {
  display: none;
}

form[name=alertFormatForm] table {
  margin: 20px auto;
}

.table-cell__middle {
  align-items: center;
}
.table-cell__middle img {
  margin: 0;
}

.table-view-bottom-header .table-view {
  padding: 0;
}
.table-view-bottom-header .table-view > div {
  padding-top: 5px;
}
.table-view-bottom-header .table-view .tv__header {
  padding: 0;
}

.table-view .table-empty-message {
  font: 13px var(--ecs-font-family);
  font-weight: 400;
}

svg.tb--options--icon {
  width: 16px;
  height: 16px;
  margin: 0 2px;
}

/* ------------------------------- Placeholder ------------------------------ */
.table-view--placeholder {
  min-height: 250px;
  height: 50vh;
}

/* ----------------- Fix search bar scroll issue in Firefox ----------------- */
.ember-table-header-container .search-container .ember-table-table-row {
  overflow-y: hidden;
}

.table-cell-ellipsis {
  display: inline-block;
  max-width: 100%;
}

.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab-view--active-indicater {
  transition: 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: width, left;
}

.tab-container .tab__header .tab__header-bar {
  list-style-type: none;
  margin: 0;
  margin-bottom: -2px;
  overflow: hidden;
  padding: 0;
}
.tab-container .tab__header .tab__header-bar .tab.tab-position--top, .tab-container .tab__header .tab__header-bar .tab.tab-position--top.active-tab {
  border-bottom: 1px solid var(--ecs-base-bg-primary);
}

.tab[data-disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.tab[data-disabled] a {
  cursor: not-allowed;
}

.tab a {
  background: var(--ecs-container-bg-primary);
  border: 2px solid var(--ecs-container-bg-primary);
  color: var(--ecs-base-clr-primary);
  cursor: pointer;
  display: block;
  font: 14px var(--ecs-font-family);
  min-height: 36px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
}

.tab.tab-position--top a {
  border: 1px solid var(--ecs-container-border-clr);
}

.tab-container--left a {
  border-width: 1px 0 1px 3px;
  text-align: left;
  word-wrap: break-word;
}

.tab__header.tab-position--left {
  background-color: var(--ecs-container-bg-primary);
  border: 1px solid var(--ecs-container-border-clr);
  border-right: 0;
  left: 5px;
  width: 150px;
  z-index: 1;
}

.tab__header.tab-position--left,
.tab__content.tab-position--left {
  position: relative;
  vertical-align: top;
}
.tab__header.tab-position--left .tab__header-bar,
.tab__content.tab-position--left .tab__header-bar {
  margin-bottom: 10px;
  margin-top: 10px;
}

.tab__header.tab-position--left .tab__header-bar {
  overflow: visible;
}

.tab a {
  transition: all 250ms ease-in;
}
.tab a.key-focused:focus > span {
  outline: none;
}

.tab.tab-position--left.active-tab {
  border-right: 0;
}

.tab__content {
  border: 1px solid var(--ecs-container-border-clr);
  padding: 10px;
}

.tab-position--top {
  float: left;
  margin-right: 5px;
}

.tab.tab-position--top a.active {
  background: var(--ecs-base-bg-primary);
  border-bottom: 1px solid var(--ecs-base-bg-primary);
  border-top: 2px solid var(--ecs-container-border-clr-active);
  color: var(--ecs-base-clr-active);
}

.tab__suffix {
  float: right;
}

.tab-container::after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
  .tab__header .tab,
  .tab__content.tab-position--left,
  .tab__header.tab-position--left {
    width: 100%;
  }
  .tab__header.tab-position--left {
    left: 0;
  }
  .tab-container--left {
    display: block;
  }
}
.tab__content.tab-position--left {
  width: calc(99% - 150px);
}

.tab.tab-position--left .active {
  background: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-container-border-clr);
  border-color: var(--ecs-container-border-clr-active) var(--ecs-base-bg-primary) var(--ecs-container-border-clr-active) var(--ecs-container-border-clr-active);
  border-right: 1px solid var(--ecs-base-bg-primary);
  border-width: 1px 0 1px 3px;
  color: var(--ecs-base-clr-active);
  position: relative;
  width: calc(100% + 2px);
}

.tab-container .tab__content .form-header__sub {
  margin-top: 10px;
}

.tab__content.tab-position--left .radio-table {
  border: 0;
  border-radius: 0;
  margin: 0 -10px 0 -5px;
}

.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) > .tab__header {
  overflow: hidden;
  scroll-behavior: smooth;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) > .tab__header .tab__header-bar {
  display: flex;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) > .tab__header .tab__header-bar .tab__suffix {
  margin-left: auto;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles).tab-view__paginated {
  display: grid;
  grid-template-columns: 1fr min-content;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles).tab-view__paginated .tab__content {
  grid-column: 1/-1;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles).tab-view__paginated.tab-view__with-suffix {
  grid-template-columns: 1fr min-content min-content;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles).tab-view__paginated .tab__header-bar {
  overflow: visible;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top {
  margin-right: 0;
  min-width: auto;
  padding: 0 15px;
  white-space: nowrap;
  width: auto;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top:focus-visible,
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a:focus-visible {
  outline: none;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: inline-flex;
  justify-content: center;
  min-width: 100px;
  padding: 0;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a.active {
  border-top: 0;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a.key-focused > span {
  align-self: stretch;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a.key-focused:focus > span {
  position: relative;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top a.key-focused:focus > span::after {
  background-color: var(--ecs-container-bg-selected);
  bottom: -1px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__header .tab__header-bar .tab.tab-position--top.active-tab {
  border-bottom: 0;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab__content {
  border-radius: 3px;
}
.tab-container:not(.tab-container--left):not(.tab-container__remove-tab-slider-styles) .tab-view--active-indicater {
  background-color: var(--ecs-container-border-clr-active);
  bottom: 0;
  height: 2px;
  position: absolute;
  width: 0;
}

.tv__pagination--btns {
  display: none;
  right: 0;
  top: 0;
  z-index: 10;
}
.tv__pagination--btns:hover .tab-view__paginator--left,
.tv__pagination--btns:hover .tab-view__paginator--right {
  border-color: var(--ecs-container-border-clr);
}

.tab-view__paginator--left, .tab-view__paginator--right {
  background-color: var(--ecs-base-bg-primary);
  border: 1px solid transparent;
}
.tab-view__paginator--left svg.svg-bucket-icon, .tab-view__paginator--right svg.svg-bucket-icon {
  transition: width 0.1s ease-in, height 0.1s ease-in;
}
.tab-view__paginator--left:not([data-disabled]):hover, .tab-view__paginator--right:not([data-disabled]):hover {
  background-color: var(--ecs-container-bg-hover);
}
.tab-view__paginator--left {
  border-radius: 3px 0 0 3px;
  border-right: 0;
}
.tab-view__paginator--right {
  border-radius: 0 3px 3px 0;
}

.tab-view__with-suffix {
  display: grid;
  grid-template-columns: 1fr max-content;
}
.tab-view__with-suffix .tab__content {
  grid-column: 1/-1;
}
.tab-view__with-suffix:not(.tab-container--left) > .tab__content {
  width: 100%;
}

/* Nested tab-view styles
*  These styles are applicable for nested tab-view UI, to reduce unwanted space and fix misalignments
*  Targets only the inner tab-view component
*/
.tab-container.tab-view__nested-view .tab-container {
  padding: 5px;
}
.tab-container.tab-view__nested-view .tab-container .tab__content {
  padding: 5px 10px;
}
.tab-container.tab-view__nested-view .tab-container .tab__content.tab-position--left .tab__header-bar {
  margin-bottom: 0;
  margin-top: 0;
}
.tab-container.tab-view__nested-view .tab__content:not(.tab-position--left) {
  border-width: 1px 0 0 0;
}

.tab-container-wizard .tab__header-bar .tab-position--top.success a, .tab-container-wizard .tab__header-bar .tab-position--top.active a {
  border-color: var(--ecs-container-border-clr);
  margin-top: 0;
  color: var(--ecs-container-border-clr-active);
}
.tab-container-wizard .tab__header-bar .tab-position--top.success a::before, .tab-container-wizard .tab__header-bar .tab-position--top.active a::before {
  border-color: var(--ecs-container-border-clr-active);
}

.tab-container-wizard .tab__header-bar {
  display: flex;
  counter-reset: section;
}
.tab-container-wizard .tab__header-bar .tab-position--top {
  flex-grow: 1;
  margin-right: 0;
  background: var(--ecs-container-border-clr);
  display: inline-flex;
}
.tab-container-wizard .tab__header-bar .tab-position--top a {
  margin: 0 auto;
  position: relative;
  color: var(--ecs-base-clr-primary);
  font-size: 14px;
  display: inline-block;
  background: transparent;
}
.tab-container-wizard .tab__header-bar .tab-position--top a::before {
  counter-increment: section;
  content: counters(section, ".");
  position: absolute;
  left: -35px;
  top: calc(50% - 16px);
  border-radius: 50%;
  border: 2px solid var(--ecs-container-border-clr);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding: 4px;
}
.tab-container-wizard .tab__header-bar .tab-position--top.success a {
  color: var(--ecs-base-clr-success);
}
.tab-container-wizard .tab__header-bar .tab-position--top.success a::before {
  color: var(--ecs-base-clr-primary-surface);
  background: var(--ecs-container-bg-success);
  border-color: var(--ecs-container-border-clr-success);
}

div.tab-container-wizard:not(.dc-messages-container) > div > .tab-container:not(.tab-container--left) .tab__header .tab__header-bar .tab.tab-position--top a {
  padding: 14px 8px;
}

.dc-lite-filter {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.dc-lite-filter .form-container {
  border: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dc-lite-filter {
    display: inline-block;
  }
}
.dc-lite-filter .filter {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  padding-right: 10px;
}
@media screen and (max-width: 1366px) {
  .dc-lite-filter .filter {
    padding-bottom: 5px !important;
  }
}
.dc-lite-filter .filter:first-child {
  align-self: flex-start;
}
.dc-lite-filter .filter-label {
  display: inline-block;
  padding-right: 5px;
  padding-left: 10px;
  text-align: left;
  font: 13px var(--ecs-font-family);
  vertical-align: middle;
}
@media screen and (max-width: 1240px) {
  .dc-lite-filter .filter-label {
    padding-bottom: 5px;
  }
}
.dc-lite-filter .filter-content {
  display: inline-block;
}
.dc-lite-filter .filter-content img[alt~=reset-icon] {
  vertical-align: bottom;
}
.dc-lite-filter .filter-content .filter--footer {
  padding: 10px 0 0 5px;
}
.dc-lite-filter .filter-content .dc-select .zselectbox {
  border-color: var(--ecs-container-border-clr);
}
.dc-lite-filter .filter-content .dc-select .zselectbox.selectbox--filter .zselectbox__selected .zselectbox__text {
  line-height: 22px;
}
.dc-lite-filter .filter-content .calender-select {
  display: inline-flex;
}
.dc-lite-filter .filter-content .calender-select > div {
  display: inline-flex;
  align-items: center;
}
.dc-lite-filter .filter-content .calender-select > div .img--small {
  margin: 0 5px;
}
.dc-lite-filter .filter-content .selectbox--number .zselectbox {
  height: 25px;
}
.dc-lite-filter .filter-submit {
  display: inline-block;
  margin-left: 5px;
}
.dc-lite-filter .filter-submit .button-primary-form, .dc-lite-filter .filter-submit .zdialog--alert .zalertdialog__footer .zbutton--primary, .zdialog--alert .zalertdialog__footer .dc-lite-filter .filter-submit .zbutton--primary, .dc-lite-filter .filter-submit .zdialog .zdialog__footer .zbutton--primary, .zdialog .zdialog__footer .dc-lite-filter .filter-submit .zbutton--primary {
  margin-right: 5px;
}
.dc-lite-filter .filter-reset {
  align-items: center;
}
.dc-lite-filter .dc-daterange-field {
  width: auto;
  height: 25px;
  line-height: 20px !important;
}
.dc-lite-filter .button-primary-form, .dc-lite-filter .zdialog--alert .zalertdialog__footer .zbutton--primary, .zdialog--alert .zalertdialog__footer .dc-lite-filter .zbutton--primary, .dc-lite-filter .zdialog .zdialog__footer .zbutton--primary, .zdialog .zdialog__footer .dc-lite-filter .zbutton--primary, .dc-lite-filter .button-secondary-form, .dc-lite-filter .zdialog--alert .zalertdialog__footer .zbutton--secondary, .zdialog--alert .zalertdialog__footer .dc-lite-filter .zbutton--secondary, .dc-lite-filter .zdialog .zdialog__footer .zbutton--secondary, .zdialog .zdialog__footer .dc-lite-filter .zbutton--secondary {
  padding: 3px 10px !important;
}
.dc-lite-filter .fc--submit .button-primary-form, .dc-lite-filter .fc--submit .zdialog--alert .zalertdialog__footer .zbutton--primary, .zdialog--alert .zalertdialog__footer .dc-lite-filter .fc--submit .zbutton--primary, .dc-lite-filter .fc--submit .zdialog .zdialog__footer .zbutton--primary, .zdialog .zdialog__footer .dc-lite-filter .fc--submit .zbutton--primary, .dc-lite-filter .fc--submit .button-secondary-form, .dc-lite-filter .fc--submit .zdialog--alert .zalertdialog__footer .zbutton--secondary, .zdialog--alert .zalertdialog__footer .dc-lite-filter .fc--submit .zbutton--secondary, .dc-lite-filter .fc--submit .zdialog .zdialog__footer .zbutton--secondary, .zdialog .zdialog__footer .dc-lite-filter .fc--submit .zbutton--secondary {
  padding: 7px 10px !important;
}

.dc-lite-filter.dc-lite-filter-layout {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border: 1px solid var(--ecs-input-border-clr);
}
.dc-lite-filter.dc-lite-filter-layout .filter {
  display: block;
  padding-right: 0;
}
.dc-lite-filter.dc-lite-filter-layout .filter .filter-content {
  display: block;
}
.dc-lite-filter.dc-lite-filter-layout .dc-lite-custom-filter {
  display: table;
  width: 100%;
}
.dc-lite-filter.dc-lite-filter-layout .dc-lite-custom-filter .form-container {
  padding-top: 30px;
  padding-bottom: 10px;
}
.dc-lite-filter.dc-lite-filter-layout .dc-lite-custom-filter .form-container .fc--row:first-child {
  padding-top: 0;
}
.dc-lite-filter.dc-lite-filter-layout .dc-lite-custom-filter .dc-lite-filter__title {
  display: table-row;
}
.dc-lite-filter.dc-lite-filter-layout .dc-lite-custom-filter .dc-lite-filter__title .display-table-cell {
  background-color: var(--ecs-container-bg-primary);
  color: var(--ecs-base-clr-primary);
  font-size: 14px;
  font-weight: normal;
  padding: 5px 3px 10px 15px;
  text-rendering: auto;
}
.dc-lite-filter.dc-lite-filter-layout ~ div .dc-view-filter {
  padding-left: 0;
}

.dc-splitter .dc-lite-filter, .dc-splitter .view-filter {
  position: relative;
}
.dc-splitter .dc-lite-filter .filter:first-child, .dc-splitter .view-filter .filter:first-child {
  padding-right: 15px;
}
.dc-splitter .dc-lite-filter:before, .dc-splitter .view-filter:before {
  content: "";
  width: 1px;
  height: 25px;
  border-right: 1px solid var(--ecs-container-border-clr);
  position: absolute;
  right: 6px;
  top: 0;
}
.dc-splitter .view-filter:before {
  right: -10px;
}

.container__column .selectbox--number,
.container__comparator .selectbox--number {
  width: 100%;
}
.container__column .selectbox--number .zselectbox,
.container__comparator .selectbox--number .zselectbox {
  width: 100% !important;
}

.dc-view-filter .filter-name {
  max-width: 140px;
  padding: 8px 5px;
}
.dc-view-filter .filter-title {
  height: 24px;
  overflow: hidden;
  position: relative;
  padding: 4px 8px;
  width: 200px;
}
.dc-view-filter .view-filter .filter-list {
  position: absolute;
  background: var(--ecs-base-bg-primary);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: none;
  z-index: 99998;
  min-width: 150px;
  max-height: 200px;
  overflow-y: auto;
  font-size: 13px;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.dc-view-filter .view-filter {
  position: relative;
  width: 200px;
  background: var(--ecs-base-bg-primary);
  float: left;
}
.dc-view-filter .view-filter.filter-dropdown::after {
  border-width: 0 5px 5px 5px;
}
.dc-view-filter .view-filter.filter-dropdown .filter-list {
  display: block;
  cursor: default;
}
.dc-view-filter .filter .filter-action {
  width: 21px;
  padding: 3px;
}
.dc-view-filter .filter-menu {
  background-color: var(--ecs-base-bg-primary);
  position: sticky;
  top: 0;
}
.dc-view-filter .filter-close {
  display: none;
}
.dc-view-filter .view-filter.filter-active .filter-title:hover .filter-close {
  display: inline;
  font: 10px var(--ecs-font-family);
  width: 15px;
  height: 15px;
}
.dc-view-filter .filter-criteria-renderer {
  min-width: 850px;
  width: 80%;
  padding: 45px 10px 20px 10px;
  margin: 0 auto;
  border-radius: 3px;
}
@media only screen and (max-width: 1024px) {
  .dc-view-filter .filter-criteria-renderer {
    width: 100%;
  }
}
.dc-view-filter .filter-criteria-renderer .filter-criteria {
  position: relative;
  margin: auto;
  align-content: center;
}
.dc-view-filter .filter-criteria-renderer .filter-criteria .f-title {
  font: 13px var(--ecs-font-family);
  position: absolute;
  margin: -13px 0 0 20px;
  border: 1px solid var(--ecs-container-border-clr);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
  height: 28px;
  max-width: 150px;
  background-color: var(--ecs-base-bg-primary);
}
.dc-view-filter .filter-criteria-renderer .filter-criteria .f-title.f-title-container {
  left: 0;
  top: 0;
}
.dc-view-filter .filter-criteria-renderer .filter-criteria input[type=text].f-title {
  padding: 5px 6px;
  background-image: none;
}
.dc-view-filter .filter-criteria-renderer .filter-criteria .close-filter {
  margin: 5px 5px 5px auto;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.dc-view-filter .filter-criteria-renderer .filter-criteria .contaimer__filter-rows {
  padding-top: 25px;
}
.dc-view-filter .filter-criteria-renderer .filter-criteria .message-banner-container,
.dc-view-filter .filter-criteria-renderer .filter-criteria .col-12 {
  padding: 0;
}

.filter-row[data-disabled] .filter-name {
  opacity: 0.54;
  cursor: not-allowed;
}

.dc-view-filter .filter-criteria-row .container__logical-operator,
.dc-view-filter .filter-criteria-row .container__comparator,
.dc-view-filter .filter-criteria-row .container__column,
.dc-view-filter .filter-criteria-row .container__filter-value {
  min-height: 35px;
  max-width: 300px;
}
.dc-view-filter .filter-criteria-row .container__logical-operator .has-error .tf--container-wrapper,
.dc-view-filter .filter-criteria-row .container__comparator .has-error .tf--container-wrapper,
.dc-view-filter .filter-criteria-row .container__column .has-error .tf--container-wrapper,
.dc-view-filter .filter-criteria-row .container__filter-value .has-error .tf--container-wrapper {
  border: 1px solid var(--ecs-container-border-clr-error);
}
.dc-view-filter .filter-criteria-row .container__logical-operator .date-picker .zinputfield,
.dc-view-filter .filter-criteria-row .container__comparator .date-picker .zinputfield,
.dc-view-filter .filter-criteria-row .container__column .date-picker .zinputfield,
.dc-view-filter .filter-criteria-row .container__filter-value .date-picker .zinputfield {
  min-width: 100%;
}
.dc-view-filter .filter-criteria-row .container__column-index {
  width: 35px !important;
  background-color: var(--ecs-container-bg-primary);
  min-width: 10px !important;
  border-radius: 4px;
}
.dc-view-filter .filter-criteria-row .fcr-action {
  width: 5% !important;
}
.dc-view-filter .filter-criteria-row .container__filter-value .text-box {
  display: table;
}
.dc-view-filter .filter-criteria-row .container__filter-value .text-box.has-error input {
  border: 1px solid var(--ecs-container-border-clr-error);
}
.dc-view-filter .filter-criteria-row .container__filter-value .date-picker.has-error .zinputfield:not(.has-focus),
.dc-view-filter .filter-criteria-row .container__filter-value .date-range-picker.has-error .dc-daterange-field {
  border-color: var(--ecs-container-border-clr-error);
}
.dc-view-filter .filter-criteria-row .container__logical-operator .zselectbox {
  min-width: 80px;
  text-align: left;
}

.logical_operator {
  flex-basis: 100%;
  align-self: stretch;
}

.criteria-pattern-container {
  background-color: var(--ecs-container-bg-primary);
  width: calc(40% + 345px);
  max-width: 945px;
}

.criteria_pattern-text_area.textarea--form textarea {
  height: 35px;
  min-height: 35px !important;
  max-height: 70px !important;
  width: 360px !important;
}

.criteria_pattern_value {
  width: 360px;
}

.selectbox--auto .zselectbox {
  height: 35px !important;
}

.dc-view-filter .filter-criteria-row {
  display: flex;
  margin-bottom: 10px;
  animation: show-animation 0.25s linear;
}
.dc-view-filter .filter-criteria-row .fcr--section {
  padding: 0 10px;
  width: 20%;
  max-width: 300px;
  min-width: 150px;
}
@media (max-width: 800px) {
  .dc-view-filter .filter-criteria-row .fcr--section {
    width: 20%;
  }
}
.dc-view-filter .filter-criteria-row .fcr--section:first-child {
  text-align: right;
}
.dc-view-filter .filter-criteria-row .fcr--section.fcr--main-input {
  min-width: 320px;
}
@media (max-width: 800px) {
  .dc-view-filter .filter-criteria-row .fcr--section.fcr--main-input {
    min-width: 140px;
  }
  .dc-view-filter .filter-criteria-row .fcr--section.fcr--main-input input.textbox--form {
    width: 100%;
  }
}
.dc-view-filter .filter-criteria-row .dc-daterange-field {
  width: auto;
  height: 35px;
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
  .dc-view-filter .filter-criteria-row .dc-daterange-field {
    line-height: 30px !important;
  }
}
.dc-view-filter .filter-criteria-row:hover .filter-action {
  pointer-events: all;
  opacity: 1;
}
.dc-view-filter .filter-criteria-row.view-filter-disabled .filter-action {
  display: none;
}
.dc-view-filter .filter-criteria-row .dc-select .zselectbox.is-disabled,
.dc-view-filter .filter-criteria-row .dc-textbox input:disabled {
  background-color: var(--ecs-container-bg-tertiary) !important;
}

.dc-view-filter .filter-criteria-row .filter-action {
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms ease-in;
  align-items: center;
  min-height: 35px;
  display: flex;
}
.dc-view-filter .filter-criteria-row .filter-action:hover {
  opacity: 1;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--add, .dc-view-filter .filter-criteria-row .filter-action .fc--remove, .dc-view-filter .filter-criteria-row .filter-action .fc--remove__disabled {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--add, .dc-view-filter .filter-criteria-row .filter-action .fc--remove {
  transition: background 250ms ease-in;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--add svg, .dc-view-filter .filter-criteria-row .filter-action .fc--remove svg {
  transition: fill 250ms ease-in;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--add:hover svg, .dc-view-filter .filter-criteria-row .filter-action .fc--remove:hover svg {
  fill: var(--ecs-base-clr-primary-surface);
  stroke: var(--ecs-base-clr-primary-surface) !important;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--add:hover {
  background-color: var(--ecs-cta-btn-bg) !important;
}
.dc-view-filter .filter-criteria-row .filter-action .fc--remove:hover {
  background-color: var(--ecs-container-bg-error) !important;
}

.dm-filter-search-icon {
  top: calc(50% - 8px);
  left: 8px;
}

.contaimer__filter-rows .form-submit-section {
  padding-top: 15px;
}

.dc-view-filter__item-disabled {
  opacity: 0.5;
  background: none !important;
}
.dc-view-filter__item-disabled .zdropdownlist__text {
  color: var(--ecs-base-clr-primary) !important;
}

.dc-view-filter .filter-multi-select .tf--container-wrapper {
  max-height: 35px;
  padding: 1px 2px;
  max-width: 300px;
}
.dc-view-filter .filter-multi-select .tf--container-wrapper .tf--input, .dc-view-filter .filter-multi-select .tf--container-wrapper .tf--input:hover {
  height: 30px;
}
.dc-view-filter .filter-multi-select .tf--container-wrapper.tf--container-wrapper__active {
  max-height: 135px;
  top: 0;
  position: absolute;
}
.dc-view-filter .filter-multi-select .tf--suggestions {
  max-width: 300px;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary) !important;
}

.zdialog__content .dc-view-filter {
  min-width: 850px;
}
@media only screen and (max-width: 1600px) {
  .zdialog__content .dc-view-filter .filter-criteria-renderer {
    width: 90%;
  }
}
.zdialog__content .dc-view-filter .filter-criteria-renderer {
  width: 90%;
  padding: 0 0 25px 0;
}

.dc-view-filter .token-field {
  padding-top: 0;
  height: 35px;
  min-height: 35px;
}

.table-view .tv__filter .dc-view-filter .view-filter {
  margin-bottom: 5px;
}
.table-view .tv__filter .dc-view-filter .filter-criteria-renderer {
  padding-top: 60px;
}

.tv__header--top .dc-view-filter {
  width: 100%;
}

.import-csv-dialog .dialog__body {
  display: block;
}
.import-csv-dialog .dialog__body .button-options {
  text-align: center;
}
.import-csv-dialog .dialog__body .dialog--csv-input, .import-csv-dialog .dialog__body .button-options, .import-csv-dialog .dialog__body .dialog__error {
  padding-top: 15px;
}
.import-csv-dialog .csvspan {
  padding-right: 35px;
}

.import-csv-dialog .message-banner-container, .export-options .message-banner-container {
  display: flex;
  padding: 0;
}
.import-csv-dialog .message-banner-container .col-12, .export-options .message-banner-container .col-12 {
  padding: 0 5px;
}
.import-csv-dialog .fc--group, .import-csv-dialog .fc--row, .export-options .fc--group, .export-options .fc--row {
  padding-bottom: 0 !important;
}

.popover-list ul {
  z-index: 1000;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--ecs-bg-primary-alt);
  border-radius: 0px;
  font: 13px var(--ecs-font-family);
  line-height: 26px;
}
.popover-list ul li {
  display: block;
  padding: 5px 10px 5px 25px;
  cursor: pointer;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.svg-bg-s81cz9pgytyh, .popover-list ul li {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M13.397%208.94a1.5%201.5%200%200%201%200%202.12l-6.793%206.794a.5.5%200%200%201-.707-.708l6.793-6.792a.5.5%200%200%200%200-.708L5.897%202.854a.5.5%200%200%201%20.707-.708l6.793%206.793Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.popover-list ul li:hover {
  background-color: var(--ecs-container-bg-hover);
}

.resource-action-template {
  font-size: 12px;
}
.resource-action-template .display-table {
  display: table;
}
.resource-action-template .display-table .display-table-row {
  display: table-row;
}
.resource-action-template .display-table .display-table-row .display-table-cell {
  display: table-cell;
  line-height: 20px;
}
.resource-action-template .resource-action__status--popover {
  background: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  border-radius: 0px;
  box-shadow: 0 0 3px var(--ecs-container-shadow);
}
.resource-action-template .resource-action__status--popover .zpopover__content {
  overflow: inherit;
  padding: 5px 15px 5px 15px;
}
.resource-action-template .resource-action__list--popover .zpopover__content {
  padding: 0px;
}
.resource-action-template .resource-action__list--popover .zpopover__content .liveStatusActive {
  left: -10px;
  top: -25px;
}

.message-banner.success {
  background: var(--ecs-container-bg-primary) none;
  border-left-color: var(--ecs-container-border-clr-success-secondary);
}
.message-banner.success .message-title {
  color: var(--ecs-base-clr-success);
}

.message-banner.error {
  background: var(--ecs-container-bg-primary) none;
  border-left-color: var(--ecs-container-border-clr-error-secondary);
}
.message-banner.error .message-title {
  color: var(--ecs-base-clr-error);
}

.message-banner.alert {
  background: var(--ecs-container-bg-primary) none;
  border-left-color: var(--ecs-container-border-clr-warning-secondary);
}
.message-banner.alert .message-title {
  color: var(--ecs-base-clr-alert);
}

.message-banner.info {
  background: var(--ecs-container-bg-primary) none;
  border-left-color: var(--ecs-container-border-clr-info-secondary);
}
.message-banner.info .message-title {
  color: var(--ecs-base-clr-info);
}

.message-banner.progress {
  background: var(--ecs-container-bg-primary) none;
  border-left-color: var(--ecs-container-border-clr-success-secondary);
}
.message-banner.progress .message-title {
  color: var(--ecs-base-clr-success);
}

.message-banner-container {
  text-align: left;
}
.message-banner-container > div {
  width: 100%;
}

.message-banner {
  border: 1px solid var(--ecs-container-border-clr);
  background-color: var(--ecs-container-bg-tertiary);
  border-left: 2px solid;
  padding: 10px;
  font: 13px var(--ecs-font-family);
  display: flex;
  align-items: center;
}
.message-banner > .svg-bucket-icon {
  flex-shrink: 0;
}
.message-banner a {
  color: var(--ecs-base-clr-active) !important;
}
.message-banner a:hover {
  text-decoration: underline;
}
.message-banner .message-block {
  line-height: 20px;
}
.message-banner .message-block * {
  word-wrap: break-word;
}
.message-banner:not(.message) .message-block {
  width: calc(100% - 20px);
  padding-left: 5px;
  text-align: left;
}
.message-banner .close {
  display: inline-block;
  vertical-align: middle;
}
.message-banner .message-title {
  display: block;
  font: 14px var(--ecs-font-family);
}
.message-banner.progress {
  padding-left: 30px;
  background: var(--ecs-container-bg-primary) url(../../../../images/common/progress-bar-icon.gif) no-repeat 13px 13px/15px;
}
.message-banner.message {
  margin: 0 auto;
  width: 100%;
  background: none;
  border: none;
  padding: 0 !important;
}
.message-banner.message .message-block {
  width: auto;
  word-break: break-word;
}
.message-banner.message.progress .message-block {
  padding-left: 20px;
  background: transparent url(../../../../images/common/progress-bar-icon.gif) no-repeat 13px 13px/15px;
  background-position: left center;
}
.message-banner.message.alert {
  color: var(--ecs-base-clr-warning);
}

.message__center {
  display: table;
  margin: 0 auto;
}

.zdialog__content .message-banner-container .message-banner .message-block,
.fc-submit .message-banner-container .message-banner .message-block {
  background-position-y: center;
}

/* -------------------------------------------------------------------------- */
/*                             AlertBanner (Toast)                            */
/* -------------------------------------------------------------------------- */
.zalertbanner {
  border-radius: 6px;
  box-shadow: 0 2px 16px -4px var(--ecs-container-shadow);
  min-height: 48px;
  max-width: min(100vw, 500px);
  gap: 8px;
}

.zalertbanner__action {
  opacity: 0;
}

.zlaertbanner__svg {
  fill: var(--ecs-base-clr-primary-surface);
}

.zalertbanner--warning .zlaertbanner__svg {
  fill: var(--ecs-base-clr-primary);
}

.zalertbanner .zalertbanner__text {
  display: inline-block;
}
.zalertbanner .zalertbanner__text b,
.zalertbanner .zalertbanner__text span,
.zalertbanner .zalertbanner__text i {
  margin: 0 5px;
}

.zalertbanner__button {
  margin: 0 8px;
  border: none;
  border-bottom: 1px dashed var(--ecs-container-border-clr);
  padding: 4px;
  color: var(--ucs-base-clr-contrast, #000);
  text-decoration: none;
  background: none;
  cursor: pointer;
  text-transform: capitalize;
  border-radius: 2px;
}
.zalertbanner__button:focus, .zalertbanner__button:hover {
  outline: none;
  background-color: var(--ecs-container-shadow-secondary);
}

.zalertbanner--warning .zalertbanner__button {
  color: var(--ucs-base-clr, #000);
}

.zalertbanner__action .zalertbanner__close,
.zalertbanner__actionbar + .zalertbanner__action .zalertbanner__close {
  margin-left: 2px;
  margin-right: -8px;
}

.zalertbanner__progressbar {
  width: 0;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.3607843137);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  overflow: hidden;
  animation-name: toast-progress;
  animation-fill-mode: both;
}

.zalertbanner:hover .zalertbanner__progressbar {
  animation-name: none;
}
.zalertbanner:hover .zalertbanner__action {
  opacity: 1;
}

.ems-toast-animation {
  animation: toast-show 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  z-index: 9;
}
.ems-toast-animation__show {
  animation-direction: forwards;
}
.ems-toast-animation__hide {
  animation-direction: reverse;
}

/* ---------------------------- Toast Animations ---------------------------- */
@keyframes toast-show {
  0% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes toast-progress {
  0% {
    width: 0;
  }
  99% {
    width: 100%;
    height: 4px;
  }
  100% {
    width: 100%;
    height: 0;
  }
}
.zdialog--overlay {
  background-color: rgba(0, 0, 0, 0.6196078431) !important;
}

.zdialog {
  box-shadow: var(--ecs-container-shadow) 0px 1px 7px;
}
.zdialog .zdialog__titlebar {
  background: var(--ecs-bg-primary-alt);
}
.zdialog .zdialog__titlebar .zdialog__title {
  font-size: 14px;
  color: var(--ecs-base-clr-active);
}
.zdialog .zdialog__description .zdialog__primarytext,
.zdialog .zdialog__description a {
  font-size: 13px;
  line-height: 1.7;
}
.zdialog .zdialog__footer .zbutton--primary {
  border-radius: 0;
}
.zdialog .zdialog__footer .zbutton--secondary {
  border-radius: 0;
}

.zdc--content-wrapper {
  height: 100%;
}

.zdialog--alert {
  --alert-icon-size: 28px;
  box-shadow: var(--ecs-container-shadow) 0 1px 7px;
}
.zdialog--alert .zdialog__header {
  background: var(--ecs-bg-primary-alt);
}
.zdialog--alert .zdialog__header .zdialog__title {
  font-size: 14px;
  color: var(--ecs-base-clr-active);
}
.zdialog--alert .zdialog__content .zdialog__icon.warning {
  background: url(../../../../images/common/alerts_small.png) no-repeat center 50%/25px;
}
.zdialog--alert .zdialog__content .zdialog__icon.success {
  background: url(../../../../images/common/success-big-icon.png) no-repeat center 50%/25px;
}
.zdialog--alert .zdialog__content .zdialog__icon.info {
  background: url(../../../../images/common/info-big-icon.png) no-repeat center 50%/25px;
}
.zdialog--alert .zdialog__description {
  flex: 1;
}
.zdialog--alert .zdialog__description .zdialog__primarytext {
  word-wrap: break-word;
  line-height: 1.7;
  font-weight: normal;
  font-size: 13px;
}
.zdialog--alert .zalertdialog__footer .zbutton:first-child {
  margin-left: 0;
}
.zdialog--alert .zalertdialog__footer .zbutton--primary {
  border-radius: 0;
}
.zdialog--alert .zalertdialog__footer .zbutton--secondary {
  border-radius: 0;
}
.zdialog--alert.global-error--handler-dialog {
  --alert-icon-size: 120px !important;
}
.zdialog--alert.global-error--handler-dialog .zdialog__alerticon {
  --background-color: none;
}
.zdialog--alert.global-error--handler-dialog .zdialog__content {
  align-items: flex-start;
}
.zdialog--alert.global-error--handler-dialog .zdialog__content .global_err_icon {
  background: url(../../../../images/something-went-wrong.png) no-repeat center 50%/100px;
  position: absolute;
  margin-top: -12px;
}
.zdialog--alert.global-error--handler-dialog .zdialog__description {
  overflow: visible;
}
.zdialog--alert.global-error--handler-dialog .global-error--message {
  word-break: break-word;
}

.zalert-svg-icon {
  fill: var(--icon-color);
  width: var(--alert-icon-size);
  height: var(--alert-icon-size);
}

/* -------------------------------- EMS Alert ------------------------------- */
.z-alert-warning {
  --color: var(--ecs-container-bg-alert);
  --icon-color: var(--ecs-base-clr-alert);
  --border-color: var(--ecs-container-border-clr-alert-secondary);
  --background-color: var(--ecs-container-bg-alert-secondary);
}

.z-alert-success {
  --color: var(--ecs-container-bg-success);
  --icon-color: var(--ecs-base-clr-success);
  --border-color: var(--ecs-container-border-clr-success-secondary);
  --background-color: var(--ecs-container-bg-success-secondary);
}

.z-alert-error {
  --color: var(--ecs-container-bg-error);
  --icon-color: var(--ecs-base-clr-error);
  --border-color: var(--ecs-container-border-clr-error-secondary);
  --background-color: var(--ecs-container-bg-error-secondary);
}

.z-alert-info {
  --color: var(--ecs-container-bg-info);
  --icon-color: var(--ecs-base-clr-info);
  --border-color: var(--ecs-container-border-clr-info-secondary);
  --background-color: var(--ecs-container-bg-info-secondary);
}

.zdialog--alert.ems-alert {
  box-shadow: none !important;
  padding: 32px;
}
.zdialog--alert.ems-alert *, .zdialog--alert.ems-alert .zbutton {
  font-size: 14px;
  line-height: 20px;
}
.zdialog--alert.ems-alert .zdialog__header {
  position: absolute;
  opacity: 0;
  user-select: none;
  width: 100%;
  left: 0;
  top: 32px;
}
.zdialog--alert.ems-alert .zdialog__primarytext,
.zdialog--alert.ems-alert .zdialog__secondarytext {
  display: none !important;
}
.zdialog--alert.ems-alert .zdialog__suppression {
  margin: 8px 0 0;
}
.zdialog--alert.ems-alert .zdialog__suppression .zcheckbox {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ecs-base-clr-secondary);
}
.zdialog--alert.ems-alert .zdialog__content {
  padding: 0 !important;
  border-radius: 0 !important;
}
.zdialog--alert.ems-alert .zdialog__alerticon {
  padding: 8px !important;
  height: min-content;
  margin-inline-end: 16px;
  min-width: calc(var(--alert-icon-size) + 16px);
}
.zdialog--alert.ems-alert:not(.ems-alert--custom-icon) .zdialog__alerticon {
  background-color: var(--background-color);
  border-radius: 50%;
}
.zdialog--alert.ems-alert:not(.ems-alert--custom-icon) .zdialog__alerticon .zdialog__icon {
  width: var(--alert-icon-size);
  height: var(--alert-icon-size);
}
.zdialog--alert.ems-alert .zdialog__footer {
  padding: 0 !important;
  justify-content: flex-start;
  margin-inline-start: calc(32px + var(--alert-icon-size));
  margin-block-start: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
.zdialog--alert.ems-alert .zdialog__footer .zbutton--help,
.zdialog--alert.ems-alert .zdialog__footer .zdialog__helpbuttoncontainer {
  right: 0;
  left: unset;
  min-width: 0 !important;
  margin: 0;
}
.zdialog--alert.ems-alert .zdialog__footer button[id].zbutton:not(.zbutton--help).zbutton--primary, .zdialog--alert.ems-alert .zdialog__footer button[id].zbutton:not(.zbutton--help).zbutton--normal, .zdialog--alert.ems-alert .zdialog__footer button[id].zbutton:not(.zbutton--help).zbutton--secondary, .zdialog--alert.ems-alert .ea--footer button[id].zbutton:not(.zbutton--help).zbutton--primary, .zdialog--alert.ems-alert .ea--footer button[id].zbutton:not(.zbutton--help).zbutton--normal, .zdialog--alert.ems-alert .ea--footer button[id].zbutton:not(.zbutton--help).zbutton--secondary {
  min-width: 80px !important;
  margin-left: 0;
  padding: 8px 12px !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton, .zdialog--alert.ems-alert .ea--footer button.zbutton {
  border-radius: 4px !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton:not(.zbutton--icononly) + .zbutton, .zdialog--alert.ems-alert .ea--footer button.zbutton:not(.zbutton--icononly) + .zbutton {
  margin-inline-start: 8px !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton--primary, .zdialog--alert.ems-alert .zdialog__footer button.zbutton--primary:hover, .zdialog--alert.ems-alert .ea--footer button.zbutton--primary, .zdialog--alert.ems-alert .ea--footer button.zbutton--primary:hover {
  background-color: var(--color) !important;
  border-color: var(--color) !important;
  outline-color: var(--color) !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton:focus-visible, .zdialog--alert.ems-alert .ea--footer button.zbutton:focus-visible {
  border-color: var(--ecs-container-border-clr) !important;
  outline-width: 1px !important;
  outline-style: solid !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton--normal, .zdialog--alert.ems-alert .zdialog__footer button.zbutton--secondary, .zdialog--alert.ems-alert .ea--footer button.zbutton--normal, .zdialog--alert.ems-alert .ea--footer button.zbutton--secondary {
  outline-color: var(--ecs-container-border-clr-focus) !important;
}
.zdialog--alert.ems-alert .zdialog__footer button.zbutton:disabled, .zdialog--alert.ems-alert .ea--footer button.zbutton:disabled {
  color: var(--ecs-base-clr-primary-surface) !important;
  opacity: 0.6;
}
.zdialog--alert.ems-alert .zdialog__content:has(.ea--footer) + .zdialog__footer {
  display: none;
}
.zdialog--alert.ems-alert .ea--title {
  line-height: 28px;
  color: var(--ecs-base-clr-primary);
}
.zdialog--alert.ems-alert .ea--wrapper {
  order: -1;
}
.zdialog--alert.ems-alert .ea--message {
  word-break: break-word;
  color: var(--ecs-base-clr-secondary);
}
.zdialog--alert.ems-alert .ea--frame {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: var(--background-color);
  color: var(--ecs-base-clr-primary);
}
.zdialog--alert.ems-alert .ea--close-icon {
  margin-left: auto;
  position: absolute;
  right: 12px;
  top: 12px;
}

/* ---------------------------- Toast Animations ---------------------------- */
.ems-alert-animation {
  animation: alert-show 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.ems-alert-animation__show {
  animation-direction: forwards;
}
.ems-alert-animation__hide {
  animation-direction: reverse;
  animation-duration: 0.3s;
}

@keyframes alert-show {
  0% {
    transform: translateY(-25%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.zpopover {
  font: 13px var(--ecs-font-family);
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
  border: 1px solid var(--ecs-container-border-clr);
  min-width: 120px;
}
.zpopover .zpopover__title {
  padding: 15px 23px 5px 25px;
}
.zpopover .zpopover__title .zpopover__text {
  font-size: 15px;
}
.zpopover .zpopover__title .zpopover__action {
  top: -5px;
}
.zpopover .zpopover__content {
  font-size: 13px;
  padding: 15px 25px 25px 25px;
  line-height: 1.6;
}
.zpopover .zpopover__content p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.zpopover .zpopover__content .form-submit-section {
  padding: 25px 0 0 0;
}

.error-popover .zpopover__content {
  padding: 10px;
}

.help-card .help-card-icon {
  width: 17px;
  height: 17px;
  cursor: pointer;
  vertical-align: middle;
}
.help-card .help-card-content {
  line-height: 1.5;
  font-size: 13px;
}
.help-card .zpopover__content {
  padding: 10px 25px 25px 25px;
}

.header-help-cell {
  width: 400px;
}

.left-pane-navigation-outer-layer * {
  font: 14px var(--ecs-font-family);
}

.left-pane-navigation-container {
  overflow: hidden;
  transition: 0.25s width ease-in-out;
}
.left-pane-navigation-container * {
  box-sizing: border-box;
}
.left-pane-navigation-container .left-pane-navigation-wrapper {
  display: inline-block;
  background-color: var(--ecs-container-bg-primary);
  padding-top: 15px;
  position: relative;
  width: 240px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper hr {
  visibility: hidden;
  padding: 5px;
  margin: 0;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container {
  cursor: pointer;
  padding: 5px 0 5px 0;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title {
  padding: 5px 0 5px 20px;
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .anchor-text {
  font-size: 14px;
  color: var(--ecs-base-clr-primary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .anchor-text.active, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container .anchor-text.active:hover {
  background-color: var(--ecs-container-bg-hover-secondary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .img--small {
  margin: 10px 7px 0 0;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a.anchor-text {
  padding: 10px 15px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a.anchor-text:hover {
  background-color: var(--ecs-container-bg-hover-secondary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span {
  margin: 0;
  font-size: 14px;
  display: flex;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link {
  flex-grow: 1;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link p, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link p {
  margin: 0;
  width: calc(100% - 25px);
  line-height: 22px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link.flex--nowrap svg[class^=svg-bucket-icon], .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link.flex--nowrap svg[class^=svg-bucket-icon] {
  flex-shrink: 0;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link.flex--nowrap p, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link.flex--nowrap p {
  width: auto;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link img, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li a .pane-link svg.svg-bucket-icon, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link img, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container ul li > span .pane-link svg.svg-bucket-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title {
  position: relative;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.opened:hover, .left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.closed:hover {
  background-color: var(--ecs-container-bg-hover-secondary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.opened + ul {
  overflow: hidden;
  max-height: 100vh;
  transition: max-height 0.5s ease-in;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.closed + ul {
  overflow: hidden;
  max-height: 0 !important;
  transition: max-height 0.5s ease-out;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.opened {
  color: var(--ecs-base-clr-tertiary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.closed {
  color: var(--ecs-base-clr-primary);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title svg {
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
  transition: transform 0.25s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  transform-origin: center;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .section-title.closed svg {
  transform: rotate(180deg);
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container [id^=subTab_] span {
  padding-right: 26px;
}
.left-pane-navigation-container .left-pane-navigation-wrapper .section-container .sub-menu:not(.anchor-text) .pane-link {
  padding: 10px 15px;
}
.left-pane-navigation-container[data-visibility=visible] {
  width: 240px;
}
.left-pane-navigation-container[data-visibility=hidden] {
  width: 0;
}
.left-pane-navigation-container[data-visibility=hidden] ~ .pane-display-toggle .toggle-pane {
  left: -15px;
}

.pane-display-toggle {
  display: inline-block;
  position: relative;
  width: 10px;
}
.pane-display-toggle .toggle-pane {
  top: 50%;
  position: absolute;
  cursor: pointer;
  left: -20px;
  transition: left 0.25s ease-in;
  fill: #b5b5b5;
}

#innerOverlay, #outerOverlay {
  top: 0 !important;
}

.request_form .form_elements {
  height: 450px;
  overflow-y: auto;
}

.lp--suffix-icon {
  width: 20px;
  height: 20px;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .pane-container, .left-pane-navigation-outer-layer {
      display: contents;
    }
  }
}

.navigation--wrapper .navigation-svg-icon {
  flex-shrink: 0;
}

.navigation-drawer {
  flex-wrap: nowrap !important;
  transition: width 250ms ease-in;
  width: 10px;
  background-color: var(--ecs-container-bg-primary-alt, #F1F2F4);
  overflow-x: visible;
  z-index: 0;
}
.navigation-drawer[data-expanded] {
  width: calc(240px + 10px);
  overflow-x: hidden;
}
.navigation-drawer:not([data-show]) {
  width: 0;
}
.navigation-drawer[data-has-no-toggle][data-expanded] {
  width: 240px;
}

.nd--container {
  transition: transform 250ms ease-in;
  overflow: hidden;
  min-width: 240px;
  width: 240px;
}
@media only screen and (max-height: 600px) {
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .nd--container {
        padding-bottom: 35vh;
      }
    }
  }
}
.nd--container:hover ~ .nd--toggle .nd--toggle-menu {
  opacity: 0.87;
}
.nd--container[data-visibility=visible] {
  transform: translate3d(0, 0, 1px);
}
.nd--container[data-visibility=visible] ~ .nd--toggle {
  transform: translate3d(0, 0, 1px);
}
.nd--container[data-visibility=hidden] {
  transform: translate3d(-240px, 0, 1px);
}
.nd--container[data-visibility=hidden] ~ .nd--toggle .nd--toggle-menu {
  fill: var(--ecs-base-clr-active) !important;
  transform: translateX(0);
}
.nd--container[data-visibility=hidden] ~ .nd--toggle {
  transform: translate3d(-240px, 0, 1px);
}
.nd--container[data-visibility=hidden] ~ .nd--toggle:hover .nd--toggle-menu {
  transform: translateX(6px);
  box-shadow: 1px 1px 6px 0 var(--ecs-container-shadow-active);
  border: 1px solid var(--ecs-container-border-clr);
}
.nd--container .nd--slider {
  border-radius: 3px;
  background-color: var(--ecs-container-bg-active) !important;
  z-index: 0;
  transition: top 0.5s ease-in-out;
  width: 220px;
}
.nd--container .nd--section {
  margin-top: 16px;
  margin-bottom: 4px;
}
.nd--container .nd--section-left,
.nd--container .nd--sub-section-left {
  min-width: 0;
  color: var(--ecs-base-clr-primary-alt);
}
.nd--container .nd--sub-section {
  list-style: none;
}
.nd--container .nd--sub-section-container {
  transition: background 250ms ease-in;
}
.nd--container .nd--sub-section-container .nd--transparent {
  height: 36px;
  z-index: 1;
}
.nd--container .nd--sub-section-container.active .nd--right-arrow {
  fill: var(--ecs-base-clr-active);
}
.nd--container .nd--sub-section-container:hover {
  border-radius: 3px;
  background-color: var(--ecs-container-bg-hover-secondary);
}
.nd--container .nd--section-title {
  padding: 4px 0;
}
.nd--container .nd--section-title .nd--section-title-icon {
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
  transform-origin: center;
}
.nd--container .nd--section-container {
  margin-bottom: 1px;
  z-index: 1;
}
.nd--container .nd--section-container[data-closed] .nd--section-title {
  font-weight: 500 !important;
}
.nd--container .nd--section-container[data-closed] .nd--section-title-icon {
  transform: rotate(-90deg);
}
.nd--container .nd--toggle-option[data-closed] li:nth-child(n+3) {
  visibility: hidden;
  transition: visibility 0.5s;
}
.nd--container .nd--toggle-more {
  transition: transform 0.25s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  transform-origin: center;
}
.nd--container .nd--toggle-more[data-closed] svg {
  transform: rotate(180deg);
}
.nd--container .nd--toggle-option {
  overflow: hidden;
  max-height: 100vh;
  transition: 0.3s max-height ease-in-out;
}
.nd--container .nd--toggle-option[data-closed] {
  max-height: 80px;
}
.nd--container .nd--more-icon {
  fill: var(--ecs-base-clr-active) !important;
}

.nd--toggle-menu {
  transition: opacity 250ms ease-in, background 250ms ease-in, transform 250ms ease-in;
  border-radius: 4px;
  box-sizing: content-box !important;
  padding: 6px 2px;
  transform: translateX(-8px);
}

.nd--toggle {
  width: 10px;
  min-width: 10px;
  transition: transform 250ms ease-in;
  outline: none;
}
.nd--toggle:hover .nd--toggle-menu, .nd--toggle:focus-visible .nd--toggle-menu {
  background-color: var(--ecs-container-bg-active) !important;
}

.nd--section-suffix-img {
  padding: 1px;
  margin: -5px 1px;
  background: var(--ecs-container-bg-quaternary);
  border-radius: 3px;
}
.nd--section-suffix-img.nd--section-suffix--active {
  background: var(--ecs-container-bg-active-tertiary);
}
.nd--section-suffix-img.nd--section-suffix--active .nd--section-suffix-icon {
  fill: var(--ecs-base-clr-primary-surface);
}

.nd--page-suffix-counter {
  margin: -5px 2px;
  background: var(--ecs-container-bg-quaternary);
  border-radius: 3px;
  min-width: 24px;
  text-align: center;
}

.pane-container--closed .navigation-drawer {
  transition: none;
}

.pane-container--sticky {
  z-index: 1;
}
.pane-container--sticky .nd--footer {
  position: sticky;
  bottom: 0;
  z-index: 1;
  margin-top: auto;
}

.pane-container:not(.pane-container--sticky) .nd--toggle-menu {
  top: 50vh;
}

.navigation--wrapper .text--semi-bold * {
  font-family: "Lato 2", var(--ecs-font-family);
  font-weight: 600;
}

.pane-container.pane-container--floating-toggle-pane .navigation-drawer {
  width: 0;
}
.pane-container.pane-container--floating-toggle-pane .navigation-drawer[data-expanded] {
  width: 240px;
  overflow-x: visible;
}
.pane-container.pane-container--floating-toggle-pane .nd--container[data-visibility=hidden] ~ .nd--toggle {
  transform: none;
}

.navigation-strip {
  background: var(--ecs-container-bg-quaternary);
  transition: width 250ms ease-in;
  width: 76px;
  z-index: 1;
  overflow-x: hidden;
}
.navigation-strip:not([data-show]) {
  width: 0;
}

.ns--slider {
  background-color: var(--ecs-container-bg-primary-alt, #F1F2F4);
  border-left: 3px solid var(--ecs-container-border-clr-active);
  transition: top 250ms ease-in, height 250ms ease-in;
  width: 76px;
}

.ns--container .ns--segment {
  background: transparent;
  transition: background 250ms ease-in;
}
.ns--container .ns--segment:not(.ns--segment-active):hover {
  background: var(--ecs-container-bg-hover-secondary);
}
.ns--container .ns--segment.disabled {
  background: none !important;
  border: none !important;
}

.ns--segment-container {
  height: 76px;
}
.ns--segment-container .ns--segment-title {
  padding: 10px 2px 0px 2px;
}

.ns--container {
  overflow: hidden;
  width: 76px;
  z-index: 1;
}
@media only screen and (max-height: 600px) {
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .ns--container {
        padding-bottom: 35vh;
      }
    }
  }
}
.ns--container ul {
  list-style: none;
  z-index: 1;
}

.ns--segment-active .ns--segment-img {
  fill: var(--ecs-base-clr-active);
}
.ns--segment-active .ns--segment-title {
  color: var(--ecs-base-clr-active);
}

/* --------------------------------- Footer --------------------------------- */
.ns--container .ns--footer {
  background: var(--ecs-container-bg-quaternary);
  bottom: 0;
  z-index: 1;
  box-shadow: 0 12px 24px 0 var(--ecs-container-shadow);
}

.loading .table-filter-loader-wrapper {
  height: 40px;
  width: 100%;
  background-color: var(--ecs-base-bg-primary);
}
.loading .table-filter-loader {
  height: 100%;
  width: 10%;
  padding: 13px;
  padding-left: 0;
  padding-top: 3px;
  /* margin-bottom: 6px; */
}
.loading .table-content-filter-loader {
  width: 100%;
  height: 21px;
  border-radius: 3px;
}
.loading .table-primary-action-loader {
  width: 3%;
  padding-right: 2px;
}
.loading .floatLeft {
  float: left !important;
}
.loading .rightAlign {
  float: right;
}
.loading .table-header-row-loader {
  height: 35px;
  width: 100%;
  background-color: var(--ecs-container-bg-tertiary);
  border-top: 1px solid var(--ecs-container-border-clr);
}
.loading .table-row-loader {
  background-color: var(--ecs-base-bg-primary);
}
.loading .table-checkbox-cell-loader {
  height: 100%;
  width: 10%;
  padding: 13px;
  padding-left: 35px;
}
.loading .table-cell-loader {
  height: 100%;
  width: 20%;
  padding: 13px;
  padding-left: 35px;
}
.loading .table-navigation-cell-loader {
  height: 100%;
  width: 10%;
  padding: 13px;
  padding-left: 35px;
}
.loading .table-checkbox-content-loader {
  width: 7px;
  height: 7px;
}
.loading .table-content-sizebig-header-loader {
  width: 130px;
  height: 6px;
}
.loading .table-content-sizebig-loader {
  width: 100px;
  height: 6px;
}
.loading .table-content-navigation-loader {
  width: 65px;
  height: 6px;
}
.loading .table-content-navigation-small-loader {
  width: 35px;
  height: 6px;
}
.loading .table-content-header-loader {
  width: 120px;
  height: 6px;
}
.loading .table-content-loader {
  width: 90px;
  height: 6px;
}
.loading .table-action-content-header-loader {
  width: 30px;
  height: 6px;
}
.loading .table-action-content-loader {
  width: 20px;
  height: 6px;
}
@-webkit-keyframes zp-fd-placeholder {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes zp-fd-placeholder {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.loading .bsp-animate-loader {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: zp-fd-placeholder;
  animation-name: zp-fd-placeholder;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: var(--ecs-container-bg-quaternary);
  background: var(--ecs-container-bg-tertiary);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--ecs-container-bg-tertiary)), color-stop(18%, var(--ecs-container-bg-quinary)), color-stop(33%, var(--ecs-container-bg-tertiary)));
  background: -webkit-linear-gradient(left, var(--ecs-container-bg-tertiary) 8%, var(--ecs-container-bg-quinary) 18%, var(--ecs-container-bg-tertiary) 33%);
  background: linear-gradient(to right, var(--ecs-container-bg-tertiary) 8%, var(--ecs-container-bg-quinary) 18%, var(--ecs-container-bg-tertiary) 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
}

.table-view .page-loader-wrapper {
  background-color: var(--ecs-overlay-bg-fade) !important;
  opacity: 0.34;
}
body[ems-theme=dark] .table-view .page-loader-wrapper {
  background-color: var(--ecs-bg-primary-alt) !important;
}

.bread-crumb-container {
  padding: 10px 0 5px 0;
  font: 13px var(--ecs-font-family);
  color: var(--ecs-base-clr-secondary);
}
.bread-crumb-container.col-12 {
  padding-left: 0;
}
.bread-crumb-container .bread-crumb-link {
  color: var(--ecs-base-clr-tertiary) !important;
  font: 13px var(--ecs-font-family);
}
.bread-crumb-container .bread-crumb-link:active {
  color: var(--ecs-base-clr-active);
  background-color: var(--ecs-base-bg-primary);
}
.bread-crumb-container .bread-crumb-link:hover {
  text-decoration: none;
  color: var(--ecs-base-clr-active) !important;
}
.bread-crumb-container .bread-crumb-text {
  color: var(--ecs-base-clr-primary-surface);
}

.bc--arrow.svg-bucket-icon {
  width: 12px;
  height: 12px;
}
.bc--arrow__rotate-90 {
  transform: rotate(90deg);
}

.bread-crumbs .bread-crumbs__wrapper {
  display: flex;
  width: 100%;
  padding: 5px 0;
  font: 13px var(--ecs-font-family);
}
.bread-crumbs .bread-crumbs__wrapper .bc--item:not(:last-child) {
  color: var(--ecs-base-clr-tertiary);
  cursor: pointer;
}
.bread-crumbs .bread-crumbs__wrapper .bc--item:not(:last-child):active {
  color: var(--ecs-base-clr-active);
}
.bread-crumbs .bread-crumbs__wrapper .bc--item:not(:last-child):hover {
  text-decoration: none;
  color: var(--ecs-base-clr-active);
}
.bread-crumbs .bread-crumbs__wrapper .bc--item:last-child {
  pointer-events: none;
  color: var(--ecs-base-clr-secondary);
  font-weight: 600;
}
.bread-crumbs .bread-crumbs__wrapper .bc--item:last-child .bc--arrow.svg-bucket-icon {
  display: none;
}

.quick-links-container .title-container .title {
  font-size: 16px;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.quick-links-container .title-container .title .quick-link--button {
  font: 13px var(--ecs-font-family);
  color: var(--ecs-base-clr-primary);
}
.quick-links-container .links-container .tab__content {
  padding: 0;
  background-color: var(--ecs-bg-primary-alt);
  color: var(--ecs-base-clr-primary);
}
.quick-links-container .links-container .quick-links-content {
  height: 155px;
}
.quick-links-container .links-container .quick-links-content ol {
  margin: 0;
  padding: 15px 0 0 40px;
}
.quick-links-container .links-container .quick-links-content ol li {
  line-height: 24px;
  font-weight: 400;
}
.quick-links-container .links-container .quick-links-content ol li .anchor-text {
  color: var(--ecs-base-clr-primary);
}
.quick-links-container .links-container .quick-links-footer .col-12 {
  padding: 0;
}
.quick-links-container .links-container .quick-links-footer .col-12 .footer-content {
  background: var(--ecs-container-bg-secondary);
  color: var(--ecs-base-clr-primary);
  padding: 7px 10px;
}
.quick-links-container .links-container .quick-links-footer .link-divider {
  margin: 0 4px;
}

.panel-view {
  padding: 0 25px;
}
.panel-view div[class^=pv--col] {
  padding-bottom: 15px;
}
.panel-view .pv--col ul .title {
  color: var(--ecs-base-clr-secondary);
}
.panel-view .pv--col ul .title span {
  padding: 3px;
  display: inline-block;
  font: 16px var(--ecs-font-family);
}
.panel-view .pv--col ul .title img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.panel-view .pv--col ul .title svg, .panel-view .pv--col ul .title img {
  margin-right: auto;
}
.panel-view .pv--col ul li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.panel-view .pv--col ul li .img--small {
  cursor: default;
}
.panel-view .pv--col ul li img {
  width: 15px;
  height: 15px;
  margin: 2px 0;
}
.panel-view .pv--col ul li img ~ a {
  width: calc(100% - 15px);
}
.panel-view .pv--col ul li span {
  display: inline-block;
  padding-left: 2px;
  font: 14px var(--ecs-font-family);
  line-height: 20px;
}
.panel-view .pv--col ul li a {
  display: inline-block;
  text-decoration: none;
  color: var(--ecs-base-clr-primary);
  padding: 5px;
  border-radius: 3px;
}
.panel-view .pv--col ul li a:hover {
  background-color: var(--ecs-container-bg-hover);
}
.panel-view .pv--col1 {
  width: 100%;
}
.panel-view .pv--col2 {
  width: 50%;
}
.panel-view .pv--col3 {
  width: 33.3333333333%;
}
.panel-view .pv--col4 {
  width: 25%;
}
.panel-view .pv--col5 {
  width: 20%;
}
.panel-view .pv--col6 {
  width: 16.6666666667%;
}
@media (max-width: 1072px) {
  .panel-view .pv--col {
    width: 33.33%;
  }
}
@media (max-width: 800px) {
  .panel-view .pv--col {
    width: 50%;
  }
}
@media screen and (max-width: 425px) {
  .panel-view .pv--col {
    width: 100%;
  }
}
.pv--nav-list .panel-view .pv--col > ul {
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-flow: column wrap;
  -ms-flex-wrap: column wrap;
}
.pv--nav-list .panel-view .pv--col > ul li {
  display: inline-flex;
  display: -ms-inline-flexbox;
  padding: 0 5px;
}
.pv--nav-list .panel-view .pv--col > ul li a:hover {
  background-color: transparent;
}
.pv--nav-list .panel-view .pv--col > ul li:not([data-list-nested]):hover, .pv--nav-list .panel-view .pv--col > ul li[data-list-nested] li:hover {
  background-color: var(--ecs-container-bg-hover);
}
.pv--nav-list .panel-view .pv--col > ul li span a {
  font: 13px var(--ecs-font-family);
}

.dc-messages-container {
  --ecs-dm-message-color: var(--ecs-message-box-alert-bg);
  --ecs-dm-message-border-clr: var(--ecs-message-box-alert-border-clr);
}
.dc-messages-container .tab__header-bar {
  background-color: var(--ecs-table-row-odd-bg);
  border-top-left-radius: 7px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top {
  color: var(--ecs-base-clr-primary);
  cursor: pointer;
  margin-right: 0px;
  padding: 0 10px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top,
.dc-messages-container .tab__header-bar .tab.tab-position--top a,
.dc-messages-container .tab__header-bar .tab.tab-position--top svg {
  transition: 0.2s ease-in-out;
  transition-property: border, background, fill, color;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top a svg {
  width: 25px;
  height: 25px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.alerts {
  background-color: unset;
  border-width: 0px 0px 0px 5px;
  border-color: var(--ecs-table-row-odd-bg);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.alerts .message-count {
  color: var(--ecs-base-clr-warning);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.alerts a.active .message-count {
  color: var(--ecs-base-clr-warning);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.alerts svg {
  fill: var(--ecs-base-clr-warning);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.videos {
  border-color: var(--ecs-table-row-odd-bg);
  --ecs-dm-message-color: var(--ecs-message-box-video-bg);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.videos .message-count {
  display: none;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.informations {
  border-color: var(--ecs-table-row-odd-bg);
  --ecs-dm-message-color: var(--ecs-message-box-info-bg);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.informations a .message-count {
  color: var(--ecs-base-clr-active);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.informations a.active .message-count {
  color: var(--ecs-base-clr-active);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.informations svg {
  fill: var(--ecs-base-clr-info);
}
.dc-messages-container .tab__header-bar .tab.tab-position--top .message-count {
  padding-left: 10px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top a {
  border: none;
  background-color: var(--ecs-table-row-odd-bg);
  text-align: left;
  padding: 10px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.active-tab {
  background-color: var(--ecs-dm-message-color);
  color: var(--ecs-base-clr-primary);
  border-radius: 7px 7px 0px 0px;
}
.dc-messages-container .tab__header-bar .tab.tab-position--top.active-tab a {
  background-color: var(--ecs-dm-message-color);
  color: var(--ecs-base-clr-primary);
  border-radius: 7px 7px 0px 0px;
}
.dc-messages-container .tab-container .tab__header .tab__header-bar {
  display: flex;
  margin-bottom: 0;
  overflow: visible;
}
.dc-messages-container .tab__content {
  background-color: var(--ecs-dm-message-color);
  border: 1px solid var(--ecs-dm-message-border-clr);
  border-radius: 0px 0px 7px 7px;
  color: var(--ecs-base-clr-primary);
}
.dc-messages-container .tab__content[data-tab-name=informations] {
  --ecs-dm-message-color: var(--ecs-message-box-info-bg);
  --ecs-dm-message-border-clr: var(--ecs-message-box-info-border-clr);
}
.dc-messages-container .tab__content[data-tab-name=videos] {
  --ecs-dm-message-color: var(--ecs-message-box-video-bg);
  --ecs-dm-message-border-clr: var(--ecs-message-box-video-border-clr);
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer:focus {
  outline: 1px solid var(--ecs-dm-message-border-clr);
  border-radius: 4px;
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer:not(:last-of-type) {
  margin-bottom: 12px;
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer .message-wrapper-inner {
  padding: 4px 20px;
  line-height: 12px;
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer .message-wrapper-inner .message-title {
  padding-bottom: 10px;
  font-size: 15px;
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer .message-wrapper-inner .message-content {
  line-height: 1.3;
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer .message-wrapper-inner .message-content .anchor-text {
  color: var(--ecs-anchor-clr);
}
.dc-messages-container .tab__content .dc-messages-content-container .message-wrapper-outer .message-wrapper-inner .message-content .zpopover__content .anchor-text {
  color: var(--ecs-anchor-clr);
}
.dc-messages-container .tab__content .dc-messages-content-container.alerts {
  background-color: var(--ecs-dm-message-color);
  border: var(--ecs-dm-message-color);
}
.dc-messages-container .tab__content .dc-messages-content-container.alerts .message-wrapper-inner {
  border-left: 2px solid var(--ecs-container-border-clr-warning);
}
.dc-messages-container .tab__content .dc-messages-content-container.informations .message-wrapper-inner {
  border-left: 2px solid var(--ecs-container-border-clr-info-secondary);
}
.dc-messages-container .tab__content .dc-messages-content-container.videos .message-wrapper-outer {
  display: inline-block;
  width: 24%;
  padding: 10px;
}
.dc-messages-container .tab__content .dc-messages-content-container.videos .message-wrapper-outer .message-wrapper-inner {
  border-left: 2px solid var(--ecs-container-border-clr-success);
}
.dc-messages-container .dc-message-loader {
  text-align: center;
}
.dc-messages-container .dc-message-loader .loader-text {
  display: inline-block;
  padding: 7px 15px 9px 30px;
  border: 1px solid var(--ecs-container-border-clr);
  background: var(--ecs-container-bg-tertiary) url(../../../../images/common/progress-bar-icon.gif) no-repeat 5% 45%/16px;
  font-size: 16px;
}
.dc-messages-container .tab-container .tab__header .tab__header-bar .tab.tab-position--top {
  border: 1px solid transparent;
  border-bottom-width: 0;
}
.dc-messages-container .tab-container .tab__header .tab__header-bar .tab.tab-position--top[data-tab-name=informations] {
  --ecs-dm-message-border-clr: var(--ecs-message-box-info-border-clr);
}
.dc-messages-container .tab-container .tab__header .tab__header-bar .tab.tab-position--top[data-tab-name=videos] {
  --ecs-dm-message-border-clr: var(--ecs-message-box-video-border-clr);
}
.dc-messages-container .tab-container .tab__header .tab__header-bar .tab.tab-position--top.active-tab {
  border: 1px solid var(--ecs-dm-message-border-clr);
  border-bottom-width: 0;
  margin-bottom: -1px;
}
.dc-messages-container .tab-container {
  padding: 0;
}
.dc-messages-container .tab-view--active-indicater {
  display: none;
}

.dm-messagebox--icon {
  width: 25px;
  height: 25px;
  margin: -5px 10px -5px -10px;
}

.dc-messages-content-container {
  max-height: calc(108px);
}

.list-view .list-header .ms--searchbox svg[class^=svg-bucket-icon] {
  left: 5px;
  top: 5px;
}
.list-view .list-header .ms--searchbox input[type=text] {
  height: 25px;
  width: 150px !important;
  padding-left: 30px !important;
}
.list-view .list-container {
  border: 1px solid var(--ecs-container-border-clr);
  border-top: none;
  max-height: 300px;
}
.list-view .list-container .list-item {
  padding: 15px;
  float: left;
}
.list-view .list-container .list-col-1 {
  width: 100%;
}
.list-view .list-container .list-col-2 {
  width: 50%;
}
.list-view .list-container .list-col-3 {
  width: 33.3333333333%;
}
.list-view .list-container .list-col-4 {
  width: 25%;
}
.list-view .list-container .list-col-5 {
  width: 20%;
}
.list-view .list-container .list-col-6 {
  width: 16.6666666667%;
}
.list-view .list-container .list-col-7 {
  width: 14.2857142857%;
}
.list-view .list-row::after {
  content: "";
  display: table;
  clear: both;
}
.list-view.data-loading .list-header,
.list-view.data-loading .list-container {
  display: none;
}
.list-view .list-row:nth-child(even) {
  background: var(--ecs-table-row-odd-bg);
}

span.errortip {
  position: relative;
}

span.errortip div {
  top: 10px;
}

.tree-view {
  margin: 0px auto 0px auto;
  width: 100%;
  padding-top: 32px;
}
.tree-view .tv--trunk {
  position: relative;
  min-height: 300px;
  border: 1px solid var(--ecs-input-border-clr);
  padding: 0 15px;
}
.tree-view .tv--node {
  height: 100%;
  font: 13px var(--ecs-font-family);
  border-radius: 3px;
  padding: 0 10px;
  cursor: pointer;
}
.tree-view .tv--node div[data-depth] {
  outline: none;
}
.tree-view .tv--node > div[data-last-child] > :nth-last-child(2)::before {
  top: -8px;
  height: calc(100% - 8px);
}
.tree-view .tv--node div[data-error] :nth-last-child(3), .tree-view .tv--node div[data-error] .tv--content {
  visibility: hidden;
}
.tree-view .tv--node div[data-error] .tv--error-message {
  padding: 5px;
}
.tree-view .tv--node div[data-error] .tv--error-message .anchor-text {
  margin-left: 5px;
}
.tree-view .tv--content {
  position: relative;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.tree-view .tv--content:before, .tree-view .tv--content:after {
  position: absolute;
  content: "";
  background: var(--ecs-container-bg-quinary);
}
.tree-view .tv--content:before {
  width: 15px;
  left: -20px;
  top: 6px;
  height: 1px;
}
.tree-view .tv--content:after {
  left: -9px;
  top: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.tree-view .tv--toggle {
  width: 15px;
  height: 15px;
  position: relative;
}
.tree-view .tv--toggle svg[class^=svg-bucket-icon] {
  width: 20px;
  height: 20px;
  display: block;
  pointer-events: none;
  position: absolute;
  left: -3px;
  top: -2px;
}
.tree-view .tv--node > div:not([data-selectable]) .inline--checkbox {
  cursor: not-allowed;
  background-color: var(--ecs-container-bg-disabled);
}
.tree-view .tv--node > div:not([data-expandable]) .tv--toggle {
  pointer-events: none;
  opacity: 0.25;
  cursor: not-allowed;
}
.tree-view [data-depth] {
  height: 100%;
  min-width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.tree-view [data-depth]:not([data-loader]):hover, .tree-view [data-depth]:not([data-loader]):focus {
  background-color: var(--ecs-container-bg-hover);
}
.tree-view div[data-depth="1"]:not([data-loader]) .tv--content::before, .tree-view div[data-depth="1"]:not([data-loader]) .tv--content::after {
  display: none;
}
.tree-view .tv--spacer {
  width: 20px;
  display: inline-block;
  height: 100%;
  margin-left: 8px;
  position: relative;
}
.tree-view .tv--spacer::before {
  content: "";
  position: absolute;
  height: calc(100% + 8px);
  width: 10px;
  border-left: 1px solid var(--ecs-container-bg-quinary);
  left: -1px;
  top: -8px;
}
.tree-view .tv--spacer[data-hide]::before {
  display: none;
}
.tree-view [data-depth] {
  height: 100%;
}
.tree-view .tv--wrapper > div {
  top: 10px !important;
  left: 5px !important;
}

.inline--checkbox {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border: 1px solid var(--ecs-input-radio-border-clr);
  border-radius: 3px;
}
.inline--checkbox::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: solid var(--ecs-base-bg-primary);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
.inline--checkbox.ic__checked, .inline--checkbox:not([data-indeterminate="0"]):not(.ic__checked) {
  border-color: var(--ecs-container-border-clr-active);
  background: var(--ecs-container-bg-active-tertiary);
  position: relative;
}
.inline--checkbox.ic__checked::after, .inline--checkbox:not([data-indeterminate="0"]):not(.ic__checked)::after {
  display: block;
}
.inline--checkbox:not([data-indeterminate="0"]):not(.ic__checked)::after {
  left: calc(50% - 4px);
  top: calc(50% - 1px);
  width: 8px;
  height: 2px;
  border: none;
  transform: none;
  background: var(--ecs-base-bg-primary);
}

.tv--node > div[data-loader] .tv--content::before {
  width: 18px;
  height: 18px;
  background-color: var(--ecs-container-shadow);
  border-radius: 50%;
  margin-right: 5px;
  background-image: linear-gradient(90deg, var(--ucs-pane-bg-primary, #f1f1f1) 0px, var(--ecs-container-border-clr) 40px, var(--ucs-pane-bg-primary, #f1f1f1) 80px);
  background-size: 600px;
  animation: shine-avatar 1.6s infinite linear;
  left: 100%;
  top: -7px;
}

.tv--node > div[data-loader] .tv--content::after {
  width: 75px;
  height: 6px;
  border-radius: 2px;
  background-image: linear-gradient(90deg, var(--ucs-pane-bg-primary, #f1f1f1) 0px, var(--ecs-container-border-clr) 40px, var(--ucs-pane-bg-primary, #f1f1f1) 80px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
  left: calc(100% + 20px);
  top: 0px;
}

.tv--node > div[data-loader] {
  position: relative;
}
.tv--node > div[data-loader] > span:nth-last-of-type(2) {
  visibility: hidden;
}
.tv--node > div[data-loader] .tv--content {
  position: relative;
  height: 5px;
}
.tv--node > div[data-loader] .tv--content div, .tv--node > div[data-loader] .tv--content span {
  display: none;
}
.tv--node > div[data-loader] .tv--content::after, .tv--node > div[data-loader] .tv--content::before {
  content: "";
  position: absolute;
}
@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
@keyframes shine-avatar {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}
.tree-view[data-selection-type=single] .inline--checkbox {
  display: none;
}
.tree-view[data-selection-type=single] .tv--toggle {
  margin-right: 5px;
}
.tree-view[data-selection-type=single] .tv--node [data-selected] {
  background-color: var(--ecs-container-bg-selected);
}

.tv--error-icon {
  fill: var(--ecs-base-clr-error);
}

/* -------------------------------- Modifiers ------------------------------- */
.tree-view[data-hide-checkbox] .tv--toggle {
  margin-right: 4px;
}
.tree-view[data-hide-checkbox] .inline--checkbox {
  display: none;
}

.tree-view[data-hide-disabled-elements] .tv--node > div:not([data-selectable]) .inline--checkbox, .tree-view[data-hide-disabled-elements] .tv--node > div:not([data-expandable]) .tv--toggle {
  display: none;
}

.wz--step-droparea-wrapper .wz--step-droparea__items, .wz--step-droparea-wrapper .wz--step-droparea,
.wz--step-droparea-wrapper .wz--step-droparea__locked {
  width: calc(100% - 60px);
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
  color: var(--ecs-base-clr-primary);
  margin: 10px 0 0 20px;
  padding: 10px 0;
}

.wizard-view {
  display: grid;
  display: -ms-grid;
  min-width: 700px;
  grid-template-columns: 20% 80%;
  -ms-grid-columns: 20% 80%;
  border: 1px solid var(--ecs-container-border-clr-disabled);
}
@media (max-width: 1368px) {
  .wizard-view {
    grid-template-columns: 30% 70%;
    -ms-grid-columns: 30% 70%;
  }
}
@media (max-width: 1072px) {
  .wizard-view {
    grid-template-columns: 35% 65%;
    -ms-grid-columns: 35% 65%;
  }
}
@media (max-width: 800px) {
  .wizard-view {
    grid-template-columns: 40% 60%;
    -ms-grid-columns: 40% 60%;
  }
}
.wizard-view * {
  font: 13px var(--ecs-font-family);
}
.wizard-view *[data-fade-smooth] {
  animation: show-animation 0.15s ease-in;
}
.wizard-view .wz--nav {
  grid-column: 1/2;
  -ms-grid-column: 1;
  grid-row: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  background: var(--ecs-container-bg-primary);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr min-content;
}
.wizard-view .wz--nav:last-child .wz--step__counter::before {
  display: none;
}
.wizard-view .wz--body {
  grid-column: 2/2;
  -ms-grid-column: 2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  min-height: 250px;
}
.wizard-view .wz--footer {
  grid-column: 2/2;
  -ms-grid-column: 2;
  grid-row: 2/3;
  -ms-grid-row: 2;
  min-height: 50px;
}
.wizard-view .wz--footer .wz--nav__footer {
  background-attachment: var(--ecs-container-bg-disabled);
}

.wz--nav__steps {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  padding: 5px 0;
}
.wz--nav__steps .wz--step {
  cursor: pointer;
  padding: 10px 0;
  width: 100%;
  position: relative;
  transition: 0.25s background linear;
}
.wz--nav__steps .wz--step.wz--step__active {
  background: none;
}
.wz--nav__steps .wz--step.wz--step__active .wz--step__name {
  font-weight: bold;
}
.wz--nav__steps .wz--step__counter {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--ecs-container-bg-quinary);
  color: var(--ecs-base-clr-primary);
  z-index: 2;
  transition: 0.25s background, color linear;
}
.wz--nav__steps .wz--step__counter.active {
  background-color: var(--ecs-container-bg-active-tertiary);
  color: var(--ecs-base-clr-primary-surface);
}
.wz--nav__steps .wz--step__counter::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: var(--ecs-flow-line-clr, #C7CAD2);
  left: 22px;
  top: 42px;
  z-index: -1;
}
.wz--nav__steps .wv--nav:last-child .wz--step__counter:before {
  display: none;
}

.wz--step__name {
  line-height: 30px;
  flex: 1;
  padding: 0 5px;
}

.wz--step-droparea-wrapper {
  width: 100%;
  justify-content: center;
}
.wz--step-droparea-wrapper.hide {
  display: none !important;
}
.wz--step-droparea-wrapper .wz--step-droparea,
.wz--step-droparea-wrapper .wz--step-droparea__locked {
  max-height: calc(100vh - 400px);
  min-height: 90px;
  overflow-x: hidden;
  transition: max-height 0.5s ease-in;
  scroll-behavior: smooth;
}
.wz--step-droparea-wrapper .wz--step-droparea span ~ span,
.wz--step-droparea-wrapper .wz--step-droparea__locked span ~ span {
  margin-top: 10px;
  margin-bottom: 20px;
}
.wz--step-droparea-wrapper .wz--step-droparea .wz--step-items:hover,
.wz--step-droparea-wrapper .wz--step-droparea__locked .wz--step-items:hover {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: var(--ecs-container-bg-selected);
}
.svg-bg-s59h7gt4848, .wz--step-droparea-wrapper .wz--step-droparea .wz--step-items:hover,
.wz--step-droparea-wrapper .wz--step-droparea__locked .wz--step-items:hover {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M6.938%203.5a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM5.563%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM11.688%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.wz--step-droparea-wrapper .wz--step-droparea__items {
  justify-content: flex-start;
  background-color: var(--ecs-base-bg-primary);
  padding-bottom: 15px;
}
.wz--step-droparea-wrapper .wz--step-droparea__locked {
  justify-content: center;
  border-color: transparent;
}

.wz--nav__footer {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 35px;
  background: var(--ecs-container-bg-quaternary) url(../../../../images/common/View-summary.png) 15px center/15px no-repeat;
}
.wz--nav__footer [data-active] {
  background-color: var(--ecs-container-bg-hover);
}

.wz--icon {
  width: 25px;
  height: 25px;
  position: relative;
  margin-right: 5px;
}
.wz--icon.copy:not([data-count="0"]) {
  background: transparent url(../../../../images/common/collection-list.png) center center/15px no-repeat;
}
.wz--icon.copy[data-count="0"] {
  background: transparent url(../../../../images/common/collection-list-icon.png) center center/15px no-repeat;
}
.wz--icon.add {
  background: transparent url(../../../../images/common/add-icon.png) center center/15px no-repeat;
  border: none;
}
.wz--icon.cancel {
  background: transparent url(../../../../images/common/text-field-close.png) center center/15px no-repeat;
}
.wz--icon.alert {
  background: transparent url(../../../../images/common/alert_selected.png) center center/15px no-repeat;
}
.wz--icon.csv {
  background: transparent url(../../../../images/common/csv.gif) center center/15px no-repeat;
}
.wz--icon.pdf {
  background: transparent url(../../../../images/common/pdf.gif) center center/15px no-repeat;
}
.wz--icon.wz-icon__lg {
  background-size: 25px;
}
.wz--icon.wz-icon__sm {
  background-size: 7px;
}
.wz--icon[data-count]::after {
  content: attr(data-count);
  position: absolute;
  line-height: 15px;
  text-align: center;
  left: calc(100% - 20px);
  top: 0;
  border-radius: 50%;
  background-color: var(--ecs-container-bg-active-tertiary);
  color: var(--ecs-base-clr-primary-surface);
  padding: 3px;
  min-width: 15px;
  min-height: 15px;
  cursor: default;
  transition: opacity 0.25s ease-in;
  transform: scale(0.75);
}
.wz--icon[data-count="0"]::after {
  display: none;
}

.wz--step-items {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 5px 8px 20px;
  background: var(--ecs-base-bg-primary);
  box-sizing: border-box;
}
.wz--step-items[data-selected], .wz--step-items[data-active] {
  background-color: var(--ecs-container-bg-selected);
}
.wz--step-items[data-success] img.wz--icon {
  width: 20px;
  height: 20px;
}
.wz--step-items .wz--step-item-label {
  flex-grow: 1;
  padding-left: 5px;
}
.wz--step-items:hover .wz--icon.cancel {
  opacity: 1;
}
.wz--step-items .wz--icon.cancel {
  margin-left: auto;
  opacity: 0;
}
.wz--step-items .wz--icon {
  width: 20px;
  height: 20px;
}

.wz--body-wrapper {
  padding: 25px;
}
.wz--body-wrapper .wz--body-header {
  padding: 10px 0;
  border-bottom: 1px solid var(--ecs-input-border-clr);
}
.wz--body-wrapper .wz--body--items-container {
  display: grid;
  grid-template-columns: repeat(3, 20%);
  grid-column-gap: 7%;
  grid-row-gap: 5px;
}
@media (max-width: 1368px) {
  .wz--body-wrapper .wz--body--items-container {
    grid-column-gap: 2px;
  }
}
@media (max-width: 1072px) {
  .wz--body-wrapper .wz--body--items-container {
    grid-column-gap: 0;
  }
}
.wz--body-wrapper .wz--body--items-container .wz--body--items {
  padding: 5px;
  min-height: 45px;
  min-width: 100px;
}
.wz--body-wrapper .wz--body--items-container .wz--body--items:focus {
  outline: none;
}
.wz--body-wrapper .wz--body--items-container .wz--body--items .wz--bi--lable {
  padding-left: 5px;
  max-width: calc(100% - 60px);
}
.wz--body-wrapper .wz--body--items-container .wz--body--items .wz--icon:last-child {
  margin-left: auto;
}
.wz--body-wrapper .wz--body--items-container .wz--body--items.wz--body-items__selected {
  border: 2px dashed var(--ecs-container-border-clr);
  background: var(--ecs-container-bg-primary);
  border-radius: 3px;
  cursor: move;
}
.wz--body-wrapper div[data-drag-list][data-drag-active] .wz--body--items:hover {
  border: none;
  background-color: transparent;
}
.wz--body-wrapper div[data-drag-list][data-drag-active] .wz--body--items:hover .citem_right {
  display: none !important;
}

.wz--step-droparea {
  background-color: var(--ecs-base-bg-primary);
  border: 1px var(--ecs-container-border-clr-active) dashed !important;
}
.wz--step-droparea span {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 5%;
}
.wz--step-droparea[data-form-active] {
  border: 1px solid var(--ecs-container-border-clr) !important;
}

@media (max-width: 1072px) {
  .wz--step-droparea,
  .wz--step-droparea__locked {
    width: 200px;
  }
}
@media (max-width: 800px) {
  .wz--step-droparea,
  .wz--step-droparea__locked {
    width: 300px;
  }
}

.wz--step-droparea__locked {
  border: 1px solid var(--ecs-input-border-clr);
}

.ts--tab-header {
  background-color: var(--ecs-container-bg-primary);
  min-height: 60px;
  counter-reset: tab-counter;
}

.ts--tab {
  flex: 1;
  cursor: pointer;
  color: var(--ecs-base-clr-primary);
  font: 14px var(--ecs-font-family);
}
.ts--tab[data-active] {
  cursor: default;
  color: var(--ecs-base-clr-active);
}
.ts--tab[data-active]::before {
  color: var(--ecs-base-clr-primary-surface);
  background-color: var(--ecs-cta-btn-bg);
  border-color: transparent;
}
.ts--tab[data-disabled] {
  cursor: not-allowed;
}
.ts--tab[data-success] img,
.ts--tab[data-success] svg[class^=svg-bucket-icon], .ts--tab[data-custom-state] img,
.ts--tab[data-custom-state] svg[class^=svg-bucket-icon], .ts--tab[data-status]:not([data-status=""]) img,
.ts--tab[data-status]:not([data-status=""]) svg[class^=svg-bucket-icon] {
  opacity: 1;
}
.ts--tab img,
.ts--tab svg[class^=svg-bucket-icon] {
  width: 15px;
  height: 15px;
  position: relative;
  top: 10px;
  opacity: 0;
  transition: opacity 0.25s ease-in;
  display: inline-block;
}
.ts--tab svg[class^=svg-bucket-icon] {
  width: 20px;
  height: 20px;
}

.ts--tab:before {
  counter-increment: tab-counter;
  content: counter(tab-counter);
  font: bold 14px var(--ecs-font-family);
  color: var(--ecs-base-clr-primary);
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  justify-content: center;
  padding: 2px 3px;
  margin-right: -10px;
  transition: 0.35s ease-in;
  transition-property: background, color;
}

.ts--tab-body > div:nth-of-type(1) {
  flex-grow: 1;
}
.ts--tab-body .form-container {
  animation: show-animation 0.2s ease-in;
}

/* --------------------------------- Success -------------------------------- */
svg[class^=svg-bucket-icon].ts--step__success {
  fill: var(--ecs-base-clr-success);
}

.cp-wrapper, .cp-wrapper * {
  box-sizing: border-box;
}
.cp-wrapper[data-reorder] .cp--header {
  cursor: move;
  padding-left: 25px;
}

.cp--header__frozen .cp--toggle-icon {
  display: none;
}

/* ---------------------------------- Step ---------------------------------- */
.cp--step-wrapper {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 6px;
}
.cp--step-wrapper:hover, .cp--step-wrapper[data-open] {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.cp--step-wrapper[data-open] > .cp--header {
  border-bottom: 1px solid var(--ecs-input-border-clr);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cp--step-wrapper[data-open] > .cp--header:not([data-has-focus]) {
  background-color: var(--ecs-base-bg-primary);
}
.cp--step-wrapper[data-open] > .cp--step-main-content {
  max-height: 500px;
}
.cp--step-wrapper:not([data-open]) .cp--step-main-content:not([data-body-transition]) .cp--body,
.cp--step-wrapper:not([data-open]) .cp--step-main-content:not([data-body-transition]) .cp--footer {
  display: none !important;
}

/* --------------------------------- Header --------------------------------- */
.cp--header {
  padding: 10px 15px;
  justify-content: flex-start;
  background-image: none;
  background-color: var(--ecs-container-bg-primary);
  border-radius: 6px;
  transition: background-color 0s 0.1s;
}
.cp--header * {
  pointer-events: none;
}
.cp--header .cp__action-allowed, .cp--header .cp__action-allowed * {
  pointer-events: all;
}
.cp--header:focus {
  outline: none;
}
.cp--header[data-has-focus] {
  background-color: var(--ecs-container-bg-selected);
}

svg.cp--toggle-icon {
  transition: transform 0.25s cubic-bezier(0.51, 0.92, 0.24, 1.15);
  transform-origin: center;
  padding: 4px;
}

/* ---------------------------------- Body ---------------------------------- */
.cp--step-main-content {
  max-height: 0;
  transition: max-height 0.4s ease-in-out;
}

/* --------------------------------- Footer --------------------------------- */
.cp--footer {
  background-color: var(--ecs-container-bg-secondary);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cp--footer .form-submit-section,
.cp--footer .fc--submit,
.cp--footer .submit-section {
  padding: 10px;
}

.cp--body .form-container {
  padding: 0 40px;
  border: none;
}

.cp--header__custom {
  flex-grow: 1;
}

/* -------------------------------- Drag Item ------------------------------- */
.cp--drag-item__float .cp--header {
  padding-left: 25px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M6.938%203.5a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM5.563%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM11.688%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 6px center/16px;
  background-color: var(--ecs-container-bg-primary);
}

.cp--drag-item-placeholder {
  background-color: var(--ecs-base-bg-primary) !important;
  border: 1px dashed var(--ecs-btn-border-clr);
}

.s-editor {
  height: 500px;
  width: 500px;
}
.s-editor .se-maximizer {
  position: absolute;
  bottom: 4px;
  right: 4px;
  border-radius: 2px;
  z-index: 10;
  padding: 2px;
}
.s-editor .se-maximizer:hover {
  background-color: var(--ecs-container-bg-hover);
}

.ace_editor {
  border-radius: 4px;
  border: 1px solid var(--ecs-container-border-clr);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.dc-custom-field {
  position: relative;
  align-items: center;
  display: inline-flex;
}
.dc-custom-field .dc-textbox .char__count,
.dc-custom-field .dc-textbox .textbox__clear {
  display: none;
}
.dc-custom-field .dc-textbox ~ .dcf--action-panel {
  right: 5px;
  top: calc(50% - 8px);
}
.dc-custom-field input[type=text],
.dc-custom-field .dc-textbox input[type=number] {
  width: 140px;
  height: 100%;
  padding: 3px 40px 4px 10px;
}
.dc-custom-field .zinputfield {
  height: 25px;
}
.dc-custom-field .zinputfield .zinputfield__spinbuttonpane .zinputfield__spinbutton .h-up,
.dc-custom-field .zinputfield .zinputfield__spinbuttonpane .zinputfield__spinbutton .h-down {
  height: 14px;
}
.dc-custom-field .zinputfield .zinputfield__spinbuttonpane .zinputfield__spinbutton .zinputfield__icon {
  width: 9px;
  height: 9px;
}
.dc-custom-field .dc-textbox:focus-within ~ div {
  display: inline-flex;
}
.dc-custom-field .dc-select {
  height: 25px;
}
.dc-custom-field .dc-select .zselectbox {
  height: 100%;
  width: 170px !important;
}
.dc-custom-field .dcf--check,
.dc-custom-field .dcf--close {
  align-items: center;
  top: 0;
  position: relative;
  display: none;
  cursor: pointer;
}
.dc-custom-field .dcf--check img,
.dc-custom-field .dcf--close img {
  width: 100%;
}
.dc-custom-field .dcf--check .icon-active,
.dc-custom-field .dcf--close .icon-active {
  display: none;
}
.dc-custom-field .dcf--action-panel {
  position: absolute;
  right: 15px;
  top: calc(100% - 20px);
}
.dc-custom-field .dcf--action-panel .dcf--check,
.dc-custom-field .dcf--action-panel .dcf--close {
  display: block;
  position: static;
  margin-right: 3px;
}
.dc-custom-field .textarea--form textarea.input-error, .dc-custom-field .textarea--form textarea.input-error:hover, .dc-custom-field .textarea--form textarea.input-error:focus {
  border-color: var(--ecs-container-border-clr-error) !important;
}

.dc-custom-field.dc-custom-field__text {
  width: 140px;
}

svg.i-editor--icon__success {
  fill: var(--ecs-base-clr-success);
}

.dcf__text-container {
  height: 100%;
}
.dcf__text-container .image-content {
  margin-left: 3px;
}
.dcf__text-container,
.dcf__text-container * {
  line-height: normal;
}

.dcf__text-ellipsis,
.dcf__text-ellipsis .dcf__text-container {
  width: 100%;
}

.dcf--main-wrapper[data-show-edit-on-hover] .image-content {
  opacity: 0;
}
.dcf--main-wrapper[data-show-edit-on-hover]:hover .image-content {
  opacity: 1;
}

.zmenu--selectmenu.he--font-size li p,
.zmenu--selectmenu.he--font-size li h4,
.zmenu--selectmenu.he--font-size li h5 {
  margin: 0;
  padding: 0;
}
.zmenu--selectmenu.he--font-size li p {
  font: 13px var(--ecs-font-family);
}
.zmenu--selectmenu.he--font-size li h4 {
  font: bold 23px var(--ecs-font-family);
}
.zmenu--selectmenu.he--font-size li h5 {
  font: 16px var(--ecs-font-family);
}

.he--toolbar {
  position: relative;
  background-color: var(--ecs-container-bg-primary);
}
.he--toolbar .dc-select .zselectbox {
  width: 140px !important;
}
.he--toolbar .dc-select .zselectbox * {
  font: bold 14px var(--ecs-font-family) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.he--toolbar .dc-select .zselectbox p,
.he--toolbar .dc-select .zselectbox h4,
.he--toolbar .dc-select .zselectbox h5 {
  margin: 0;
  padding: 0;
}
.he--toolbar .dc-select .zselectbox, .he--toolbar .dc-select .zselectbox.is-active, .he--toolbar .dc-select .zselectbox:focus {
  background-color: var(--ecs-container-bg-secondary);
}
.he--toolbar .dc-combo .zcombobox,
.he--toolbar .dc-combo .zcombobox .zselectbox__icon.zselectbox__arrowicon {
  background-color: var(--ecs-container-bg-secondary);
}
.he--toolbar .menu-splitter-common {
  margin: 0 15px;
  height: 30px;
}
.he--toolbar .menu-splitter-common::after {
  left: 0;
}
.he--toolbar .btn {
  justify-content: center;
  width: 100%;
  transition-property: background;
  min-height: 35px;
  flex-wrap: nowrap;
  margin-top: 0 !important;
  /* For font color & background color buttons */
}
.he--toolbar .btn.he--clr {
  position: relative;
}
.he--toolbar .btn.he--clr span {
  position: absolute;
  width: 20px;
  height: 3px;
  top: calc(100% - 6px);
  left: calc(50% - 10px);
  border-radius: 3px;
  transition: background 0.1s ease-in;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) {
  min-width: 35px;
  height: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn[disabled] {
  opacity: 0.5;
  background-color: var(--ecs-btn-bg) !important;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn:focus, .he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn:active {
  outline: none;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn-with-dropdown[data-active],
.he--toolbar .he--toolbar-toggle[data-active] {
  background-color: var(--ecs-base-bg-primary) !important;
  border: 1px solid var(--ecs-input-border-clr) !important;
  position: relative;
}
.he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn-with-dropdown[data-active]::after,
.he--toolbar .he--toolbar-toggle[data-active]::after {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: 5px;
  left: 1px;
  top: calc(100% - 5px);
  box-shadow: 0 0 0 1px var(--ecs-base-bg-primary);
  background-color: var(--ecs-base-bg-primary);
  z-index: 100000;
}
.he--toolbar .he--toolbar-item {
  margin: 5px;
}
.he--toolbar .he--toolbar-item .zcolorpicker[aria-hidden=false] ~ .btn,
.he--toolbar .he--toolbar-item .btn[data-active] {
  background-color: var(--ecs-container-bg-primary) !important;
}
.he--toolbar .he--toolbar-item .btn[data-active] svg {
  fill: var(--ecs-container-border-clr-active) !important;
}
.he--toolbar .he--size .zcombobox {
  width: 70px !important;
}
.he--toolbar .he--size .zcombobox.zselectbox, .he--toolbar .he--size .zcombobox.zselectbox.is-active, .he--toolbar .he--size .zcombobox:focus, .he--toolbar .he--size .zcombobox:hover {
  box-shadow: none !important;
}
.he--toolbar .he--size .zcombobox .zselectbox__selected .zselectbox__textbox {
  border-bottom: transparent 1px solid;
}
.he--toolbar .he--size .zcombobox .zselectbox__selected .zselectbox__textbox:focus {
  border-color: var(--ecs-container-border-clr-active);
}
.he--toolbar .he--size .zcombobox .zselectbox__icon.zselectbox__arrowicon {
  border: none;
}
.he--toolbar .he--visible-row {
  padding-right: 35px;
  height: 40px;
  overflow: hidden;
  transition: all 0.1s ease-in;
}
.he--toolbar .he--hidden-row {
  background: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-input-border-clr) !important;
  box-shadow: 8px 7px 10px 1px var(--ecs-container-shadow);
  position: absolute;
  top: 100%;
}
.he--toolbar .he--toolbar-more {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transform: translateY(-50%);
}
.he--toolbar .he--toolbar-toggle {
  width: 35px !important;
  align-self: flex-end;
  background: none !important;
  padding: 10px;
  position: relative;
}
.he--toolbar .he--toolbar-toggle[data-active] {
  border-bottom: none !important;
}

.zmenu--selectmenu.he--font-size li.is-selected {
  position: relative;
}
.zmenu--selectmenu.he--font-size li.is-selected::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border-right: var(--ecs-container-bg-success) solid 2px;
  border-bottom: var(--ecs-container-bg-success) solid 2px;
  right: 10px;
  top: calc(50% - 8px);
  transform: rotate(45deg);
}

.he--menu .zmenu__svg {
  stroke-width: 0.4px;
  stroke: var(--ecs-base-clr-primary);
}
.he--menu.zmenu {
  box-shadow: 8px 7px 10px 1px var(--ecs-container-shadow);
}

.html-rich-editor {
  box-sizing: border-box;
}
.html-rich-editor .editor--note {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.html-rich-editor .rich-editor-body,
.html-rich-editor textarea.raw-editor {
  background-color: var(--ecs-base-bg-primary);
  height: auto;
  min-height: 0;
}

[data-rich-editor] .html-rich-editor {
  height: 500px;
  min-height: 250px;
}

[data-inline] .html-rich-editor {
  height: auto;
  min-height: unset;
}

[data-inline] iframe.rich-editor-body {
  max-height: 45px;
}

.suggestion-popup:not([data-inline]) {
  position: fixed;
}
.suggestion-popup .zmenu__body {
  max-height: 150px;
}

.he--textarea-wrapper iframe {
  height: calc(100% + 5px) !important;
}

[data-disabled] .html-rich-editor,
[data-disabled] .html-rich-editor .rich-editor-body,
[data-disabled] .html-rich-editor .he--toolbar .he--toolbar-item:not(.menu-splitter-common) .btn,
[data-disabled] .html-rich-editor .dc-select .zselectbox {
  opacity: 0.75;
  background-color: var(--ecs-container-bg-disabled) !important;
}

.status-card--section {
  flex: 1 1 0px;
  position: relative;
  justify-content: center;
  min-height: 50px;
  min-width: 200px;
}
.status-card--section:active, .status-card--section:focus {
  outline: 1px dashed var(--ecs-btn-border-clr-hover);
}
.status-card--section ~ .status-card--section::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--ecs-dark-bg-secondary);
  top: 0;
  left: 0;
}
@media (max-width: 1072px) {
  .status-card--section ~ .status-card--section::before {
    display: none;
  }
}

.status-card__count {
  text-align: center;
}
.status-card__count .sc--title {
  font-size: 25px !important;
}
.status-card__count .sc--title ~ .flex--common {
  justify-content: center;
}
.status-card__count .status-card--section ~ .status-card--section::before {
  left: 0;
}

.uems-dashboard .card-filter {
  float: right;
  width: 140px;
}
.uems-dashboard .chart-loader .loading-img {
  width: 100px;
}
.uems-dashboard .data-loading .lite-table-wrapper {
  display: none;
}
.uems-dashboard .card-container .card-reorder {
  visibility: hidden;
}
.uems-dashboard .card-container:hover .card-reorder {
  visibility: unset;
}
.uems-dashboard .card-title, .uems-dashboard .dc_chart .chart_title, .uems-dashboard .ltv--header {
  background: var(--ecs-container-bg-primary);
  padding-left: 15px;
  padding-right: 15px;
  font: 13px var(--ecs-font-family);
  font-size: 14px;
  height: 35px;
  margin: 0;
  border: none;
  color: var(--ecs-base-clr-primary);
}
.uems-dashboard .card-title .dc-select .zselectbox, .uems-dashboard .dc_chart .chart_title .dc-select .zselectbox, .uems-dashboard .ltv--header .dc-select .zselectbox {
  width: 140px !important;
  color: var(--ecs-base-clr-secondary);
  height: 25px;
}
.uems-dashboard .dc_chart .chart_title {
  border-bottom: 1px solid var(--ecs-input-border-clr);
}
.uems-dashboard .card-title-container {
  padding-left: 5px;
  background: var(--ecs-container-bg-primary);
  border-bottom: 1px solid var(--ecs-input-border-clr);
}
.uems-dashboard .card-title-container .card-title {
  padding-left: 0;
}
.uems-dashboard .ltv--header {
  min-height: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ecs-input-border-clr);
}
.uems-dashboard .ltv--header .ltv--title__name {
  font-size: 14px;
}
.uems-dashboard .ltv--table-head--cell .ltv--sort-up span {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.uems-dashboard .ltv--table-head--cell .ltv--sort-up span::after {
  left: 50%;
  right: 0;
  top: 30%;
}
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content {
  border-color: var(--ecs-container-border-clr);
}
.uems-dashboard .status-card--section ~ .status-card--section::before {
  background-color: var(--ecs-container-bg-disabled);
  left: 0;
}
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .dc_chart,
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .list-table-view,
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .property-view,
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .property-view .property-view__caption {
  border: none !important;
}
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .table-view .ember-table-tables-container, .uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .table-view .tv__footer {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--ecs-input-border-clr);
  border-radius: 0;
}
.uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .no-data, .uems-dashboard .grid-stack > .grid-stack-item > .grid-stack-item-content .data-loading {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uems-dashboard .table-view > div:first-child {
  display: none;
}
.uems-dashboard .grid-stack-item:not(.ui-draggable-disabled) .card-title, .uems-dashboard .grid-stack-item:not(.ui-draggable-disabled) .chart_title, .uems-dashboard .grid-stack-item:not(.ui-draggable-disabled) .ltv--header {
  cursor: move;
}
.uems-dashboard .grid-stack-item:not(.ui-draggable-disabled).ui-draggable-dragging .card-title, .uems-dashboard .grid-stack-item:not(.ui-draggable-disabled).ui-draggable-dragging .chart_title {
  cursor: grabbing;
}
.uems-dashboard .dashboard-table-wrapper {
  height: 100%;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type > .table-view {
  display: flex;
  flex-direction: column;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type, .uems-dashboard .dashboard-table-wrapper > div:first-of-type > div:first-of-type, .uems-dashboard .dashboard-table-wrapper > div:first-of-type .table-view, .uems-dashboard .dashboard-table-wrapper > div:first-of-type .tv_body {
  height: 100%;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type .tv_body > div.ember-table-tables-container {
  height: 100% !important;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type .tv_body > div.ember-table-tables-container > .ember-table-body-container {
  height: calc(100% - 30px) !important;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type .tv_body > div.ember-table-tables-container > .ember-table-body-container > div:first-of-type.lazy-list-container {
  height: 100% !important;
}
.uems-dashboard .dashboard-table-wrapper > div:first-of-type .tv_body > div.ember-table-tables-container > .ember-table-body-container > div:first-of-type.lazy-list-container .antiscroll-box .antiscroll-inner {
  max-height: 100%;
}
.uems-dashboard .dashboard-lite-table-wrapper {
  height: 100%;
}
.uems-dashboard .dashboard-lite-table-wrapper.no-data div:first-child, .uems-dashboard .dashboard-lite-table-wrapper.data-loading div:first-child {
  width: 100%;
}
.uems-dashboard .dashboard-lite-table-wrapper .list-table-view.list-table-view__no-title {
  border: none !important;
}
.uems-dashboard .dashboard-lite-table-wrapper .ltv--table-row.ltv--searchrow-wrapper {
  display: none;
}
.uems-dashboard .dashboard-lite-table-wrapper .border__default {
  height: 100%;
  width: 100%;
}
.uems-dashboard .dashboard-lite-table-wrapper .list-table-view .ltv--table-body .ltv--table-row:first-child .ltv--table-cell,
.uems-dashboard .dashboard-lite-table-wrapper .list-table-view__container.ltv--scrollable {
  border: none;
}
.uems-dashboard .dashboard-lite-table-wrapper > div {
  overflow-y: auto;
}
.uems-dashboard .dashboard-lite-table-wrapper .ltv--table-head--cell {
  position: sticky;
  top: 0;
  background-color: var(--ecs-container-bg-primary);
}
.uems-dashboard .card__body .LITE_TABLE:not(.data-loading) > div:first-child {
  height: 100%;
}
body[ems-theme=dark] .uems-dashboard stop {
  stop-opacity: 0.25;
}

.uems-dashboard.dh-styles * {
  font-family: "Lato2", var(--ecs-font-family) !important;
}
.uems-dashboard.dh-styles .grid-stack > .grid-stack-item > .grid-stack-item-content {
  box-shadow: 0px 0px 6px -3px var(--ecs-container-shadow-secondary);
  border: none;
  border-radius: 8px;
  inset: 10px;
}
.uems-dashboard.dh-styles .dashboard-list-view-wrapper, .uems-dashboard.dh-styles .list-view, .uems-dashboard.dh-styles .dashboard-chart-wrapper, .uems-dashboard.dh-styles .ems-chart-container, .uems-dashboard.dh-styles .dc_chart {
  height: 100%;
}
.uems-dashboard.dh-styles .dc_chart .chart_body {
  height: 95%;
  padding: 8px;
}
.uems-dashboard.dh-styles .list-view .list-container {
  border: none;
  max-height: 100%;
}
.uems-dashboard.dh-styles .card-title, .uems-dashboard.dh-styles .dc_chart .chart_title, .uems-dashboard.dh-styles .ltv--header {
  background: var(--ecs-base-bg-primary);
  height: 40px;
  font-weight: 600;
  font-size: 16px;
}
.uems-dashboard.dh-styles .card-title-container {
  background: var(--ecs-base-bg-primary);
}

body[ems-theme=dark] .dashboard-container line:not([style*="stroke: transparent"]) {
  stroke: var(--ecs-container-border-clr) !important;
}

.dc--dialog-loader.page-loader-wrapper {
  flex-flow: column wrap;
  height: 100%;
  min-height: 30vh;
}
.dc--dialog-loader.page-loader-wrapper .spinner {
  margin: 0 auto;
}

.pl--text-area {
  font: 14px var(--ecs-font-family);
}

[overlay-page-loader] {
  position: relative;
}
[overlay-page-loader] .dc--dialog-loader.page-loader-wrapper {
  background-color: var(--ecs-base-bg-primary);
  opacity: 0.75;
  height: 100%;
  left: 0;
  min-height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100000;
}
[overlay-page-loader][data-loader-allow-action=true] .dc--dialog-loader.page-loader-wrapper {
  pointer-events: none;
}

@keyframes mergedBlink {
  0% {
    box-shadow: 0px 0px 9px 0 var(--ecs-cta-btn-bg);
  }
  50% {
    box-shadow: 0px 0px 9px 9px var(--ecs-cta-btn-bg);
  }
  100% {
    box-shadow: 0px 0px 9px 0 var(--ecs-cta-btn-bg);
  }
}
.mergedBlink {
  animation: mergedBlink 0.5s ease-in-out;
}

.drift-effect-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.drift-effect-field {
  transition: all ease-out;
  overflow: hidden;
  width: 100%;
  border-radius: 0;
  display: flex;
}

.form-wizard-container {
  background: var(--ecs-container-bg-primary);
}
.form-wizard-container .fw--main .fw--left-menu {
  width: 200px;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item {
  height: 120px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  border-right: none;
  background: var(--ecs-container-bg-primary);
  cursor: pointer;
  justify-content: center;
  transition: 0.25s ease-in;
  transition-property: background, border;
  border-left: 3px solid transparent;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item .fw-menu-item-img {
  width: 50px;
  margin: 0 auto;
  height: 50px;
  position: relative;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item .fw-menu-item-img .fw--form-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item .fw--menu-item--title {
  font: 14px var(--ecs-font-family);
  font-weight: 600;
  max-width: 200px;
  word-break: break-word;
  padding: 5px;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item:first-child.fw--left-menu--item__active::after {
  top: 0;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item:last-child.fw--left-menu--item__active::after {
  bottom: 0;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item[aria-disabled] {
  color: var(--ecs-base-clr-disabled);
  cursor: not-allowed;
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item__active {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
  z-index: 1;
  position: relative;
  background: var(--ecs-base-bg-primary);
  border-left-color: var(--ecs-container-border-clr-active);
}
.form-wizard-container .fw--main .fw--left-menu .fw--left-menu--item__active::after {
  content: "";
  position: absolute;
  height: 120px;
  width: 20px;
  background: var(--ecs-base-bg-primary);
  right: -20px;
}
.form-wizard-container .fw--main .fw--right--wrapper {
  width: calc(100% - 200px);
}
.form-wizard-container .fw--main .fw--right--wrapper .fw--right-body {
  padding: 30px 40px;
  height: 100%;
  overflow-x: auto;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
  background: var(--ecs-base-bg-primary);
  flex-flow: column nowrap !important;
}
.form-wizard-container .fw--main .fw--right--wrapper .fw--right-body .fx--form-wrapper {
  width: 100%;
  flex-grow: 1;
}
.form-wizard-container .fw--main .fw--right--wrapper .fw--right-body .fx--form-wrapper .fw--form-block {
  width: 100%;
}
.form-wizard-container .fw--main .fw--right--wrapper .fw--right-body .fx--form-wrapper .fw--form-block > div {
  transition: 0.1s ease-in-out all;
}
.form-wizard-container .tc--inner .fc--group:last-child {
  padding-bottom: 5px !important;
}
.form-wizard-container .tc--inner .fci__block .fc--field {
  padding-bottom: 5px !important;
}

.fw--submit-section button {
  transition-property: background, border;
}

.uems-top-bar,
.uems-nav-bar {
  min-width: 768px;
}

.uems-header {
  width: 100%;
}
.uems-header * {
  box-sizing: border-box;
}

.uems-top-bar > a {
  cursor: pointer;
}
.uems-top-bar > a img {
  width: 150px;
}

.uems-nav-bar {
  height: 48px;
  padding: 0 16px;
  background-color: var(--ecs-dark-bg);
  position: relative;
  box-sizing: border-box;
  flex-wrap: nowrap !important;
}
.uems-nav-bar * {
  box-sizing: border-box;
}

.utnb__left a,
.utnb__hidden-tabs-toggle {
  cursor: pointer;
  outline: none;
  font-size: 14px;
}
.utnb__left a:hover, .utnb__left a:focus,
.utnb__hidden-tabs-toggle:hover,
.utnb__hidden-tabs-toggle:focus {
  background-color: var(--ecs-dark-bg-hover);
}

.utnb__left {
  position: relative;
  max-height: 48px;
  overflow: hidden;
  flex-wrap: nowrap;
  max-width: calc(80vw - 35px);
}
.utnb__left a {
  padding: 0 12px;
  line-height: 48px;
  transition: background 0.25s ease-in;
  text-decoration: none;
  position: relative;
}
.utnb__left a, .utnb__left a:link, .utnb__left a:visited {
  color: var(--ecs-base-clr-surface-primary);
}
.utnb__left a.utnb--tab__hidden {
  display: none;
}
.utnb__left a.active-tab {
  background-color: var(--ecs-dark-bg-active);
}
.utnb__left a[data-active] {
  background: var(--ecs-dark-bg-active);
  color: var(--ecs-base-clr-primary-surface);
}

.utnb__left--float {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}

.utnb__left--persistent {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
  transition: transform 0.1s ease-in;
}

.utnb__hidden-tabs-toggle {
  justify-content: center;
  height: 38px;
  width: 48px;
  position: relative;
  display: none;
  border-radius: 3px;
  padding: 0 1px;
  border: 1px solid transparent;
  align-items: center;
}
.utnb__hidden-tabs-toggle span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid var(--ecs-base-clr-primary-surface);
  margin: 0 1.5px;
  transition: background 0.25s ease-in;
  background-color: var(--ecs-base-clr-primary-surface);
}
.utnb__hidden-tabs-toggle span:first-child {
  margin-left: 8px;
}
.utnb__hidden-tabs-toggle span:last-child {
  margin-right: 8px;
}
.utnb__hidden-tabs-toggle[data-visible] {
  display: flex;
}

.utnb__right {
  flex-grow: 1;
  justify-content: flex-end;
}

/* -------------------------------- Dropdown -------------------------------- */
.uems-navbar--dropdown {
  min-width: 150px;
  border-radius: 0;
  padding: 0;
  border: none;
}
.uems-navbar--dropdown .zmenu__item:not(.nav-dropdown--customize) {
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 40px;
  padding: 0;
  align-items: center;
  line-height: 24px;
}
.uems-navbar--dropdown .zmenu__item:not(.nav-dropdown--customize) a {
  padding: 12px 16px;
  width: 100%;
  color: var(--ecs-base-clr-primary);
}
.uems-navbar--dropdown .zmenu__text {
  color: var(--ucs-base-bg, #fff) !important;
}
.uems-navbar--dropdown .nav-dropdown--customize {
  border-radius: 0;
  position: sticky;
  bottom: 0;
  background-color: var(--ecs-dark-bg) !important;
  color: var(--ucs-base-bg, #fff) !important;
  height: 40px;
  line-height: 24px;
  padding-left: 16px !important;
}
.uems-navbar--dropdown .nav-dropdown--customize .zmenu__iconcontainer,
.uems-navbar--dropdown .nav-dropdown--customize .zmenu__icon {
  width: 20px;
  height: 20px;
}
.uems-navbar--dropdown .nav-dropdown--customize .zmenu__iconcontainer {
  margin: 0 8px 0 -4px;
}
.uems-navbar--dropdown .nav-dropdown--customize svg {
  fill: var(--ecs-base-clr-primary-surface) !important;
}
.uems-navbar--dropdown .zmenu--scroller svg {
  display: unset;
}

/* --------------------------------- Tooltip -------------------------------- */
.utnb--tooltip {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  padding: 12px;
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}

#utnbTooltip .zpopover__content {
  padding: 12px;
}

.uems-navbar--dropdown [data-new]::after,
.utnb__left [data-new]::after {
  top: 3px;
  right: 12px;
  position: absolute;
  font-size: 10px;
  background: none;
  color: var(--ecs-promo-clr-primary);
  padding: 0;
}

.uems-navbar--dropdown [data-new]::after {
  color: var(--ecs-promo-clr-secondary);
}

.utnb__prefix {
  z-index: 1;
  margin-right: 32px;
}

.uems-zprogress-bar {
  width: 100%;
}
.uems-zprogress-bar .zprogress {
  border-radius: 10px;
}
.uems-zprogress-bar.uems-zprogress-bar__lg .zprogress {
  height: 20px;
}

.page-title {
  display: block;
  color: var(--ecs-base-clr-primary);
  font: 16px var(--ecs-font-family);
  padding: 5px 10px 10px 0px;
}

.dc-page-title-container,
.uems-page-title-container {
  padding: 0 5px 15px 5px;
}
.dc-page-title-container [class^=row--inline],
.dc-page-title-container .column-flex,
.uems-page-title-container [class^=row--inline],
.uems-page-title-container .column-flex {
  padding: 0 5px 0px 0;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.dc-page-title-container [class^=row--inline] > .page-description,
.dc-page-title-container .column-flex > .page-description,
.uems-page-title-container [class^=row--inline] > .page-description,
.uems-page-title-container .column-flex > .page-description {
  padding-top: 5px;
}
.dc-page-title-container .page-description,
.uems-page-title-container .page-description {
  padding: 0 0 5px 0;
}
.dc-page-title-container .row--inline.page-desc .page-description,
.uems-page-title-container .row--inline.page-desc .page-description {
  padding-top: 5px;
}
.dc-page-title-container .row--inline.page-desc .flex--common,
.uems-page-title-container .row--inline.page-desc .flex--common {
  justify-content: space-between;
  padding-bottom: 5px;
}

.ph--suffix {
  flex-shrink: 0;
}

.uems--tour {
  max-width: 400px !important;
  margin-top: 8px !important;
  padding: 16px;
}
.uems--tour .utour__button {
  min-height: 40px;
  padding: 8px 12px !important;
  min-width: 4rem;
  margin: 0 !important;
  border-radius: 4px !important;
}
.uems--tour .utour__button.utour__button-secondary {
  border: 1px solid var(--ecs-cta-btn-border-clr) !important;
  background: none !important;
  color: var(--ecs-base-clr-active) !important;
}
.uems--tour .utour__button:focus-visible {
  outline: 1px solid var(--ecs-cta-btn-border-clr-focus) !important;
}
.uems--tour footer,
.uems--tour header {
  display: none !important;
}
.uems--tour .shepherd-text {
  padding: 0;
  max-height: inherit;
  overflow: visible;
}
.uems--tour .utour__footer {
  justify-content: flex-end;
  gap: 12px;
}
.uems--tour .utour__footer-left {
  margin-right: auto;
  gap: 8px;
}
.uems--tour.shepherd-has-title .shepherd-content .shepherd-header {
  background: transparent;
  padding-bottom: 0;
}
.uems--tour.shepherd-has-title .shepherd-content .shepherd-header h3 {
  font-weight: bold;
}
.uems--tour.shepherd-element {
  background-color: var(--ecs-base-bg-primary);
  border-radius: 16px;
  padding: 24px;
}
.uems--tour .shepherd-title,
.uems--tour .shepherd-text {
  color: var(--ecs-base-clr-primary);
}
.uems--tour .utour__text {
  line-height: 1.6;
}
.uems--tour .tour-template {
  background-image: none !important;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  fill: inherit;
  z-index: 99999;
}

.shepherd-element {
  z-index: 99999 !important;
}

body[ems-theme=dark] .shepherd-element {
  border: 1px solid var(--ecs-container-border-clr);
}
body[ems-theme=dark] .shepherd-arrow:before {
  background-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .shepherd-text {
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .shepherd-target {
  filter: brightness(2);
}
body[ems-theme=dark] .shepherd-element,
body[ems-theme=dark] .shepherd-button {
  background-color: var(--ecs-bg-primary-alt);
  color: var(--ecs-base-clr-primary);
  fill: var(--ecs-base-clr-primary);
}

/*
* Suffix text will be added in the attribute when initialized, `enabled` attribute will be added when the element is shrunk
*/
[data-ellipsify-suffix][data-ellipsify=enabled]::before {
  content: attr(data-ellipsify-suffix);
  float: right;
}

/*
* Do not allow text getting wrapped to next line when shrunk
*/
[data-ellipsify] {
  white-space: nowrap;
}

/*
* Add ellipsis styles only when the container has space constraint
*/
/* stylelint-disable no-descending-specificity */
.ems-tvp__toolbar {
  --tl-vs-anime-prop: 0.25s ease-in;
}

.tvp-toolbar-right-btn, .tvp--settings-btn {
  min-height: 30px;
}

.ems-tvp__menu {
  background-color: var(--ecs-menu-btn-bg, #EAF0FC);
  color: var(--ecs-base-clr-primary);
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 13px;
}
.ems-tvp__menu:hover, .ems-tvp__menu:focus {
  background-color: var(--ecs-menu-btn-bg-hover, #D5E0F8);
  outline: none;
}
@keyframes tvp-vs-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ems-table-view-plus-wrapper[overlay-page-loader] .dc--dialog-loader.page-loader-wrapper {
  z-index: 9;
}
.ems-table-view-plus-wrapper .ember-table-table-row {
  cursor: default;
}
.ems-table-view-plus-wrapper .ember-table-cell {
  font-size: 13px;
  color: var(--ecs-base-clr-primary);
  border-right: none;
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ember-table-content-container .ember-table-content {
  padding-left: 15px;
  line-height: 34px;
  font-weight: 400;
  font-size: 14px;
  height: 100%;
}
.ems-table-view-plus-wrapper .ember-table-header-cell:not(.rowselection-cell):hover .ember-table-content {
  padding-right: 28px !important;
}
.ems-table-view-plus-wrapper .ember-table-cell:has(.ember-checkbox) .ember-table-content input:not(:disabled).ember-checkbox {
  cursor: pointer !important;
}
.ems-table-view-plus-wrapper .ember-table-cell .ember-table-content {
  line-height: 48px;
  padding-left: 15px;
}
.ems-table-view-plus-wrapper .ember-table-header-cell.rowselection-cell .ember-table-content {
  padding-left: 15px;
  line-height: 37px;
}
.ems-table-view-plus-wrapper .rowselection-cell .ember-table-content {
  line-height: 52px;
}
.ems-table-view-plus-wrapper .ember-table-cell:not(.ember-table-header-cell) .ember-table-content:hover {
  cursor: default;
}
.ems-table-view-plus-wrapper .search-cell-component {
  height: 35px;
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.ems-table-view-plus-wrapper .ember-table-body-container .ember-table-table-row.ember-table-selected {
  background-color: var(--ecs-container-bg-selected);
  color: unset;
}
.ems-table-view-plus-wrapper .ember-table-body-container .ember-table-table-row.ember-table-selected .ember-table-cell {
  border: none;
}
.ems-table-view-plus-wrapper .ember-table-tables-container {
  border-radius: 4px 4px 0 0;
  border-color: var(--ecs-container-border-clr);
}
.ems-table-view-plus-wrapper .ember-table-header-cell {
  background-color: var(--ecs-container-bg-primary);
}
.ems-table-view-plus-wrapper .ember-table-table-scrollable-wrapper .ember-table-table-row:not(.ember-table-last-row) {
  border-bottom: 1px solid #e9ecf2;
}
body[ems-theme=dark] .ems-table-view-plus-wrapper .ember-table-table-scrollable-wrapper .ember-table-table-row:not(.ember-table-last-row) {
  border-bottom-color: var(--ecs-container-border-clr);
}

.ems-table-view-plus-wrapper .ember-table-header-container {
  box-shadow: none;
  border-color: var(--ecs-container-border-clr);
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ui-resizable-handle.ui-resizable-e {
  right: -8px;
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ui-resizable-handle.ui-resizable-e::after {
  content: "";
  position: absolute;
  width: 2px;
  left: 7px;
  top: 0;
  height: 100%;
}
.ems-table-view-plus-wrapper .ember-table-header-cell:hover .ui-resizable-handle.ui-resizable-e::after {
  background-color: var(--ecs-container-border-clr);
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ui-resizable-handle.ui-resizable-e:hover {
  background-color: var(--ecs-container-bg-active);
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ui-resizable-handle.ui-resizable-e:hover::after {
  background-color: var(--ecs-container-border-clr-active);
}
.ems-table-view-plus-wrapper .search-container .ember-table-table-row {
  background-color: var(--ecs-container-bg-primary);
}
.ems-table-view-plus-wrapper .ember-table-header-container .ui-resizable-handle.ui-resizable-e {
  width: 16px;
}
.ems-table-view-plus-wrapper .ember-table-header-cell .ember-table-content-container:hover,
.ems-table-view-plus-wrapper .ember-table-cell .ember-table-content:hover {
  cursor: default;
}
.ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-both-indicator .ember-table-content-container:hover, .ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-asc-indicator .ember-table-content-container:hover, .ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-desc-indicator .ember-table-content-container:hover {
  cursor: pointer;
}
.ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-both-indicator .ember-table-content:hover, .ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-asc-indicator .ember-table-content:hover, .ems-table-view-plus-wrapper .ember-table-header-cell.ember-table-column-sort-desc-indicator .ember-table-content:hover {
  cursor: pointer;
}

.ember-table-header-cell.ember-table-column-sort-both-indicator:hover, .ember-table-header-cell.ember-table-column-sort-asc-indicator:hover {
  background-color: var(--ecs-container-bg-secondary);
}
.ember-table-header-cell.ember-table-column-sort-both-indicator:hover::after, .ember-table-header-cell.ember-table-column-sort-asc-indicator:hover::after {
  position: absolute;
  pointer-events: none;
  content: "";
  right: 6px;
  top: 50%;
  background: transparent url(../../../../images/arrow-narrow-up.svg) no-repeat center center/100%;
  width: 16px;
  height: 100%;
  transform: translate(0, -50%);
}
body[ems-theme=dark] .ember-table-header-cell.ember-table-column-sort-both-indicator:hover::after, body[ems-theme=dark] .ember-table-header-cell.ember-table-column-sort-asc-indicator:hover::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(65deg) brightness(111%) contrast(100%);
}

.ember-table-header-cell.ember-table-column-sort-desc-indicator:hover {
  background-color: var(--ecs-container-bg-secondary);
}
.ember-table-header-cell.ember-table-column-sort-desc-indicator:hover::after {
  position: absolute;
  pointer-events: none;
  content: "";
  right: 6px;
  top: 50%;
  background: transparent url(../../../../images/arrow-narrow-down.svg) no-repeat center center/100%;
  width: 16px;
  height: 100%;
  transform: translate(0, -50%);
}
body[ems-theme=dark] .ember-table-header-cell.ember-table-column-sort-desc-indicator:hover::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(65deg) brightness(111%) contrast(100%);
}

.table-view .ember-table-column-sort-asc-indicator .ember-table-content-container .ember-table-content:after, .ems-table-view-plus-wrapper .ember-table-column-sort-asc-indicator .ember-table-content-container .ember-table-content:after {
  content: none;
}
.table-view .ember-table-column-sort-desc-indicator .ember-table-content-container .ember-table-content:after, .ems-table-view-plus-wrapper .ember-table-column-sort-desc-indicator .ember-table-content-container .ember-table-content:after {
  content: none;
}
.table-view .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content:after, .ems-table-view-plus-wrapper .ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content:after {
  content: none;
}

.ember-table-header-cell.ember-table-column-sort-desc-indicator::after {
  position: absolute;
  pointer-events: none;
  content: "";
  right: 6px;
  top: 50%;
  background: transparent url(../../../../images/arrow-narrow-down.svg) no-repeat center center/100%;
  width: 16px;
  height: 100%;
  transform: translate(0, -50%);
}
body[ems-theme=dark] .ember-table-header-cell.ember-table-column-sort-desc-indicator::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(65deg) brightness(111%) contrast(100%);
}

.ember-table-header-cell.ember-table-column-sort-asc-indicator::after {
  position: absolute;
  pointer-events: none;
  content: "";
  right: 6px;
  top: 50%;
  background: transparent url(../../../../images/arrow-narrow-up.svg) no-repeat center center/100%;
  width: 16px;
  height: 100%;
  transform: translate(0, -50%);
}
body[ems-theme=dark] .ember-table-header-cell.ember-table-column-sort-asc-indicator::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(65deg) brightness(111%) contrast(100%);
}

.ember-table-header-cell:where(.ember-table-column-sort-desc-indicator, .ember-table-header-cell.ember-table-column-sort-asc-indicator) .ember-table-content {
  padding-right: 28px !important;
}

.zdropdownlist__item.on-hover {
  background-color: var(--ecs-container-bg-hover);
}

.tvp-icon.svg-bucket-icon {
  /* stylelint-disable-next-line value-keyword-case */
  fill: currentColor;
  width: 20px;
  height: 20px;
}

.tvp-caret-icon__disabled {
  filter: grayscale(100%);
  opacity: 0.75;
}

.tvp-footer__navig-button .svg-bucket-icon {
  width: 12px;
  height: 12px;
}

.tvp-lite-filter-applied-list-item-close .svg-bucket-icon,
.tvp-close-icon.svg-bucket-icon {
  width: 12px;
  height: 12px;
}

.tvp-lite-filter-applied-list-item-close:hover .svg-bucket-icon {
  fill: var(--ecs-icon-fill-primary);
}

.tvp--lite-filter-step svg.cp--toggle-icon {
  border: none;
  width: 24px;
  height: 24px;
}

.tvp-no-data-found-icon.svg-bucket-icon {
  width: 80px;
  height: 80px;
}

.ems-tvp__icon-only-button {
  background: none;
  border: none;
}

.ems-tvp__menu_anchor-clr-on-hover:not(:disabled):hover, .ems-tvp__menu_anchor-clr-on-hover:not(:disabled):focus {
  color: var(--ecs-anchor-clr) !important;
  outline: none;
}
body[ems-theme=dark] .ems-tvp__menu_anchor-clr-on-hover:not(:disabled):hover, body[ems-theme=dark] .ems-tvp__menu_anchor-clr-on-hover:not(:disabled):focus {
  color: var(--ecs-base-clr-primary-surface);
}

.ems-tvp__toolbar-wrapper {
  overflow-y: hidden;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.ems-tvp__toolbar {
  color: var(--ecs-base-clr-primary);
  gap: 8px;
}
.ems-tvp__toolbar > div:empty:not(.tvp--toolbar-separator) {
  display: none;
}

.ems-tvp__menu__caret-down {
  transition: 0.25s transform ease;
  transform-origin: center;
}

.tvp--menu.zdropdownlist:not(.zmenu--selectmenu) {
  min-width: auto;
  resize: none;
  box-shadow: 0 5px 10px 0 rgba(62, 86, 100, 0.3);
}

.tvp--menu .zdropdownlist__item {
  cursor: pointer;
}

.tvp--settings-btn:disabled, .tvp--settings-btn:disabled:hover {
  cursor: no-drop;
}

.tvp--settings-btn[data-active]:not(:disabled) {
  background-color: var(--ecs-container-bg-active);
  color: var(--ecs-anchor-clr);
}
.tvp--settings-btn {
  border-radius: 4px;
}
.tvp--settings-btn:focus, .tvp--settings-btn:focus-visible {
  outline: none;
}

.tvp--toolbar-separator {
  width: 1px;
  height: 20px;
  background-color: var(--ecs-container-border-clr);
}

.ems-tvp__toolbar .tvp--settings-btn:not([data-active]):not(.ems-tvp__menu):hover, .ems-tvp__toolbar .tvp--settings-btn:not([data-active]):not(.ems-tvp__menu):focus-visible {
  background-color: var(--ecs-container-bg-hover);
}

/* ----------------- Handle separator UI based on menu items ---------------- */
.ems-tvp__toolbar-wrapper .ems-tvp__toolbar ~ [data-name=secondary-toolbar]:not(.ucs-justify__flex-end), .ems-tvp__toolbar-wrapper .ems-tvp__selection-toolbar--btn-holder + .ems-tvp__selection-toolbar--count, .ems-tvp__toolbar-wrapper [data-button-type] + .tvp--view-selector, .ems-tvp__toolbar-wrapper :where([data-button-type=menu], [data-button-type=settings]) + [data-name=reload-button], .ems-tvp__toolbar-wrapper [data-button-type=menu] + [data-button-type=settings] {
  position: relative;
  margin-left: 8px;
}
.ems-tvp__toolbar-wrapper .ems-tvp__toolbar ~ [data-name=secondary-toolbar]:not(.ucs-justify__flex-end)::before, .ems-tvp__toolbar-wrapper .ems-tvp__selection-toolbar--btn-holder + .ems-tvp__selection-toolbar--count::before, .ems-tvp__toolbar-wrapper [data-button-type] + .tvp--view-selector::before, .ems-tvp__toolbar-wrapper :where([data-button-type=menu], [data-button-type=settings]) + [data-name=reload-button]::before, .ems-tvp__toolbar-wrapper [data-button-type=menu] + [data-button-type=settings]::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  left: var(--separator-left, -8px);
  bottom: var(--separator-bottom, 4px);
  background-color: var(--ecs-container-border-clr);
}
.ems-tvp__toolbar-wrapper [data-button-type] + .tvp--view-selector {
  --separator-bottom: 8px;
}
.ems-tvp__toolbar-wrapper .ems-tvp__toolbar ~ [data-name=secondary-toolbar]:not(.ucs-justify__flex-end) {
  --separator-left: 0;
  --separator-bottom: 8px;
}

/* stylelint-disable custom-property-pattern */
.ems-tvp__toolbar--right {
  margin-left: auto;
  z-index: 2;
}
.ems-tvp__toolbar--right > div:empty {
  display: none;
}

.tvp-lite-filter-header {
  min-height: 50px;
}

.ems-tvp__toolbar--right-container {
  gap: 2px;
}

.ems-tvp__icon-only-button:not(:disabled):not([data-active]):hover, .ems-tvp__icon-only-button:not(:disabled):not([data-active]):focus,
.tvp-filter-icon-btn:not(:disabled):not([data-active]):hover,
.tvp-filter-icon-btn:not(:disabled):not([data-active]):focus {
  background-color: var(--ecs-container-bg-hover);
  outline: none;
}

.tvp-filter-icon-btn:not(:disabled)[data-active] {
  background-color: var(--ecs-menu-btn-bg-hover, #D5E0F8);
}
.tvp-filter-icon-btn:not(:disabled)[data-show-applied-filters]::after {
  content: "";
  position: absolute;
  background: var(--ecs-container-bg-error);
  color: var(--ecs-base-clr-primary-surface);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 6px;
  right: 6px;
  font-size: 10px;
}
.tvp-filter-icon-btn:not(:disabled):not(.tvp-adv-filter-icon)[data-show-applied-filters][data-applied-filters-count]::after {
  content: attr(data-applied-filters-count);
  width: 12px;
  height: 12px;
  top: 3px;
  right: 3px;
}

.tvp-toolbar-right-btn {
  cursor: pointer;
  padding: 8px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  color: var(--ecs-base-clr-primary);
}
.tvp-toolbar-right-btn:focus {
  outline: none;
}

.tvp-lite-filter--cp {
  --tvp-filter-header-padding: 8px 16px;
  --tvp-filter-body-padding: 0;
  --tvp-filter-body-padding__occluded: 0;
  --tvp-lite-filter-overlay-padding: 8px 16px;
}
.tvp-lite-filter--cp .cp--step-wrapper {
  border: none;
}
.tvp-lite-filter--cp .cp--step-wrapper:hover, .tvp-lite-filter--cp .cp--step-wrapper[data-open] {
  box-shadow: none;
}
.tvp-lite-filter--cp .cp--header {
  background: none;
  padding: var(--tvp-filter-header-padding);
  padding-bottom: 12px;
  border-radius: 0;
  font-size: 14px;
}
.tvp-lite-filter--cp .tvp--lite-filter-step:not(:last-child) .cp--header {
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.tvp-lite-filter--cp .cp--step-wrapper[data-open] > .cp--header:not([data-has-focus]) {
  border: none;
}
.tvp-lite-filter--cp .cp--step-main-content {
  overflow: hidden;
}
.tvp-lite-filter--cp .cp--step-wrapper[data-open] > .cp--step-main-content {
  max-height: 340px;
}

.tvp--lite-filter-popover.zpopover,
.tvp--filter-popover.zpopover {
  box-shadow: 0 5px 10px 0 rgba(62, 86, 100, 0.3);
}
.tvp--lite-filter-popover.zpopover .zpopover__content,
.tvp--filter-popover.zpopover .zpopover__content {
  padding: 12px 0;
}
.tvp--lite-filter-popover .tvp-lite-filter-step__no-occluded .cp--step-wrapper[data-open] > .cp--step-main-content:has(.tvp-lite-filter-step__no-occluded),
.tvp--filter-popover .tvp-lite-filter-step__no-occluded .cp--step-wrapper[data-open] > .cp--step-main-content:has(.tvp-lite-filter-step__no-occluded) {
  max-height: 300px;
}

.tvp--lite-filter-options[data-active] .checkmark::after {
  display: block;
}

.tvp--lite-filter-options.checkbox--form[data-active] .checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}

.tvp--lite-filter-options.radiobox[data-active] .checkmark {
  background-color: var(--ecs-base-bg-primary);
  border: 5px solid var(--ecs-container-bg-active-tertiary);
}

.tvp-lite-filter--selected-count {
  height: 14px;
}
.tvp-lite-filter--selected-count-header {
  background-color: var(--ecs-cta-btn-bg) !important;
  color: var(--ecs-base-clr-primary-surface) !important;
  padding: 2px 4px;
  border-radius: 8px;
  gap: 2px;
  line-height: 12px;
}
.tvp-lite-filter--selected-count-close {
  margin-top: 1px;
}

.tvp--lite-filter--body-container .ms--result-overlay .ms--results > div > div > div {
  display: flex;
  flex-direction: column;
}

.tvp-lite-filter--cp .tvp-lite-filter-overlay {
  height: 260px;
  overflow: hidden;
}

.tvp-lite-filter--cp .tvp--lite-filter-step .tvp-lite-filter-overlay {
  padding: var(--tvp-lite-filter-overlay-padding);
  min-height: 40px;
}

.tvp-lite-filter--cp .tvp-lite-filter-step__no-occluded.tvp-lite-filter-overlay {
  height: unset;
  padding-bottom: 0;
}
.tvp-lite-filter--cp .tvp-lite-filter-step__no-occluded.tvp-lite-filter-overlay .ms--list-renderer > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tvp--lite-filter-filter-container {
  padding: var(--tvp-filter-body-padding);
}
.tvp--lite-filter-filter-container.tvp-lite-filter-container__occluded {
  padding: var(--tvp-filter-body-padding__occluded);
}

.tvp--lite-filter--body-container {
  max-height: 280px;
}
.tvp--lite-filter--body-container .ms--result-overlay .ms--results {
  padding: 0;
}

.tvp--lite-filter--searchbox {
  top: 0;
  z-index: 1;
}

.tvp--lite-filter-options.radiobox, .tvp--lite-filter-options.checkbox--form {
  justify-content: start;
  padding: 8px 16px;
  cursor: pointer;
}
.tvp--lite-filter-options.radiobox:hover, .tvp--lite-filter-options.checkbox--form:hover {
  background-color: var(--ecs-container-bg-secondary);
}
.tvp--lite-filter-options.checkbox--form {
  padding-left: 36px;
}
.tvp--lite-filter-options.checkbox--form .checkmark {
  left: 18px;
  top: calc(50% - 9px);
}

.tvp--lite-filter-options .label--text {
  margin-left: 4px;
}

.tvp-lite-filter-applied-list {
  width: calc(100% - 30px);
  gap: 2px 10px;
  max-height: 50px;
}
.tvp-lite-filter-applied-list-item-close {
  width: 30px;
}
.tvp-lite-filter-applied-list[data-count]:not([data-count="+0"])::after {
  content: attr(data-count);
  color: var(--ecs-anchor-clr);
  background: var(--ecs-container-bg-primary);
  border: 1px solid var(--ecs-container-border-clr);
  padding: 2px 4px;
  border-radius: 3px;
}

.tvp-lite-filter-applied-value-item {
  max-width: 50%;
}

.tvp-total-count-icon {
  width: 20px;
  aspect-ratio: 1/1;
}
.tvp-total-count-icon:hover {
  background-color: var(--ecs-container-bg-active-tertiary);
  color: var(--ecs-base-clr-surface-primary);
}

.tvp--filter-popover.zpopover .zpopover__content {
  padding: 0;
}

.tvp--applied-filter-popover.zpopover .zpopover__content {
  padding: 12px 0;
}

.tvp-lite-filter-overlay.tvp-lite-filter-step__no-occluded .tvp--lite-filter-options {
  width: 100%;
}

.tvp-lite-filter-container__no-occluded .tvp--lite-filter--body-container {
  padding-bottom: 12px;
}

.tvp-toolbar-right-search-icon::after {
  position: absolute;
  content: "x";
  top: 4px;
  right: 4px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: var(--ecs-container-bg-danger);
  color: var(--ecs-base-bg-primary);
  font-weight: bold;
  line-height: 10px;
  transform: scale(0);
  transition: transform 0.01s linear;
  font-size: 10px;
}
.tvp-toolbar-right-search-icon[data-active]::after {
  transform: scale(1);
}

.tvp-column-chooser {
  z-index: 89;
}
.tvp-column-chooser.zpopover {
  box-shadow: 0 5px 10px 0 rgba(62, 86, 100, 0.3);
  width: 350px;
}
.tvp-column-chooser.zpopover .zpopover__content {
  padding: 0 20px 20px;
}

.tvp-column-chooser__drop-area-placeholder {
  border: 1px dashed var(--ecs-container-border-clr-active);
  border-radius: 3px;
  background-color: var(--ecs-container-bg-primary-hued) !important;
}

.tvp-lite-filter-overlay:has(.ms--placeholder .ms-noresult-wrap) {
  display: none;
}

/* stylelint-disable alpha-value-notation */
/* stylelint-disable color-function-notation */
/* stylelint-disable no-descending-specificity */
.ems-tvp__selection-toolbar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  left: 0;
  top: 0;
  z-index: 1;
  gap: 12px;
  animation: show-animation 0.1s ease-in;
}
.ems-tvp__selection-toolbar .ems-tvp__menu {
  min-height: 30px;
}
.ems-tvp__selection-toolbar .ems-tvp__menu,
.ems-tvp__selection-toolbar .ems-tvp__row-action {
  color: var(--ecs-base-clr-active);
}
.ems-tvp__selection-toolbar .tvp--settings-btn:hover {
  background-color: var(--ecs-container-bg-hover);
}
.ems-tvp__selection-toolbar .tvp--btn-icon:hover .tvp-close-icon {
  fill: var(--ecs-icon-fill-active);
}

.ems-tvp__selection-toolbar--count {
  border-radius: 3px;
  position: relative;
}

.ems-tvp__selection-toolbar--count:hover .tvp--btn-close-icon {
  fill: var(--ecs-icon-fill-active);
}

.ems-tvp__selection-toolbar--btn-holder {
  gap: 12px;
}

.tvp-adv-filter .filter-criteria-renderer {
  border-radius: 3px;
}
@media only screen and (max-width: 1024px) {
  .tvp-adv-filter .filter-criteria-renderer {
    width: 100%;
  }
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria {
  position: relative;
  margin: auto;
  align-content: center;
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title {
  font: 13px var(--ecs-font-family);
  flex-wrap: nowrap;
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  padding: 4px;
  margin: 12px 0 0 12px;
  height: 28px;
  max-width: 150px;
  background-color: var(--ecs-base-bg-primary);
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .f-title.f-title__error {
  border-color: var(--ecs-container-border-clr-error);
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria input[type=text].f-title {
  padding: 4px 8px;
  background-image: none;
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .close-filter {
  margin: 12px 12px 0 0;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .contaimer__filter-rows .filter-criteria-row__wrapper {
  padding-block: 16px;
}
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .message-banner-container,
.tvp-adv-filter .filter-criteria-renderer .filter-criteria .col-12 {
  padding: 0;
}
.tvp-adv-filter .filter-criteria-row .container__logical-operator,
.tvp-adv-filter .filter-criteria-row .container__comparator,
.tvp-adv-filter .filter-criteria-row .container__column,
.tvp-adv-filter .filter-criteria-row .container__filter-value {
  min-height: 40px;
  max-width: 300px;
}
.tvp-adv-filter .filter-criteria-row .container__logical-operator .has-error .tf--container-wrapper,
.tvp-adv-filter .filter-criteria-row .container__comparator .has-error .tf--container-wrapper,
.tvp-adv-filter .filter-criteria-row .container__column .has-error .tf--container-wrapper,
.tvp-adv-filter .filter-criteria-row .container__filter-value .has-error .tf--container-wrapper {
  border: 1px solid var(--ecs-container-border-clr-error);
}
.tvp-adv-filter .filter-criteria-row .container__logical-operator .date-picker .zinputfield,
.tvp-adv-filter .filter-criteria-row .container__comparator .date-picker .zinputfield,
.tvp-adv-filter .filter-criteria-row .container__column .date-picker .zinputfield,
.tvp-adv-filter .filter-criteria-row .container__filter-value .date-picker .zinputfield {
  min-width: 100%;
}
.tvp-adv-filter .filter-criteria-row .container__filter-value .text-box {
  display: table;
}
.tvp-adv-filter .filter-criteria-row .container__filter-value .text-box.has-error input {
  border: 1px solid var(--ecs-container-border-clr-error);
}
.tvp-adv-filter .filter-criteria-row .container__filter-value .date-picker.has-error .zinputfield:not(.has-focus),
.tvp-adv-filter .filter-criteria-row .container__filter-value .date-range-picker.has-error .dc-daterange-field {
  border-color: var(--ecs-container-border-clr-error);
}
.tvp-adv-filter .filter-criteria-row .container__column-index {
  width: 35px !important;
  height: 35px;
  min-width: 10px !important;
  background-color: var(--ecs-container-bg-primary);
  border-radius: 4px;
}
.tvp-adv-filter .filter-criteria-row .fcr-action {
  width: 5% !important;
  min-width: 5% !important;
}
.tvp-adv-filter .filter-criteria-row {
  display: flex;
  padding: 4px 0;
}
.tvp-adv-filter .filter-criteria-row .fcr--section {
  padding: 0 8px;
  width: 20%;
  max-width: 300px;
  min-width: 150px;
}
@media (max-width: 800px) {
  .tvp-adv-filter .filter-criteria-row .fcr--section {
    width: 20%;
  }
}
.tvp-adv-filter .filter-criteria-row .fcr--section:first-child {
  text-align: right;
}
.tvp-adv-filter .filter-criteria-row .fcr--section.fcr--main-input {
  min-width: 320px;
}
@media (max-width: 800px) {
  .tvp-adv-filter .filter-criteria-row .fcr--section.fcr--main-input {
    min-width: 140px;
  }
  .tvp-adv-filter .filter-criteria-row .fcr--section.fcr--main-input input.textbox--form {
    width: 100%;
  }
}
.tvp-adv-filter .filter-criteria-row .dc-daterange-field {
  width: auto;
  height: 35px;
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
  .tvp-adv-filter .filter-criteria-row .dc-daterange-field {
    line-height: 30px !important;
  }
}
.tvp-adv-filter .filter-criteria-row:hover .filter-action {
  pointer-events: all;
  opacity: 1;
}
.tvp-adv-filter .filter-criteria-row.view-filter-disabled .filter-action {
  display: none;
}
.tvp-adv-filter .filter-criteria-row .dc-select .zselectbox.is-disabled,
.tvp-adv-filter .filter-criteria-row .dc-textbox input:disabled {
  background-color: var(--ecs-container-bg-tertiary) !important;
}
.tvp-adv-filter .filter-criteria-row .filter-action {
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms ease-in;
  align-items: center;
  min-height: 35px;
  display: flex;
}
.tvp-adv-filter .filter-criteria-row .filter-action:hover {
  opacity: 1;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--add,
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove,
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove__disabled {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--add,
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove {
  transition: background 250ms ease-in;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--add svg,
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove svg {
  transition: fill 250ms ease-in;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--add:hover svg,
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove:hover svg {
  fill: var(--ecs-base-clr-primary-surface);
  stroke: var(--ecs-base-clr-primary-surface) !important;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--add:hover {
  background-color: var(--ecs-cta-btn-bg) !important;
}
.tvp-adv-filter .filter-criteria-row .filter-action .fc--remove:hover {
  background-color: var(--ecs-container-bg-error) !important;
}
.tvp-adv-filter .filter-action .dc-view-add-icon {
  transform: rotate(-45deg);
}
.tvp-adv-filter .filter-multi-select .tf--container-wrapper {
  max-height: 35px;
  padding: 1px 2px;
  max-width: 300px;
}
.tvp-adv-filter .filter-multi-select .tf--container-wrapper .tf--input, .tvp-adv-filter .filter-multi-select .tf--container-wrapper .tf--input:hover {
  height: 30px;
}
.tvp-adv-filter .filter-multi-select .tf--container-wrapper.tf--container-wrapper__active {
  max-height: 135px;
  top: 0;
  position: absolute;
}
.tvp-adv-filter .filter-multi-select .tf--suggestions {
  max-width: 300px;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary) !important;
}
.tvp-adv-filter .token-field {
  padding-top: 0;
  height: 35px;
}
.tvp-adv-filter .contaimer__filter-rows {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.tvp-adv-filter .fcr-form-submit-container {
  background-color: var(--ecs-bg-primary-alt);
  bottom: 0;
  position: sticky;
}
.tvp-adv-filter .f-title svg.svg-bucket-icon {
  flex-shrink: 0;
}

.tvp-adv-saved-filters-list {
  max-width: 300px;
  width: 100%;
  overflow-x: hidden;
}

.tvp-adv-filter__add-form {
  max-width: 920px;
}

.tvp-adv-filter__add-form .contaimer__filter-rows .form-submit-section {
  padding: 20px 0;
}

.tvp-adv-filter-list--icon {
  width: 30px;
  height: 30px;
}

.tvp-saved-filter-list-item-label {
  width: calc(100% - 60px);
}

.tvp-adv-display-list-item-close-icon.svg-bucket-icon {
  width: 10px;
  height: 10px;
  fill: var(--ecs-icon-fill-secondary);
}

.tvp-display-popover-list-item {
  width: calc(100% - 30px);
}

.tvp-adv-saved-filter-list-renderer [ucs-data-checked]:hover::before {
  display: none;
}

.tvp-adv-filter[data-form-active] .tvp-adv-saved-filter-list-renderer {
  flex-basis: 0;
  flex-grow: 1;
}

.tvp-adv-filter:not([data-form-active]) .tvp-adv-saved-filter-list-renderer {
  max-height: 200px;
}

.tvp-adv-saved-filter-active-bg,
.tvp-adv-saved-filter-hover-bg[ucs-data-checked]:hover,
.tvp-adv-saved-filter-hover-bg:hover {
  background-color: var(--ecs-container-bg-secondary-hued);
}

.tvp--view-selector {
  border-radius: 4px;
  height: 35px;
}

.tvp--view-selector--input {
  left: 0;
  top: 0;
}

.tvp--view-selector--title,
.tvp--view-selector--count {
  z-index: 1;
}

.tvp--view-selector--count {
  background-color: var(--ecs-base-bg-primary);
  padding: 1px 4px;
  border-radius: 3px;
  transition: background var(--tl-vs-anime-prop), color var(--tl-vs-anime-prop);
}

.tvp--view-selector--input:checked ~ .tvp--view-selector--count:not([data-show-loader]) {
  background-color: var(--ecs-container-bg-active-tertiary);
  color: var(--ecs-base-clr-primary-surface);
}

.tvp--view-selector--input:checked ~ .tvp--view-selector--title {
  color: var(--ecs-anchor-clr);
}

.tvp--view-selector--input:not(:checked):hover ~ .tvp--view-selector--title {
  color: var(--ecs-base-clr-primary);
}

.tvp--view-selector--input:not(:checked) ~ .tvp--view-selector--count {
  color: var(--ecs-base-clr-active);
}

.tvp--view-selector--count[data-show-loader] {
  padding: 0;
  width: 30px;
  height: 20px;
}

.tvp--view-selector--count[data-show-loader]::after {
  content: "";
  border: 2px solid var(--ecs-container-border-clr-active);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border-top-color: transparent;
  animation: tvp-vs-rotate 1s linear infinite forwards;
}

.tvp--view-selector--active-slider {
  height: calc(100% - 10px);
  top: 5px;
  border-radius: 4px;
  transition: width var(--tl-vs-anime-prop), left var(--tl-vs-anime-prop);
  box-shadow: 1px 1px 12px 0 var(--ecs-container-shadow-secondary);
}

.ems-tvp__toolbar:not(.ems-tvp__toolbar--hide) .tvp--view-selector--label :not(:where(.tvp--view-selector--input, .tvp--view-selector--title, .tvp--view-selector--count)) {
  position: relative;
  z-index: 1;
}

.tvp-paginator {
  outline: none;
  width: 45px;
  -webkit-appearance: none;
  background: url(../../../../images/down-arrow.svg) no-repeat 90%/16px;
  font-size: 13px;
}

.tvp__footer {
  border-radius: 0 0 3px 3px;
  border: 1px solid var(--ecs-input-border-clr);
}

.tvp-footer__navig-button {
  width: 24px;
  height: 24px;
  background-color: var(--ecs-base-bg-primary) !important;
  color: var(--ecs-base-clr-primary);
}
.tvp-footer__navig-button:focus {
  outline: none;
}
.tvp-footer__navig-button:not(:disabled):hover {
  background-color: var(--ecs-cta-btn-bg) !important;
}
.tvp-footer__navig-button:not(:disabled):hover .svg-bucket-icon {
  fill: var(--ecs-base-clr-primary-surface);
}
.tvp-footer__navig-button:disabled::before {
  border-color: var(--ecs-base-clr-disabled);
}

.tvp-footer-show-total-icon {
  color: var(--ecs-anchor-clr);
}

.tvp-total-count-icon:hover .tvp-footer-show-total-icon {
  color: var(--ecs-base-clr-primary-surface);
}

.tvp-footer-navig-btn-holder {
  margin-right: 64px;
}

.utnb__loader {
  background-color: var(--ecs-cta-btn-bg);
  left: 0;
}
.utnb__loader,
.utnb__loader div {
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.utnb__loader div {
  background-color: var(--ecs-base-bg-primary);
  width: 25px;
  animation: nav-loader 2s linear infinite;
}
.utnb__loader div:nth-of-type(2) {
  animation-delay: 0.25s;
}
.utnb__loader div:nth-of-type(3) {
  animation-delay: 0.5s;
}

@keyframes nav-loader {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 50%;
    width: 25px;
  }
  100% {
    left: calc(100% - 50px);
    width: 50px;
  }
}
/*
below extendtable style objects are used in property-view component scss
*/
.prefix-image {
  height: 10px;
  width: 10px;
}

.property-tables {
  min-height: 200px;
}

.table-view .ember-table-table-scrollable-wrapper > div .ember-table-table-row.ember-odd-row:not(.ember-table-selected) {
  background-color: var(--ecs-table-row-odd-bg);
}

.ltv--table-row:nth-child(even) {
  background: var(--ecs-table-row-odd-bg);
}

.ltv--table-row--no-title:nth-child(odd) {
  background: var(--ecs-table-row-odd-bg);
}

.dc_chart .chart_title {
  background: var(--ecs-container-bg-primary);
  padding: 10px;
  font: 13px var(--ecs-font-family);
  font-size: 14px;
  font-weight: 400;
  height: 35px;
  margin: 0;
}

.tv-nav__select, .search-cell-component > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 2px 6px;
  min-width: 50px;
  margin-left: 2px;
  margin-right: 2px;
  outline: none;
  height: auto;
  width: auto;
  color: var(--ecs-base-clr-primary);
  background-color: var(--ecs-bg-primary-alt);
}
.tv-nav__select::-ms-expand, .search-cell-component > select::-ms-expand {
  display: none;
}

.hide-empty-msg-card[class^=col-] {
  padding: 0;
}
.hide-empty-msg-card .dc-messages-container {
  padding: 5px;
}
.hide-empty-msg-card .dc-messages-container:empty {
  padding: 0;
}

[data-enable-key-focused-style]:focus, [data-enable-key-focused-style] > [tabindex="-1"]:focus {
  outline: none;
}
[data-enable-key-focused-style]:focus > [tabindex="-1"] {
  position: relative;
  z-index: 1;
}
[data-enable-key-focused-style]:focus > [tabindex="-1"]::before {
  content: "";
  width: 100%;
  height: calc(100% - 4px);
  background-color: var(--ecs-container-bg-selected);
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 4px;
  pointer-events: none;
}

.dcc-reset-col .message-banner-container > [class^=col-] {
  padding: 0;
}

body[ems-theme=dark] .ems-custom-loader-container rect {
  opacity: 0.25;
}

.software-deployment-wrapper div[class^=col-] .spacing-resetter, .tools-container div[class^=col-] .spacing-resetter, .som-settings-container div[class^=col-] .spacing-resetter, .admin-container div[class^=col-] .spacing-resetter, .configuration-main-wrapper div[class^=col-] .spacing-resetter,
.software-deployment-wrapper div[class^=col-] .accordion,
.tools-container div[class^=col-] .accordion,
.som-settings-container div[class^=col-] .accordion,
.admin-container div[class^=col-] .accordion,
.configuration-main-wrapper div[class^=col-] .accordion, .dcc-reset-component-space div[class^=col-] .spacing-resetter,
.dcc-reset-component-space div[class^=col-] .accordion {
  padding: 0 !important;
  margin: 0 !important;
}
.software-deployment-wrapper div[class^=col-] .dc-messages-container, .tools-container div[class^=col-] .dc-messages-container, .som-settings-container div[class^=col-] .dc-messages-container, .admin-container div[class^=col-] .dc-messages-container, .configuration-main-wrapper div[class^=col-] .dc-messages-container,
.software-deployment-wrapper div[class^=col-] .tab-container,
.tools-container div[class^=col-] .tab-container,
.som-settings-container div[class^=col-] .tab-container,
.admin-container div[class^=col-] .tab-container,
.configuration-main-wrapper div[class^=col-] .tab-container,
.software-deployment-wrapper div[class^=col-] .message-banner-container,
.tools-container div[class^=col-] .message-banner-container,
.som-settings-container div[class^=col-] .message-banner-container,
.admin-container div[class^=col-] .message-banner-container,
.configuration-main-wrapper div[class^=col-] .message-banner-container,
.software-deployment-wrapper div[class^=col-] .multi-select,
.tools-container div[class^=col-] .multi-select,
.som-settings-container div[class^=col-] .multi-select,
.admin-container div[class^=col-] .multi-select,
.configuration-main-wrapper div[class^=col-] .multi-select,
.software-deployment-wrapper div[class^=col-] .bread-crumb-container,
.tools-container div[class^=col-] .bread-crumb-container,
.som-settings-container div[class^=col-] .bread-crumb-container,
.admin-container div[class^=col-] .bread-crumb-container,
.configuration-main-wrapper div[class^=col-] .bread-crumb-container,
.software-deployment-wrapper div[class^=col-] .ems-chart-container,
.tools-container div[class^=col-] .ems-chart-container,
.som-settings-container div[class^=col-] .ems-chart-container,
.admin-container div[class^=col-] .ems-chart-container,
.configuration-main-wrapper div[class^=col-] .ems-chart-container,
.software-deployment-wrapper div[class^=col-] .left-pane-navigation-container,
.tools-container div[class^=col-] .left-pane-navigation-container,
.som-settings-container div[class^=col-] .left-pane-navigation-container,
.admin-container div[class^=col-] .left-pane-navigation-container,
.configuration-main-wrapper div[class^=col-] .left-pane-navigation-container,
.software-deployment-wrapper div[class^=col-] .list-view,
.tools-container div[class^=col-] .list-view,
.som-settings-container div[class^=col-] .list-view,
.admin-container div[class^=col-] .list-view,
.configuration-main-wrapper div[class^=col-] .list-view,
.software-deployment-wrapper div[class^=col-] .quick-links-container,
.tools-container div[class^=col-] .quick-links-container,
.som-settings-container div[class^=col-] .quick-links-container,
.admin-container div[class^=col-] .quick-links-container,
.configuration-main-wrapper div[class^=col-] .quick-links-container,
.software-deployment-wrapper div[class^=col-] .tree-view,
.tools-container div[class^=col-] .tree-view,
.som-settings-container div[class^=col-] .tree-view,
.admin-container div[class^=col-] .tree-view,
.configuration-main-wrapper div[class^=col-] .tree-view,
.software-deployment-wrapper div[class^=col-] .wizard-view,
.tools-container div[class^=col-] .wizard-view,
.som-settings-container div[class^=col-] .wizard-view,
.admin-container div[class^=col-] .wizard-view,
.configuration-main-wrapper div[class^=col-] .wizard-view,
.software-deployment-wrapper div[class^=col-] .dc-page-title-container,
.tools-container div[class^=col-] .dc-page-title-container,
.som-settings-container div[class^=col-] .dc-page-title-container,
.admin-container div[class^=col-] .dc-page-title-container,
.configuration-main-wrapper div[class^=col-] .dc-page-title-container,
.software-deployment-wrapper div[class^=col-] .uems-page-title-container,
.tools-container div[class^=col-] .uems-page-title-container,
.som-settings-container div[class^=col-] .uems-page-title-container,
.admin-container div[class^=col-] .uems-page-title-container,
.configuration-main-wrapper div[class^=col-] .uems-page-title-container, .dcc-reset-component-space div[class^=col-] .dc-messages-container,
.dcc-reset-component-space div[class^=col-] .tab-container,
.dcc-reset-component-space div[class^=col-] .message-banner-container,
.dcc-reset-component-space div[class^=col-] .multi-select,
.dcc-reset-component-space div[class^=col-] .bread-crumb-container,
.dcc-reset-component-space div[class^=col-] .ems-chart-container,
.dcc-reset-component-space div[class^=col-] .left-pane-navigation-container,
.dcc-reset-component-space div[class^=col-] .list-view,
.dcc-reset-component-space div[class^=col-] .quick-links-container,
.dcc-reset-component-space div[class^=col-] .tree-view,
.dcc-reset-component-space div[class^=col-] .wizard-view,
.dcc-reset-component-space div[class^=col-] .dc-page-title-container,
.dcc-reset-component-space div[class^=col-] .uems-page-title-container {
  padding: 0;
  margin: 0;
}

.table-view *,
.bread-crumb-container *,
.dc_chart *,
.dc-lite-filter *,
.dc-messages-container *,
.help-card *,
.list-view *,
.lite-tab-view-container *,
.message-banner *,
.model-dialog *,
.zdialog--alert *,
.zdialog *,
.panel-view *,
.popover-list *,
.property-view *,
.quick-links-container *,
.tab-container *,
.scheduler-form *,
.loading *,
.tree-view *,
.wizard-view *,
.zpopover *,
.import-csv-dialog *,
.home-getting-started * {
  box-sizing: border-box;
}

.resource-action__list--popover * {
  box-sizing: content-box !important;
}

.app-container *,
.form-container *,
.left-pane-navigation-container *,
.navigation--wrapper * {
  box-sizing: border-box;
}

.ucs_break-word {
  word-break: break-word;
}
/*
* Flatten nested map by appending the keys
* Since Sass map should be store stored only in key value pair,
* we will use `-thisValue` as property name for setting color value to a child node
* Example:
  border: (
    clr: (
      selected: (
        secondary: #1461cc,
        thisValue: #2b74d9
      )
    )
  )
  Here `#2b74d9` is a value for `border-clr-selected` node
*/
:root {
  --ecs-font-current: "Lato";
  --ecs-font-family: var(--ecs-font-current), "Lato", "Roboto", sans-serif;
}

:root {
  --ucs-namespace: --ecs-;
}

/* Font style variables  */
.dc-advanced-filter input[type].dcaf--tx:hover, .tf--input:hover, .ms--searchbox input[type=text]:hover {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover);
  outline: none !important;
}

.tf--container-wrapper, .tf--container-wrapper__active, .table-wrapper, .toggle--container.toggle-container__box, .dc-advanced-filter input[type].dcaf--tx, .tf--input, .ms--searchbox input[type=text] {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
}

.dc-advanced-filter input[type].dcaf--tx, .tf--input, .ms--searchbox input[type=text] {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
  font: 13px var(--ecs-font-family);
  padding: 3px 25px 4px 10px;
  transition: all 250ms ease-in;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-appearance: none;
}
@-moz-document url-prefix() {
  .dc-advanced-filter input[type].dcaf--tx, .tf--input, .ms--searchbox input[type=text] {
    padding: 8px 18px 8px 10px;
  }
}
.dc-advanced-filter input[type].dcaf--tx::-ms-clear, .tf--input::-ms-clear, .ms--searchbox input[type=text]::-ms-clear, .dc-advanced-filter input[type].dcaf--tx::-ms-reveal, .tf--input::-ms-reveal, .ms--searchbox input[type=text]::-ms-reveal {
  display: none;
}

.color-field--button:focus, .dc-advanced-filter[data-active], .dc-advanced-filter input[type].dcaf--tx:active, .tf--input:active, .ms--searchbox input[type=text]:active, .dc-advanced-filter input[type].dcaf--tx:focus, .tf--input:focus, .ms--searchbox input[type=text]:focus {
  border: 1px solid var(--ecs-container-border-clr-active) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-active) !important;
  outline: none !important;
}

.acc--label .acc--checkmark {
  transition: all 250ms ease-in;
  transition-duration: 100ms;
  position: absolute;
  height: 15px;
  width: 15px;
  left: 0;
  border: 1px solid var(--ecs-input-radio-border-clr);
  background-color: var(--ecs-base-bg-primary);
}
.acc--label .acc--checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.acc--label[disabled] .acc--checkmark {
  background-color: var(--ecs-container-bg-disabled);
  border-color: var(--ecs-container-border-clr-disabled);
  cursor: default;
}

.acc--label[disabled] .acc--label--text {
  color: var(--ecs-base-clr-disabled);
  cursor: default;
}

.fc--group.align--items__block .dc-radio,
.fc--group.align--items__block .dc-checkbox, .form-container .fc--row.radio-check__block .dc-checkbox,
.form-container .fc--row.radio-check__block .dc-radio,
.form-container .fc--group.radio-check__block .dc-checkbox,
.form-container .fc--group.radio-check__block .dc-radio {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.fc--group.align--items__block .dc-radio .radiobox,
.fc--group.align--items__block .dc-checkbox .radiobox, .form-container .fc--row.radio-check__block .dc-checkbox .radiobox,
.form-container .fc--row.radio-check__block .dc-radio .radiobox,
.form-container .fc--group.radio-check__block .dc-checkbox .radiobox,
.form-container .fc--group.radio-check__block .dc-radio .radiobox, .fc--group.align--items__block .dc-radio .checkbox--form,
.fc--group.align--items__block .dc-checkbox .checkbox--form, .form-container .fc--row.radio-check__block .dc-checkbox .checkbox--form,
.form-container .fc--row.radio-check__block .dc-radio .checkbox--form,
.form-container .fc--group.radio-check__block .dc-checkbox .checkbox--form,
.form-container .fc--group.radio-check__block .dc-radio .checkbox--form {
  margin-bottom: 15px !important;
}

.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=textbox],
.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=iwus--input],
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class^=zselectbox],
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class=zinputfield],
.form-container .fc--row .fc--input .fc--field.fc--field__error textarea,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=textbox],
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=iwus--input],
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class^=zselectbox],
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class=zinputfield],
.form-container .fc--group .fc--input .fc--field.fc--field__error textarea, .dc-advanced-filter input[type].dcaf--tx:invalid, .tf--input:invalid, .ms--searchbox input[type=text]:invalid, .dc-advanced-filter input[invalid][type].dcaf--tx, [invalid].tf--input, .ms--searchbox input[invalid][type=text] {
  border-color: var(--ecs-container-border-clr-error) !important;
  border-radius: 4px;
}
.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=textbox]:hover,
.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=iwus--input]:hover,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class^=zselectbox]:hover,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class=zinputfield]:hover,
.form-container .fc--row .fc--input .fc--field.fc--field__error textarea:hover,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=textbox]:hover,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=iwus--input]:hover,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class^=zselectbox]:hover,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class=zinputfield]:hover,
.form-container .fc--group .fc--input .fc--field.fc--field__error textarea:hover, .dc-advanced-filter input[type].dcaf--tx:hover:invalid, .tf--input:hover:invalid, .ms--searchbox input[type=text]:hover:invalid, .dc-advanced-filter input[invalid][type].dcaf--tx:hover, [invalid].tf--input:hover, .ms--searchbox input[invalid][type=text]:hover, .form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=textbox]:active,
.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=iwus--input]:active,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class^=zselectbox]:active,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class=zinputfield]:active,
.form-container .fc--row .fc--input .fc--field.fc--field__error textarea:active,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=textbox]:active,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=iwus--input]:active,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class^=zselectbox]:active,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class=zinputfield]:active,
.form-container .fc--group .fc--input .fc--field.fc--field__error textarea:active, .dc-advanced-filter input[type].dcaf--tx:active:invalid, .tf--input:active:invalid, .ms--searchbox input[type=text]:active:invalid, .dc-advanced-filter input[invalid][type].dcaf--tx:active, [invalid].tf--input:active, .ms--searchbox input[invalid][type=text]:active, .form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=textbox]:focus,
.form-container .fc--row .fc--input .fc--field.fc--field__error input[class^=iwus--input]:focus,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class^=zselectbox]:focus,
.form-container .fc--row .fc--input .fc--field.fc--field__error div[class=zinputfield]:focus,
.form-container .fc--row .fc--input .fc--field.fc--field__error textarea:focus,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=textbox]:focus,
.form-container .fc--group .fc--input .fc--field.fc--field__error input[class^=iwus--input]:focus,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class^=zselectbox]:focus,
.form-container .fc--group .fc--input .fc--field.fc--field__error div[class=zinputfield]:focus,
.form-container .fc--group .fc--input .fc--field.fc--field__error textarea:focus, .dc-advanced-filter input[type].dcaf--tx:focus:invalid, .tf--input:focus:invalid, .ms--searchbox input[type=text]:focus:invalid, .dc-advanced-filter input[invalid][type].dcaf--tx:focus, [invalid].tf--input:focus, .ms--searchbox input[invalid][type=text]:focus {
  outline: none;
  border: 1px solid var(--ecs-container-border-clr-error) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-error);
}

.dc-advanced-filter input[type].dcaf--tx:disabled, .tf--input:disabled, .ms--searchbox input[type=text]:disabled, .dc-advanced-filter input[disabled][type].dcaf--tx, [disabled].tf--input, .ms--searchbox input[disabled][type=text] {
  background-color: var(--ecs-container-bg-disabled) !important;
  cursor: default !important;
  border-color: var(--ecs-container-border-clr-disabled) !important;
  color: var(--ecs-base-clr-disabled) !important;
}
.dc-advanced-filter input[type].dcaf--tx:hover:disabled, .tf--input:hover:disabled, .ms--searchbox input[type=text]:hover:disabled, .dc-advanced-filter input[disabled][type].dcaf--tx:hover, [disabled].tf--input:hover, .ms--searchbox input[disabled][type=text]:hover, .dc-advanced-filter input[type].dcaf--tx:focus:disabled, .tf--input:focus:disabled, .ms--searchbox input[type=text]:focus:disabled, .dc-advanced-filter input[disabled][type].dcaf--tx:focus, [disabled].tf--input:focus, .ms--searchbox input[disabled][type=text]:focus, .dc-advanced-filter input[type].dcaf--tx:active:disabled, .tf--input:active:disabled, .ms--searchbox input[type=text]:active:disabled, .dc-advanced-filter input[disabled][type].dcaf--tx:active, [disabled].tf--input:active, .ms--searchbox input[disabled][type=text]:active {
  outline: none;
  border: 1px solid var(--ecs-container-border-clr-disabled) !important;
  box-shadow: none !important;
}

.form-container .fc--row[required] .fc--label label:after,
.form-container .fc--group[required] .fc--label label:after {
  color: red;
  content: "*";
}

.dc-advanced-filter input[type].dcaf--tx, .tf--input, .ms--searchbox input[type=text] {
  width: 300px;
  height: 35px;
}

.ms--result-overlay .ms--results .ms--item-container .ms--items, .ms--header, .ms--header-staged, .radio-table:not([data-noscroll]) .rt--header, .dc-advanced-filter input[type].dcaf--tx:disabled, .tf--input:disabled, .ms--searchbox input[type=text]:disabled, .dc-advanced-filter input[disabled][type].dcaf--tx, [disabled].tf--input, .ms--searchbox input[disabled][type=text] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.helpdoc--div .helpdoc .hd--faq ul li a, .helpdoc--helpnote .helpdoc .hd--faq ul li a, .form-container .fc--section__checkbox .fc--section--header .checkbox--form .label--text, .form-container .fc--row .fc--input .fc--field .fc--suffix a,
.form-container .fc--group .fc--input .fc--field .fc--suffix a, .form--header .fch--right a, .form-container .fc--header .fch--right a, .fu--files .fuf--file-name.fuf--download:hover {
  color: var(--ecs-base-clr-active);
  text-decoration: none !important;
  cursor: pointer;
}
.helpdoc--div .helpdoc .hd--faq ul li a:hover, .helpdoc--helpnote .helpdoc .hd--faq ul li a:hover, .form-container .fc--section__checkbox .fc--section--header .checkbox--form .label--text:hover, .form-container .fc--row .fc--input .fc--field .fc--suffix a:hover,
.form-container .fc--group .fc--input .fc--field .fc--suffix a:hover, .form--header .fch--right a:hover, .form-container .fc--header .fch--right a:hover, .fu--files .fuf--file-name.fuf--download:hover {
  text-decoration: none !important;
}

.dc-advanced-filter input[type].dcaf--tx ::-webkit-input-placeholder, .tf--input ::-webkit-input-placeholder, .ms--searchbox input[type=text] ::-webkit-input-placeholder, .dc-advanced-filter input[type].dcaf--tx :-moz-placeholder, .tf--input :-moz-placeholder, .ms--searchbox input[type=text] :-moz-placeholder, .dc-advanced-filter input[type].dcaf--tx ::-moz-placeholder, .tf--input ::-moz-placeholder, .ms--searchbox input[type=text] ::-moz-placeholder, .dc-advanced-filter input[type].dcaf--tx :-ms-input-placeholder, .tf--input :-ms-input-placeholder, .ms--searchbox input[type=text] :-ms-input-placeholder, .dc-advanced-filter input[type].dcaf--tx ::-ms-input-placeholder, .tf--input ::-ms-input-placeholder, .ms--searchbox input[type=text] ::-ms-input-placeholder, .dc-advanced-filter input[type].dcaf--tx ::placeholder, .tf--input ::placeholder, .ms--searchbox input[type=text] ::placeholder {
  color: var(--ecs-base-clr-tertiary) !important;
}

.tfs--text, .tft--text, .ms--result-overlay .ms--results .ms--item-container .ms--items .ms--items--label, .ms--header .msh--sort, .ms--header-staged .msh--sort, .ms--header .msh--label, .ms--header-staged .msh--label, .textbox--unit:not(.phone-field) .zselectbox__selected * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.acc--label .acc--disabled-text {
  font: 13px var(--ecs-font-family);
  color: var(--ecs-base-clr-tertiary);
}

.form-container .fc--row .fc--input,
.form-container .fc--group .fc--input, .form-container .fc--row .fc--label,
.form-container .fc--group .fc--label {
  align-items: center;
}

.form-container .fc--row .fc--label .fc--label-input,
.form-container .fc--group .fc--label .fc--label-input {
  justify-content: flex-end;
}

.multi-select__double-pane .pane,
.multi-select__double-pane .rs--pane, .radio-table__partitioned .rt--body,
.radio-table__partitioned .rt--header,
.radio-table__partitioned .rt--header__left, .radio-table .radio-table__right .helpdoc--div, .radio-table .radio-table__right .helpdoc--helpnote, .radio-table.radio-table--section, .radio-table .rt--header,
.radio-table .rt--body-row, .fc__sub, .form-container .fc--row .dc-checkbox,
.form-container .fc--group .dc-checkbox, .file-upload .fuc--button, .tw--header-container, .toggle--container.toggle-container__box .tc--switch, .ms--header-staged, .form-container .fc--section__checkbox .fc--section--header, .form--header, .form-container .fc--header, .af--token, .dc-advanced-filter .ms--item-container .checkbox--form,
.multiselect__full .ms--results .ms--item-container .checkbox--form, .multiselect__full .ms--header .msh--sort, .multiselect__full .ms--header-staged .msh--sort {
  display: flex !important;
  flex-flow: row wrap;
}

.tf--container, .ms--item-container[data-drag-item] .ms--items, .fc--button, .multiselect__full .ms--header, .multiselect__full .ms--header-staged, .form-container .fc--row .fc--input,
.form-container .fc--group .fc--input, .form-container .fc--row .fc--label,
.form-container .fc--group .fc--label, .form-container .fc--row .fc--label .fc--label-input,
.form-container .fc--group .fc--label .fc--label-input {
  display: inline-flex !important;
  flex-flow: row wrap;
}

.af--token, .dc-advanced-filter .ms--item-container .checkbox--form,
.multiselect__full .ms--results .ms--item-container .checkbox--form, .multiselect__full .ms--header .msh--sort, .multiselect__full .ms--header-staged .msh--sort {
  align-items: center;
}

.multiselect__full .ms--header, .multiselect__full .ms--header-staged {
  align-items: center;
}

.file-upload .fuc--button, .tw--header-container, .toggle--container.toggle-container__box .tc--switch, .ms--header-staged, .form-container .fc--section__checkbox .fc--section--header, .form--header, .form-container .fc--header {
  padding: 0 5px;
}

.ms--header-staged, .form-container .fc--section__checkbox .fc--section--header, .form--header, .form-container .fc--header {
  padding: 0;
  align-items: center;
}

.ms--header-staged, .form-container .fc--section__checkbox .fc--section--header, .form--header, .form-container .fc--header {
  justify-content: space-between;
}

.dcaf-dd__open, .resizable-view .ms--result-overlay .ms--results,
.resizable-view .ms--result-overlay .ms--list-container, .multi-select__double-pane .rs--pane--body, .table-wrapper, .radio-table:not([data-noscroll]), .form-container .fc--submit .fc-submit-msg-container,
.form-container .fc-submit .fc-submit-msg-container {
  display: flex;
  flex-flow: column wrap;
}

.fu--files .tooltip--error, .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content {
  flex-wrap: wrap;
}

.occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content {
  display: flex;
}

.fu--files .tooltip--error {
  display: inline-flex;
}

.fu--files .tooltip--error {
  align-items: center;
}

.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form .label--text {
  position: absolute;
}

.tw--header-container, .toggle--container.toggle-container__box .tc--switch {
  min-height: 35px;
  padding: 5px 15px;
  align-items: center;
  justify-content: space-between;
  font: 15px var(--ecs-font-family);
}

.radio-table:not([data-noscroll]) .rt--header, .form--header, .form-container .fc--header,
.form--sub-header, .tw--header-container, .toggle--container.toggle-container__box .tc--switch {
  background-image: linear-gradient(to bottom, var(--ecs-container-bg-primary) 95%, var(--ecs-base-bg-primary));
}

.fc--sub__left .fc--header-sub .fc--header, .form-container .fc--sub .fc--sub__left .fc--header-sub .fc--header {
  background-image: linear-gradient(to right, var(--ecs-container-border-clr) 35%, var(--ecs-base-bg-primary) 75%);
}

.dcaf--list, .tf--suggestions > ul, .tf--suggestions, .tf--container-wrapper__active, .tf--container, .zdropdownlist__body.zh-scroll_y, .multi-select__double-pane .rs--pane--body, .multiselect__full .ms--result-overlay .ms--results .ms--list-renderer > div, .ms--result-overlay .ms--results, .table-wrapper.tw--scroll .tw--body, .radio-table:not([data-noscroll]) .rt--body {
  overflow-y: auto;
  overflow-y: overlay;
  /* Track */
  /* Handle */
}
@-moz-document url-prefix() {
  .dcaf--list, .tf--suggestions > ul, .tf--suggestions, .tf--container-wrapper__active, .tf--container, .zdropdownlist__body.zh-scroll_y, .multi-select__double-pane .rs--pane--body, .multiselect__full .ms--result-overlay .ms--results .ms--list-renderer > div, .ms--result-overlay .ms--results, .table-wrapper.tw--scroll .tw--body, .radio-table:not([data-noscroll]) .rt--body {
    scrollbar-width: thin;
  }
}
.dcaf--list::-webkit-scrollbar, .tf--suggestions > ul::-webkit-scrollbar, .tf--suggestions::-webkit-scrollbar, .tf--container-wrapper__active::-webkit-scrollbar, .tf--container::-webkit-scrollbar, .zdropdownlist__body.zh-scroll_y::-webkit-scrollbar, .multi-select__double-pane .rs--pane--body::-webkit-scrollbar, .multiselect__full .ms--result-overlay .ms--results .ms--list-renderer > div::-webkit-scrollbar, .ms--result-overlay .ms--results::-webkit-scrollbar, .table-wrapper.tw--scroll .tw--body::-webkit-scrollbar, .radio-table:not([data-noscroll]) .rt--body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dcaf--list::-webkit-scrollbar-track, .tf--suggestions > ul::-webkit-scrollbar-track, .tf--suggestions::-webkit-scrollbar-track, .tf--container-wrapper__active::-webkit-scrollbar-track, .tf--container::-webkit-scrollbar-track, .zdropdownlist__body.zh-scroll_y::-webkit-scrollbar-track, .multi-select__double-pane .rs--pane--body::-webkit-scrollbar-track, .multiselect__full .ms--result-overlay .ms--results .ms--list-renderer > div::-webkit-scrollbar-track, .ms--result-overlay .ms--results::-webkit-scrollbar-track, .table-wrapper.tw--scroll .tw--body::-webkit-scrollbar-track, .radio-table:not([data-noscroll]) .rt--body::-webkit-scrollbar-track {
  visibility: hidden;
}
.dcaf--list::-webkit-scrollbar-thumb, .tf--suggestions > ul::-webkit-scrollbar-thumb, .tf--suggestions::-webkit-scrollbar-thumb, .tf--container-wrapper__active::-webkit-scrollbar-thumb, .tf--container::-webkit-scrollbar-thumb, .zdropdownlist__body.zh-scroll_y::-webkit-scrollbar-thumb, .multi-select__double-pane .rs--pane--body::-webkit-scrollbar-thumb, .multiselect__full .ms--result-overlay .ms--results .ms--list-renderer > div::-webkit-scrollbar-thumb, .ms--result-overlay .ms--results::-webkit-scrollbar-thumb, .table-wrapper.tw--scroll .tw--body::-webkit-scrollbar-thumb, .radio-table:not([data-noscroll]) .rt--body::-webkit-scrollbar-thumb {
  background: var(--ecs-scrollbar-bg);
  border-radius: 10px;
}

/*
* @mixin dc-checkbox__toggle-switch - a mixin to change dc-checkbox into toggle switch style
* @params $size - size of the toggle switch, $isLeft - to position switch on left side
*/
/*common*/
.file-upload-deprecated .fu--form .fu--container .fuc--button {
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  padding: 3px 8px 3px 22px;
  height: auto;
  width: auto;
  font: 13px var(--ecs-font-family);
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  border-radius: 3px !important;
  transition: all 250ms ease-in;
  outline: none;
}
.file-upload-deprecated .fu--form .fu--container .fuc--button:hover {
  cursor: pointer;
}
.file-upload-deprecated .fu--form .fu--container .fuc--button:disabled, .file-upload-deprecated .fu--form .fu--container [disabled].fuc--button {
  /*same applies to all buttons*/
}

/*separate placeholder for separate class of disabled buttons*/
.file-upload-deprecated .fu--form .fu--container .fuc--button:disabled, .file-upload-deprecated .fu--form .fu--container [disabled].fuc--button {
  cursor: not-allowed !important;
  background-color: var(--ecs-btn-bg-disabled) !important;
  color: var(--ecs-base-clr-disabled) !important;
  border: 1px solid var(--ecs-btn-border-clr);
}
.file-upload-deprecated .fu--form .fu--container .fuc--button:hover:disabled, .file-upload-deprecated .fu--form .fu--container [disabled].fuc--button:hover {
  background-color: var(--ecs-btn-bg-disabled) !important;
}

.zmenu--selectmenu .zdropdownlist__item.is-selected .zdropdownlist__checkedicon svg {
  fill: var(--ecs-base-clr-active);
}
.zmenu--selectmenu .zdropdownlist__item.is-selected .zdropdownlist__text {
  color: var(--ecs-base-clr-active);
}

.zdropdownlist__itemgroup {
  padding-top: 8px;
}

.zdropdownlist:not(.zmenu--selectmenu) {
  resize: horizontal;
  overflow: auto;
  min-width: 300px;
}

/**
* textbox--form
* textbox--number
* textbox--filter
* textbox--unit (single and multi units)
* dc-password
*/
.textbox--unit:not(.phone-field) .dc-select .zselectbox {
  height: 35px;
  box-shadow: none;
  top: 0;
  right: 0;
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 0 3px 3px 0 !important;
  transition-property: border, background-color;
  background-color: var(--ecs-container-bg-secondary);
}
.textbox--unit:not(.phone-field) .dc-select .zselectbox:hover {
  background-color: var(--ecs-container-bg-hover);
}
.textbox--unit:not(.phone-field) .dc-select .zselectbox.is-active {
  border-radius: 0 3px 0 0 !important;
}
.textbox--unit:not(.phone-field) .zselectbox__selected {
  font-size: 13px;
  line-height: 13px;
}
.textbox--unit:not(.phone-field) input[type=number] ~ .dc-select .textbox--unit--title {
  max-width: 90px;
}
.textbox--unit:not(.phone-field) input:focus ~ .dc-select .textbox--unit--title {
  border-color: var(--ecs-container-border-clr-active);
}

.zc-svg-bucket-icon {
  width: 12px !important;
  fill: var(--ecs-base-clr-primary) !important;
  stroke: var(--ecs-base-clr-primary) !important;
  stroke-width: 0.4px;
  padding: 0 !important;
}

.selectbox--unit--title-container {
  background-color: var(--ecs-base-bg-primary) !important;
}

.textbox--unit__left:not(.phone-field) .dc-select .zselectbox {
  left: 0;
  top: 0;
  box-shadow: none;
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px 0 0 3px !important;
  transition-property: border, background-color;
}
.textbox--unit__left:not(.phone-field) .dc-select .zselectbox:hover {
  background-color: var(--ecs-container-bg-hover);
}
.textbox--unit__left:not(.phone-field) .dc-select .zselectbox.is-active {
  border-radius: 3px 0 0 !important;
}
.textbox--unit__left:not(.phone-field) input:focus ~ .dc-select .textbox--unit--title {
  border-color: var(--ecs-container-border-clr-active);
}

.tu--full-width-menu {
  margin-left: -200px;
}

.textbox__clear {
  display: flex;
  align-items: center;
}
.textbox__clear:hover {
  visibility: visible;
}

.dc-textbox-password[data-suppressed] input:not([data-reveal]):not(:placeholder-shown) {
  -webkit-text-security: disc;
  text-security: disc;
}

.file-upload * {
  transition: all 250ms ease-in;
  font: 13px var(--ecs-font-family);
}
.file-upload:hover .fu--form:not([data-disabled]) {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.file-upload.fu--active .fu--form {
  outline: none;
  position: relative;
}
.file-upload.fu--active .fu--form input[type=file] {
  height: 100%;
}
.file-upload.fu--active .fu--form::before {
  content: attr(data-placeholder);
  width: 100%;
  height: 100%;
  background-color: var(--ecs-container-bg-primary);
  color: var(--ecs-base-clr-disabled);
  font: 13px var(--ecs-font-family);
  font-size: 16px;
  font-weight: bold;
  z-index: 1;
  pointer-events: none;
  border-radius: 6px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}
.file-upload.fu--active .fu--form .fu--list__wrapper {
  pointer-events: none;
}
.file-upload.fu--active .fu--form:not(.fu--mega)::before {
  border: 1px dashed var(--ecs-container-border-clr);
}
.file-upload.fu--active .fu--form:not(.fu--mega) .fu--container {
  border-radius: 6px;
}
.file-upload .fu--form {
  position: relative;
  padding: 0;
  display: inline-flex;
  flex-flow: column wrap;
  width: 400px;
  min-height: 35px;
  border-radius: 3px;
}
.file-upload .fu--form:hover:not([data-disabled]) .fu--container {
  border-color: var(--ecs-btn-border-clr-hover);
}
.file-upload .fu--form:focus {
  border-color: var(--ecs-container-border-clr-active) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-active) !important;
  outline: none;
}
.file-upload .fu--form:focus, .file-upload .fu--form:active {
  outline: none;
}
.file-upload .fu--form:focus .fu--container,
.file-upload .fu--form:focus .fuc--button, .file-upload .fu--form:active .fu--container,
.file-upload .fu--form:active .fuc--button {
  border-color: var(--ecs-container-border-clr-active) !important;
}
.file-upload .fu--form.fu--error .fu--container,
.file-upload .fu--form.fu--error .fuc--button {
  border-color: var(--ecs-container-border-clr-error) !important;
}
.file-upload .fu--form input[type=file] {
  opacity: 0;
  pointer-events: all;
  left: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
  width: 100%;
  min-height: 35px;
}
.file-upload .fu--form input[type=file]:disabled {
  cursor: default;
}
.file-upload .fu--form .fu--container,
.file-upload .fu--form .fu--list__wrapper {
  max-width: 100%;
}
.file-upload .fu--form .fu--container {
  position: relative;
  background: transparent;
  cursor: pointer;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
  height: 35px;
  transition: 0.25s height linear;
}
.file-upload .fu--form .fu--container .fuc--text {
  max-width: calc(100% - 100px);
  font: 13px var(--ecs-font-family);
  padding: 0 10px 0 15px;
  flex-grow: 1;
  border-color: transparent !important;
  height: 100%;
  background: var(--ecs-container-bg-primary);
  border-radius: 3px;
  align-items: center;
  width: 100%;
}
.file-upload .fu--form .fu--container .fuc--text .fu--loading {
  display: inline-flex;
  align-items: center;
  pointer-events: all;
}
.file-upload .fu--form .fu--container .fuc--text .fu--loading .zprogress__loader {
  fill: transparent;
}
.file-upload .fu--form .fu--container .fuc--title {
  line-height: 13px;
}
.file-upload .fu--form .fu--container .fuf--icon {
  opacity: 1 !important;
  pointer-events: all;
}
.file-upload .fu--form .fu--container.fu--ondrag__active {
  height: 90px;
}
.file-upload .fu--form .fu--container.fu--ondrag__active .fuc--text,
.file-upload .fu--form .fu--container.fu--ondrag__active .fuc--button {
  height: 88px;
}
.file-upload .fu--form:not(.fu--mega) .fu--container[data-uploaded="0"] .fuc--text {
  justify-content: flex-start;
}
.file-upload .fu--form:not(.fu--mega) .fu--container:not([data-uploaded="0"]) .fuc--text {
  justify-content: space-around;
}
.file-upload .fu--form:not(.fu--mega) .fu--container .fu--loading:not(:empty) {
  min-width: 20px;
}
.file-upload .fu--form input:not([multiple]) ~ .fu--container .fuc--title {
  max-width: 75%;
  flex-grow: 0;
}
.file-upload .fu--form input[multiple] ~ .fu--container:not([data-uploaded="0"]) {
  border-radius: 3px 3px 0 0;
}
.file-upload .fuc--button {
  height: 100%;
  min-width: 100px;
  text-align: center;
  border-left: 1px solid var(--ecs-container-border-clr);
  justify-content: center;
  align-items: center;
}
.file-upload .fuc--button .fuc--button__icon {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

/* ---------------------------- Mega Placeholder ---------------------------- */
.fu--form.fu--mega {
  max-width: 500px;
  width: 100%;
  border: 1px dashed var(--ecs-container-border-clr);
  border-radius: 6px;
  min-height: 80px;
  justify-content: center;
}
.fu--form.fu--mega .fu--container {
  height: auto;
  padding: 5px;
  border: none;
  justify-content: center;
  flex-direction: column;
}
.fu--form.fu--mega .fu--container .fu--status-text {
  position: absolute;
}
.fu--form.fu--mega .fu--container .fuc--text {
  min-height: 35px;
  position: relative;
  width: auto;
  background-color: transparent;
}
.fu--form.fu--mega .fu--container .fuc--text .fuc--title {
  padding: 0 10px;
}
.fu--form.fu--mega .fu--container .fuc--text::before {
  content: "";
  position: absolute;
  background: var(--ecs-container-border-clr);
  height: 1px;
  width: 120%;
  left: -10%;
  bottom: 0;
}
.fu--form.fu--mega input {
  height: 100%;
}
.fu--form.fu--mega input:not([multiple]) ~ .fu--container:not([data-uploaded="0"]) {
  background: var(--ecs-container-bg-primary);
  border-radius: 6px;
}
.fu--form.fu--mega input:not([multiple]) ~ .fu--container:not([data-uploaded="0"]) .fuc--text {
  background: transparent;
}
.fu--form.fu--mega input:not([multiple]) ~ .fu--container .fuc--text {
  flex-wrap: nowrap;
}
.fu--form.fu--mega input:not([multiple]) ~ .fu--container .fuc--title {
  max-width: 100%;
}
.fu--form.fu--mega input:not([multiple]) ~ .fu--container .fuc--text:not([data-id]) {
  display: none !important;
}
.fu--form.fu--mega input[multiple] ~ .fu--container:not([data-uploaded="0"]) {
  min-height: 80px;
}
.fu--form.fu--mega input[multiple] ~ .fu--container .fuc--text {
  display: none !important;
}
.fu--form.fu--mega input[multiple] ~ .fu--list__wrapper {
  border: none;
  border-top: 1px dashed var(--ecs-container-border-clr);
}

/* ------------------------------ Multiple List ----------------------------- */
.fu--list__wrapper {
  flex-flow: column wrap;
  border: 1px solid var(--ecs-input-border-clr);
  border-top: none;
  border-radius: 0 0 6px 6px;
  animation: show-animation 0.25s linear;
}
.fu--list__wrapper .fu--list {
  max-height: 275px;
  position: relative;
  padding: 5px 0;
}
.fu--list__wrapper .fu--list.fu--list__open {
  max-height: 140px;
}

/* ----------------------------- Individual File ---------------------------- */
.fu--files {
  padding: 5px 15px;
  height: 35px;
  outline: none;
}
.fu--files .tooltip--error {
  padding: 0;
  margin: 0 3px 0 2px;
}
.fu--files .tooltip--error .error--icon {
  flex-shrink: 0;
}
.fu--files .fuf__right {
  margin-left: auto;
}
.fu--files .fuf--icon.fuf--cancel,
.fu--files .fuf--icon.fuf--retry {
  opacity: 0;
}
.fu--files:hover {
  background-color: var(--ecs-container-bg-tertiary);
}
.fu--files:hover .fuf--icon.fuf--cancel,
.fu--files:hover .fuf--icon.fuf--retry {
  opacity: 1;
}
.fu--files .fu--loading {
  margin-left: auto;
  transform: rotate(-90deg);
}
.fu--files .fu--loading .circle__load,
.fu--files .fu--loading .circle__track {
  fill: transparent;
}
.fu--files .fuf--file-name {
  padding-right: 5px;
}
.fu--files .fuf--file-name.fuf--download:hover {
  cursor: pointer;
}
.fu--files .error--icon {
  width: 13px !important;
  height: 13px !important;
  font-size: 12px;
  line-height: 12px;
  pointer-events: none;
  margin-right: 5px;
}

/* ---------------------- Individual File Status Icons ---------------------- */
.fuf--icon {
  min-width: 15px;
  height: 15px;
}

/* ---------------------------- Mega Placeholder ---------------------------- */
.fuc--subtitle {
  text-align: center;
}

.fuc--mega-button {
  margin: 0 3px;
  pointer-events: none;
}

.fu--form input:not([multiple]) ~ .fu--container:not([data-uploaded="0"]) .fuc--mega-button {
  background-color: var(--ecs-base-clr-primary-surface);
}

/* --------------------------------- MenuBar -------------------------------- */
.fu--menubar {
  min-height: 30px;
  border-radius: 0 0 6px 6px;
  z-index: 0;
}
.fu--menubar * {
  font: 12px var(--ecs-font-family);
}
.fu--menubar .fu--splitter {
  height: 15px;
  width: 1px;
  margin: 0 8px;
  background: var(--ecs-dark-bg-secondary);
}
.fu--menubar .fu__right {
  cursor: pointer;
  opacity: 0.54;
}

.fu--container[data-uploaded="1"] ~ .fu--list__wrapper .fu__right, .fu--container[data-uploaded="2"] ~ .fu--list__wrapper .fu__right, .fu--container[data-uploaded="3"] ~ .fu--list__wrapper .fu__right {
  opacity: 0;
}

.error-popover-animation {
  animation: show-animation 0.45s ease-in-out 1;
}

/* -------------------------------- Disabled -------------------------------- */
.fu--form[data-disabled] {
  background-color: var(--ecs-container-bg-disabled);
}

/* ------------------------ Status Text for Scanning ------------------------ */
.fu--status-text {
  float: right;
  left: 100%;
  margin: 0 10px;
  white-space: nowrap;
}

[data-ext]::before {
  float: right;
  content: attr(data-ext);
}

/* ----------------------------- Old File Upload ---------------------------- */
.file-upload-deprecated .fu--form {
  position: relative;
  padding: 0;
  display: inline-block;
  border: 1px solid transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23DCDDE3' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
  border-radius: 6px;
  background-repeat: no-repeat;
}
.file-upload-deprecated .fu--form[data-disabled] {
  opacity: 0.84;
}
.file-upload-deprecated .fu--form:not([data-disabled]):hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23b0b0b0' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
  outline: none;
}
.file-upload-deprecated .fu--form:not([data-disabled]):focus {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%233478F6' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
  outline: none;
}
.file-upload-deprecated .fu--form input[type=file] {
  opacity: 0;
  pointer-events: all;
  left: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
  width: 300px;
  height: 100%;
}
.file-upload-deprecated .fu--form .fu--container {
  width: 300px;
  height: 35px;
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
}
.file-upload-deprecated .fu--form .fu--container .fuc--text {
  font: 13px var(--ecs-font-family) !important;
  pointer-events: none;
  padding: 0 10px;
}
.file-upload-deprecated .fu--form .fu--container .fuc--button {
  background-color: var(--ecs-dark-bg-tertiary);
  color: var(--ecs-base-clr-primary-surface);
  line-height: 1.3 !important;
  height: 20px !important;
  pointer-events: none;
  padding: 0 6px !important;
  border: none !important;
}
.file-upload-deprecated .fu--form .fu--container .fuc--text__option {
  pointer-events: none;
  font: 13px var(--ecs-font-family) !important;
  left: 120px;
}
.file-upload-deprecated .fu--file {
  display: inline-flex;
  align-items: center;
}
.file-upload-deprecated .fu--file a {
  color: var(--ecs-base-clr-active);
}
.file-upload-deprecated .fu--error {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23d91616' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
}
.file-upload-deprecated .fu--active {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%233478F6' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
}
.file-upload-deprecated .fuf--clear {
  margin: 0 2px;
}

[data-error] .file-upload-deprecated .fu--form {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23d91616' stroke-width='3' stroke-dasharray='9%2c 10' stroke-dashoffset='7' stroke-linecap='square'/%3e%3c/svg%3e") !important;
}

.fuc--file--text {
  pointer-events: auto;
  padding: 1px 4px;
  background-color: var(--ecs-container-bg-tertiary);
  max-width: 105px;
  border-radius: 3px;
  margin: 0 10px;
  font: 13px var(--ecs-font-family) !important;
}

form fieldset label {
  clear: unset;
  float: unset;
  margin-bottom: unset;
  padding-right: unset;
  padding-top: unset;
  text-align: unset;
}

.form-container .fc--section__checkbox {
  width: calc(100% - 60px);
  margin: 0 auto;
}

.button-progress--icon, [data-progress] .button-progress--icon,
.data-progress .button-progress--icon {
  display: inline-block;
  margin-right: 0;
  position: relative;
  transition: all 0.25s ease-in;
}
.button-progress--icon, [data-progress] .button-progress--icon,
.data-progress .button-progress--icon, .button-progress--icon::before, [data-progress] .button-progress--icon::before,
.data-progress .button-progress--icon::before {
  width: 0;
  height: 0;
}
.button-progress--icon::before, [data-progress] .button-progress--icon::before,
.data-progress .button-progress--icon::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: solid 0 var(--ecs-border-white);
  border-left-color: transparent;
  left: 0;
  top: -1px;
  animation: submit-btn-loading 0.75s linear infinite;
}

[data-progress] .button-progress--icon,
.data-progress .button-progress--icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
[data-progress] .button-progress--icon::before,
.data-progress .button-progress--icon::before {
  width: 100%;
  height: 100%;
  border-width: 0.15em;
}

.form-container .fc--log p, .form-container .fc--submit p,
.form-container .fc-submit p {
  font: 13px var(--ecs-font-family);
  margin: 0 0 14px;
}

/**
* $font-sub-header -> determines form header basic styles
*/
.form--header, .form-container .fc--header,
.form--sub-header {
  padding: 5px 10px;
  text-align: left;
  margin-top: 0.1px;
}
.form--header *, .form-container .fc--header *,
.form--sub-header * {
  user-select: none;
}
.form--header .anchor-text__imp, .form-container .fc--header .anchor-text__imp,
.form--sub-header .anchor-text__imp {
  font: 13px var(--ecs-font-family);
}

.form--header, .form-container .fc--header {
  font: 14px var(--ecs-font-family);
}
.form--header .fch--label .fch-help, .form-container .fc--header .fch--label .fch-help {
  color: var(--ecs-base-clr-tertiary);
}
.form--header .fch--label .fc-label--suffix, .form-container .fc--header .fch--label .fc-label--suffix {
  color: var(--ecs-base-clr-tertiary);
  padding-left: 5px;
}
.form--header .fch--label .fch-help, .form-container .fc--header .fch--label .fch-help,
.form--header .fch--label .fc-label--suffix,
.form-container .fc--header .fch--label .fc-label--suffix {
  display: inline;
}
.form--header .fch--right, .form-container .fc--header .fch--right {
  padding-right: 20px;
}
.form--header .fch--right a, .form-container .fc--header .fch--right a {
  font-weight: 400 !important;
}
.form--header .fch--right, .form-container .fc--header .fch--right,
.form--header .fc-label--suffix,
.form-container .fc--header .fc-label--suffix,
.form--header .fch-help,
.form-container .fc--header .fch-help {
  font: 13px var(--ecs-font-family);
}

.form--sub-header {
  font: 15px var(--ecs-font-family);
}

.form-container {
  border: 1px solid var(--ecs-container-border-clr);
  width: 100%;
  margin: 0;
  padding: 0 30px;
  box-sizing: border-box;
}
.form-container > .fc--row:first-child, .form-container > .fc--row-container:first-child {
  padding-top: 30px;
}
.form-container .fc--legend {
  background: var(--ecs-base-bg-primary);
  padding: 6px;
  margin-top: -16px;
  width: 100%;
}
.form-container .fc--header {
  margin: 0 -30px 20px -30px;
}
.form-container .fc--section__border .fc--row,
.form-container .fc--section__border .fc--group {
  border-bottom: 1px dashed var(--ecs-container-border-clr-secondary);
}
.form-container .fc--section__border .fc--row:last-child,
.form-container .fc--section__border .fc--group:last-child {
  border-bottom: none;
}
.form-container .fc--row-container {
  padding: 20px 0 0 30px;
}
.form-container .fc--row,
.form-container .fc--group {
  display: inline-block;
  padding: 10px 0;
  width: 100% !important;
  text-align: unset !important;
}
.form-container .fc--row label,
.form-container .fc--group label {
  width: auto !important;
}
.form-container .fc--row .fc--label,
.form-container .fc--group .fc--label {
  min-height: 35px;
  font: 13px var(--ecs-font-family);
}
.form-container .fc--row .fc--label .fc--label-input,
.form-container .fc--group .fc--label .fc--label-input {
  width: 100%;
}
.form-container .fc--row .fc--label .fc--label-input *,
.form-container .fc--group .fc--label .fc--label-input * {
  max-width: 100px;
}
.form-container .fc--row .fc--input,
.form-container .fc--group .fc--input {
  float: right;
}
.form-container .fc--row .fc--input .fc--field,
.form-container .fc--group .fc--input .fc--field {
  padding-left: 10px;
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  padding-right: 10px;
}
.form-container .fc--row .fc--input .fc--field .fc--input-with-prefix,
.form-container .fc--row .fc--input .fc--field .fc--prefix ~ .dc-date-field .zinputfield,
.form-container .fc--group .fc--input .fc--field .fc--input-with-prefix,
.form-container .fc--group .fc--input .fc--field .fc--prefix ~ .dc-date-field .zinputfield {
  width: 200px !important;
}
.form-container .fc--row .fc--input .fc--field .dc-checkbox .select__unit--number,
.form-container .fc--group .fc--input .fc--field .dc-checkbox .select__unit--number {
  margin-left: 10px;
}
.form-container .fc--row .fc--input .fc--field .fc--prefix,
.form-container .fc--group .fc--input .fc--field .fc--prefix {
  padding-right: 10px;
  line-height: 30px;
  vertical-align: top;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix,
.form-container .fc--group .fc--input .fc--field .fc--suffix {
  padding-left: 5px;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix .helpcard--form,
.form-container .fc--group .fc--input .fc--field .fc--suffix .helpcard--form {
  margin-right: 25px;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix .dc--dialog-loader, .form-container .fc--row .fc--input .fc--field .fc--suffix .ms--loading,
.form-container .fc--group .fc--input .fc--field .fc--suffix .dc--dialog-loader,
.form-container .fc--group .fc--input .fc--field .fc--suffix .ms--loading {
  min-height: 30px;
  height: 30px;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix .dc--dialog-loader .spinner, .form-container .fc--row .fc--input .fc--field .fc--suffix .ms--loading .spinner,
.form-container .fc--group .fc--input .fc--field .fc--suffix .dc--dialog-loader .spinner,
.form-container .fc--group .fc--input .fc--field .fc--suffix .ms--loading .spinner {
  margin-top: 5px;
  text-align: left;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix .dc--dialog-loader .spinner div[class^=bounce], .form-container .fc--row .fc--input .fc--field .fc--suffix .ms--loading .spinner div[class^=bounce],
.form-container .fc--group .fc--input .fc--field .fc--suffix .dc--dialog-loader .spinner div[class^=bounce],
.form-container .fc--group .fc--input .fc--field .fc--suffix .ms--loading .spinner div[class^=bounce] {
  width: 10px;
  height: 10px;
  margin-right: 2px;
}
.form-container .fc--row .fc--input .fc--field .input--footer,
.form-container .fc--group .fc--input .fc--field .input--footer {
  display: block;
  width: 100%;
}
.form-container .fc--row .fc--input .fc--field > div,
.form-container .fc--group .fc--input .fc--field > div {
  display: inline-flex;
}
.form-container .fc--row .fc--input .fc--field .dc-daterange-field,
.form-container .fc--group .fc--input .fc--field .dc-daterange-field {
  width: 300px;
  height: 35px;
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
  .form-container .fc--row .fc--input .fc--field .dc-daterange-field,
  .form-container .fc--group .fc--input .fc--field .dc-daterange-field {
    line-height: 28px !important;
  }
}
.form-container .fc--row .fc--input .fc--field.fc--text-only,
.form-container .fc--group .fc--input .fc--field.fc--text-only {
  align-self: stretch;
  padding: 0;
}
.form-container .fc--row .fc--input .fci__checkboxes,
.form-container .fc--row .fc--group .fc--input .fci__checkboxes,
.form-container .fc--group .fc--row .fc--input .fci__checkboxes, .form-container .fc--row .fc--input .fci__block,
.form-container .fc--row .fc--group .fc--input .fci__block,
.form-container .fc--group .fc--row .fc--input .fci__block,
.form-container .fc--group .fc--input .fci__checkboxes,
.form-container .fc--group .fc--input .fci__block {
  width: 100%;
}
.form-container .fc--row .fc--input .fci__checkboxes .fc--field, .form-container .fc--row .fc--input .fci__block .fc--field,
.form-container .fc--group .fc--input .fci__checkboxes .fc--field,
.form-container .fc--group .fc--input .fci__block .fc--field {
  width: 100%;
}
.form-container .fc--row .fc--input .fci__block .fc--field,
.form-container .fc--group .fc--input .fci__block .fc--field {
  padding-bottom: 10px;
}
.form-container .fc--row .fc--input .fci__block .fc--field:last-child,
.form-container .fc--group .fc--input .fci__block .fc--field:last-child {
  padding-bottom: 0;
}
.form-container .fc--row .fc--input .fci__block .dc-select ~ .dc-select,
.form-container .fc--group .fc--input .fci__block .dc-select ~ .dc-select {
  margin-left: 10px;
}
.form-container .fc--row .fc--input .fc--field-inline,
.form-container .fc--group .fc--input .fc--field-inline {
  min-height: 0;
  padding-left: 10px;
  display: inline-block;
}
.form-container .fc--row .fc--labelless,
.form-container .fc--group .fc--labelless {
  padding: 10px 30px;
}
.form-container .fc--row .fc--labelless .input--footer,
.form-container .fc--group .fc--labelless .input--footer {
  padding: 5px 0 0 30px;
}
.form-container .fc--row .fc--suffix,
.form-container .fc--group .fc--suffix {
  padding-left: 5px;
}
.form-container .fc--row.fc--group__left .fc--input,
.form-container .fc--group.fc--group__left .fc--input {
  width: 100% !important;
}
.form-container .fc--row.fc--group__left .fc--input .checkbox--form,
.form-container .fc--row.fc--group__left .fc--input .fc--field,
.form-container .fc--group.fc--group__left .fc--input .checkbox--form,
.form-container .fc--group.fc--group__left .fc--input .fc--field {
  padding-right: 0;
}
.form-container .fc--row.fc--group__full-width .fc--label,
.form-container .fc--row.fc--group__full-width .fc--input,
.form-container .fc--group.fc--group__full-width .fc--label,
.form-container .fc--group.fc--group__full-width .fc--input {
  width: auto !important;
  float: none;
}
.form-container .fc--row.text-center,
.form-container .fc--group.text-center {
  text-align: center !important;
}
.form-container .fc--row.textarea-field.tf--min .fc--field,
.form-container .fc--group.textarea-field.tf--min .fc--field {
  width: 100%;
}
.form-container .fc--row.textarea-field.tf--min .fc--field > div,
.form-container .fc--group.textarea-field.tf--min .fc--field > div {
  max-width: calc(100% - 50px);
}
.form-container .fc--row.textarea-field.tf--min .fc--field > div textarea,
.form-container .fc--group.textarea-field.tf--min .fc--field > div textarea {
  max-width: 100%;
}
.form-container .fc--row.textarea-field.tf--max .fc--field,
.form-container .fc--group.textarea-field.tf--max .fc--field {
  width: 100%;
}
.form-container .fc--row.textarea-field.tf--max .fc--field > div,
.form-container .fc--group.textarea-field.tf--max .fc--field > div {
  max-width: calc(100% - 300px);
}
.form-container .fc--row.textarea-field.tf--max .fc--field > div textarea,
.form-container .fc--group.textarea-field.tf--max .fc--field > div textarea {
  max-width: 100%;
}
.form-container .fc--row.dc-textbox--prefix .dc-textbox,
.form-container .fc--group.dc-textbox--prefix .dc-textbox {
  position: relative;
}
.form-container .fc--row.dc-textbox--prefix .dc-textbox::before,
.form-container .fc--group.dc-textbox--prefix .dc-textbox::before {
  position: absolute;
  width: 25px;
  height: 35px;
  left: 15px;
  line-height: 35px;
  color: var(--ecs-base-clr-tertiary);
}
.form-container .fc--row.dc-textbox--prefix .dc-textbox input[class^=textbox],
.form-container .fc--group.dc-textbox--prefix .dc-textbox input[class^=textbox] {
  padding-left: 54px;
}
.form-container .fc--row.dc-textbox--prefix[data-attr]::before,
.form-container .fc--group.dc-textbox--prefix[data-attr]::before {
  content: attr(data-attr);
}
.form-container .fc--row.dc-textbox--prefix[data-attr] .dc-textbox::before,
.form-container .fc--group.dc-textbox--prefix[data-attr] .dc-textbox::before {
  content: attr(data-attr);
}
.form-container .fc--row[data-has-silent-errors] .fc--field :nth-child(1),
.form-container .fc--group[data-has-silent-errors] .fc--field :nth-child(1) {
  --ecs-container-border-clr-error: var(--ecs-container-border-clr-warning);
}
.form-container .fc--relative-group {
  padding: 0;
}
.form-container .fc--relative-group__bottom {
  padding-bottom: 0;
}
.form-container .fc--row__inline {
  display: flex;
  padding: 10px 0;
}
.form-container .fc--row__inline .fc--input__inline,
.form-container .fc--row__inline .fc--label__inline {
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
}
.form-container .fc--row__inline .fc--input__inline .textbox--form,
.form-container .fc--row__inline .fc--input__inline .input__unit--static,
.form-container .fc--row__inline .fc--label__inline .textbox--form,
.form-container .fc--row__inline .fc--label__inline .input__unit--static {
  width: 100px;
}
.form-container .form-header__sub ~ .fc--section__checkbox--block {
  padding-top: 15px;
}
.form-container .fc--section__checkbox .fc--section--header {
  padding: 15px 0 10px;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.form-container .fc--section__checkbox .fc--section--body .fc--row,
.form-container .fc--section__checkbox .fc--section--body .fc--group {
  border-bottom: 1px dotted var(--ecs-container-border-clr);
  padding-bottom: 15px;
  padding-top: 15px;
}
.form-container .fc--section__checkbox .fc--section--body .fc--row .fc--input,
.form-container .fc--section__checkbox .fc--section--body .fc--group .fc--input {
  flex-wrap: wrap;
}
.form-container .fc--section__checkbox .fc--section--body .fc--row .fc--input .fc--field,
.form-container .fc--section__checkbox .fc--section--body .fc--group .fc--input .fc--field {
  margin: 5px 0;
}
.form-container .fc--section__checkbox .fc--section--body .fc--row:last-child,
.form-container .fc--section__checkbox .fc--section--body .fc--group:last-child {
  border-bottom: none;
}
.form-container .fc--relative-block .fc--group {
  padding: 0;
}
.form-container .fc--relative-block .fc--group:first-child {
  padding-top: 10px;
}
.form-container .fc--relative-block .fc--group:last-child {
  padding-bottom: 10px;
}
.form-container .fc--divider {
  padding: 10px 0;
}
.form-container .fc--divider .fc--group {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.form-container .fc--divider .fc--group .fc--label,
.form-container .fc--divider .fc--group .fc--field {
  padding: 10px 0;
  min-height: 55px;
}
.form-container .fc--divider .fc--group .fc--field {
  width: 200px;
  padding-left: 30px;
}
.form-container .fc--divider .fc--group .fc--input .fc--field:first-child {
  border-right: 1px solid var(--ecs-container-border-clr);
}
.form-container .fc--divider .fc--group:first-child .fc--field {
  font-weight: bold;
}
.form-container .fc--checkbox .dc-checkbox {
  width: calc(25% + 320px);
  display: inline-flex;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form {
  display: inline-block !important;
  padding: 9px 15px;
  min-height: 35px;
  margin: 0;
  max-width: 65px;
  cursor: pointer;
  width: 65px !important;
  text-align: center;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover .checkmark {
  background-color: var(--ecs-container-bg-hover);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .checkmark {
  background-color: var(--ecs-container-border-clr);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover .label--text {
  color: var(--ecs-base-clr-active);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form .label--text {
  z-index: 1;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form .checkmark {
  border: 0.5px solid var(--ecs-input-border-clr);
  background-color: var(--ecs-container-bg-secondary);
  width: 100%;
  height: 100%;
  top: 0;
  border-right: none;
  border-radius: 0;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form .checkmark::after,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form .checkmark::after {
  display: none !important;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:checked ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:checked ~ .checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border: 1px solid var(--ecs-container-border-clr-active);
  border-right-color: var(--ecs-container-border-clr);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:checked ~ .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:checked ~ .label--text {
  color: var(--ecs-base-clr-primary-surface);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .checkmark, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:disabled ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:disabled ~ .checkmark {
  background-color: var(--ecs-container-bg-disabled);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .label--text, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:disabled ~ .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:disabled ~ .label--text {
  color: var(--ecs-base-clr-disabled);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .label--text::after, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:disabled ~ .label--text::after,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled ~ .label--text::after,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:disabled ~ .label--text::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
  left: 0;
  top: 0;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled:checked ~ .label--text, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:disabled:checked ~ .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled:checked ~ .label--text,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:disabled:checked ~ .label--text {
  color: var(--ecs-base-clr-primary-surface);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:hover input:disabled:checked ~ .checkmark, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form input:disabled:checked ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:hover input:disabled:checked ~ .checkmark,
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form input:disabled:checked ~ .checkmark {
  background-color: var(--ecs-container-bg-disabled);
  border-color: var(--ecs-container-border-clr-disabled);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple {
  max-width: 420px;
  flex-flow: row wrap;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:first-child .checkmark, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:nth-child(7) .checkmark {
  border-radius: 4px 0 0 4px;
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:last-child .checkmark, .form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:nth-child(6) .checkmark {
  border-radius: 0 4px 4px 0;
  border: 1px solid var(--ecs-input-border-clr);
}
.form-container .checkbox--multiple__months .dc-checkbox.multiple .checkbox--form:nth-child(n+7) .checkmark {
  border-top: none;
}
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:first-child .checkmark {
  border-radius: 4px 0 0 4px;
}
.form-container .checkbox--multiple__weeks .dc-checkbox.multiple .checkbox--form:last-child .checkmark {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 0 4px 4px 0;
}
.form-container .fc--sub {
  display: inline-flex;
  flex-flow: row nowrap;
  width: 100%;
}
@media screen and (max-width: 1270px) {
  .form-container .fc--sub {
    flex-direction: column;
  }
}
.form-container .fc--sub .fc--sub__left {
  width: 70%;
}
@media screen and (max-width: 1250px) {
  .form-container .fc--sub .fc--sub__left {
    width: 90%;
  }
}
.form-container .fc--sub .fc--sub__left .fc--header-sub {
  position: relative;
  display: block;
  border: none;
  padding: 10px 0 20px;
}
.form-container .fc--sub .fc--sub__left .fc--header-sub .fc--header {
  font: 14px var(--ecs-font-family);
  margin: 0 !important;
}
.form-container .fc--sub .fc--sub__right {
  align-self: flex-start;
  width: 30%;
}
@media screen and (max-width: 1380px) {
  .form-container .fc--sub .fc--sub__right {
    align-self: flex-start !important;
  }
}
@media screen and (max-width: 1250px) {
  .form-container .fc--sub .fc--sub__right {
    width: 10%;
  }
}
.form-container .fc--sub .fc__alignTop {
  align-self: flex-start;
}
.form-container .fc--sub .fc__alignBottom {
  align-self: flex-end;
}
.form-container .fc--submit .fc-submit-msg-container,
.form-container .fc-submit .fc-submit-msg-container {
  min-height: 40px;
  justify-content: center;
}
.form-container .fc--submit .fc-submit-msg-container p,
.form-container .fc-submit .fc-submit-msg-container p {
  margin: 0;
}
.form-container .fc--log {
  padding-top: 15px;
  text-align: center;
}
.form-container .fcs__error,
.form-container .fcs__warning {
  align-items: center;
  justify-content: center;
  text-align: left;
}
.form-container .fcs__error {
  color: var(--ecs-base-clr-error);
}
.form-container .fcs__error .fc--action__danger,
.form-container .fcs__error .fc--action__error {
  margin-right: 5px;
}
.form-container .fcs__warning {
  color: var(--ecs-base-clr-warning);
}
.form-container .fcs__success {
  color: var(--ecs-base-clr-primary);
}

.fc--button {
  justify-content: center;
}

[data-progress],
.data-progress {
  align-items: center;
}
[data-progress].button-primary-form[disabled],
.data-progress.button-primary-form[disabled] {
  padding-right: 15px !important;
}
[data-progress].button-primary-form[disabled], [data-progress].button-primary-form[disabled]:hover,
.data-progress.button-primary-form[disabled],
.data-progress.button-primary-form[disabled]:hover {
  background-color: var(--ecs-cta-btn-bg) !important;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix,
.form-container .fc--group .fc--input .fc--field .fc--suffix {
  vertical-align: top;
  align-items: center;
  display: inline-flex;
  position: relative;
  font: 13px var(--ecs-font-family);
  text-align: left;
  padding-left: 10px;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix:empty,
.form-container .fc--group .fc--input .fc--field .fc--suffix:empty {
  display: none;
}
.form-container .fc--row .fc--input .fc--field .fc--suffix .helpdoc--div, .form-container .fc--row .fc--input .fc--field .fc--suffix .helpdoc--helpnote,
.form-container .fc--group .fc--input .fc--field .fc--suffix .helpdoc--div,
.form-container .fc--group .fc--input .fc--field .fc--suffix .helpdoc--helpnote {
  width: 300px;
  box-sizing: border-box;
  position: absolute;
  height: auto;
  right: 0;
  top: -5px;
}
@media screen and (max-width: 1000px) {
  .form-container .fc--row .fc--input .fc--field .fc--suffix .helpdoc--div, .form-container .fc--row .fc--input .fc--field .fc--suffix .helpdoc--helpnote,
  .form-container .fc--group .fc--input .fc--field .fc--suffix .helpdoc--div,
  .form-container .fc--group .fc--input .fc--field .fc--suffix .helpdoc--helpnote {
    margin: 0;
    left: 0;
  }
}

.toggle--container .tc--switch {
  margin-left: 330px;
}
@media screen and (max-width: 1380px) {
  .toggle--container .tc--switch {
    margin-left: 260px;
  }
}
@media screen and (max-width: 1200px) {
  .toggle--container .tc--switch {
    margin-left: 250px;
  }
}
@media screen and (max-width: 1100px) {
  .toggle--container .tc--switch {
    margin-left: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .toggle--container .tc--switch {
    margin-left: 150px;
  }
}
@media screen and (max-width: 950px) {
  .toggle--container .tc--switch {
    margin-left: 125px;
  }
}

.form-container .fc--row .fc--label,
.form-container .fc--group .fc--label {
  width: 320px;
}
@media screen and (max-width: 1380px) {
  .form-container .fc--row .fc--label,
  .form-container .fc--group .fc--label {
    width: 250px;
  }
}
@media screen and (max-width: 1100px) {
  .form-container .fc--row .fc--label,
  .form-container .fc--group .fc--label {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .form-container .fc--row .fc--label,
  .form-container .fc--group .fc--label {
    width: 150px;
  }
}
@media screen and (max-width: 950px) {
  .form-container .fc--row .fc--label,
  .form-container .fc--group .fc--label {
    width: 125px;
  }
}

.form-container .fc--row .fc--input,
.form-container .fc--group .fc--input {
  width: calc(100% - 320px);
}
@media screen and (max-width: 1380px) {
  .form-container .fc--row .fc--input,
  .form-container .fc--group .fc--input {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1100px) {
  .form-container .fc--row .fc--input,
  .form-container .fc--group .fc--input {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 1024px) {
  .form-container .fc--row .fc--input,
  .form-container .fc--group .fc--input {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 950px) {
  .form-container .fc--row .fc--input,
  .form-container .fc--group .fc--input {
    width: calc(100% - 125px);
  }
}

.form-submit__section, .form-container .fc--submit,
.form-container .fc-submit {
  padding: 20px 0;
  text-align: center;
}

.fc--legend--container {
  border: 1px solid var(--ecs-input-border-clr);
  padding: 0 25px 10px;
}

.form--legend {
  width: 95%;
  margin: 40px auto;
}

.form-container .multi-select,
.form-container .multi-select__double-pane {
  margin: 0 auto;
}
.form-container section {
  padding-bottom: 20px;
}
.form-container section .fc--submit,
.form-container section .fc-submit {
  padding-bottom: 0;
}
.form-container .fc--section-bg {
  padding: 5px 0;
  background: var(--ecs-container-bg-primary);
}
.form-container fieldset {
  border: none;
  margin: 0 !important;
}
.form-container fieldset label {
  width: auto;
  padding-top: 0;
}
.form-container .form-header__sub {
  margin-bottom: 10px;
  margin-top: 10px;
}
.form-container .toggle--container {
  padding-bottom: 20px;
}
.form-container .toggle--container.toggle-container__box {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.form-container .toggle--container.toggle-container__box .tc--inner {
  padding: 20px 30px;
}

.fc--field .dc-radio {
  display: inline-flex;
  align-items: center;
}
.fc--field .dc-radio .radiobox {
  margin-bottom: 0;
}
.fc--field .dc-radio .helpcard--form ~ .radiobox {
  margin-left: 15px;
}
.fc--field .dc-checkbox .select__unit--number {
  margin-left: 10px;
}
.fc--field .dc-checkbox .checkbox--form {
  padding-right: 10px;
}
.fc--field .radiobox--container {
  padding-right: 15px;
  margin-bottom: 5px;
}
.fc--field .radiobox--container .radiobox {
  margin-right: 5px;
}
.fc--field.fc--field__header {
  min-height: 0;
}
.fc--field .selectbox--unit {
  margin-right: 5px;
}
.fc--field .selectbox--unit .dc-select {
  margin-right: 0;
}
.fc--field fieldset {
  padding: 0;
}

.fc--group[data-type=checkbox] .fc--label, .fc--group[data-type=radio] .fc--label {
  min-height: auto;
}
.fc--group.fc--group__filter-form .fc--label {
  width: auto;
  min-width: 100px;
}
.fc--group.fc--group__filter-form .fc--input {
  float: none;
  padding-left: 25px;
}
.fc--group.fc--group__left[required] .fc--input .fc--field .fc--suffix {
  padding-left: 0;
}
.fc--group.fc--group__left[required] .fc--input .fc--field .fc--suffix::before {
  content: "*";
  color: red;
}
.fc--group.fc__wrap-longer-texts {
  word-break: break-all;
}

@media screen and (max-width: 1440px) {
  .fc--group--multi-select .fc--label {
    width: 200px !important;
  }
  .fc--group--multi-select .fc--input {
    width: calc(100% - 200px) !important;
  }
}

.fc--suffix .inline ~ .inline {
  margin-left: 5px;
}

.fc__sub {
  width: 100%;
  align-items: flex-start;
}
@media screen and (max-width: 1250px) {
  .fc__sub {
    flex-direction: column;
  }
}

.fc--sub__right,
.fc--sub__left {
  float: left;
}

.fc--sub__left {
  width: 70%;
}
@media screen and (max-width: 1280px) {
  .fc--sub__left {
    width: 100%;
  }
}
.fc--sub__left .fc--header-sub {
  position: relative;
  display: block;
  border: none;
  padding: 10px 0 20px;
}
.fc--sub__left .fc--header-sub .fc--header {
  font: 13px var(--ecs-font-family);
  margin: 0 !important;
}

.fc--sub__right {
  width: 30%;
}
@media screen and (max-width: 1350px) {
  .fc--sub__right {
    align-self: flex-start !important;
  }
}
@media screen and (max-width: 1280px) {
  .fc--sub__right {
    width: 100%;
  }
}

.fc__alignTop {
  align-self: flex-start;
}

.fc__alignBottom {
  align-self: flex-end;
}

.fc--checkbox-table .fc--group {
  padding-bottom: 5px;
}
.fc--checkbox-table .fc--group .fc--label {
  min-height: auto;
}

.fc--section__checkbox--block .fc--group,
.fc--section__checkbox--block .fc--row {
  padding: 0;
}
.fc--section__checkbox--block .fc--group:last-child,
.fc--section__checkbox--block .fc--row:last-child {
  padding-bottom: 10px;
}
.fc--section__checkbox--block .fc--group .fc--input,
.fc--section__checkbox--block .fc--row .fc--input {
  padding-left: 30px;
}
.fc--section__checkbox--block .fc--group .fc--input .dc-checkbox,
.fc--section__checkbox--block .fc--row .fc--input .dc-checkbox {
  align-items: center;
}
.fc--section__checkbox--block .fc--group .fc--input .dc-checkbox .checkbox--form,
.fc--section__checkbox--block .fc--row .fc--input .dc-checkbox .checkbox--form {
  min-height: 15px;
  height: auto;
  width: auto;
}
.fc--section__checkbox--block .fc--group.fc--group__left .fc--input,
.fc--section__checkbox--block .fc--row.fc--group__left .fc--input {
  padding-left: 0;
}

.fc--level fieldset:nth-child(2) {
  padding-left: 30px;
}
.fc--level fieldset:nth-child(3) {
  padding-left: 60px;
}

.file-upload ~ .fc--suffix {
  align-self: flex-start;
  margin-top: 10px;
}

.fc--group[data-type=file] .file-upload .fu--mega {
  min-width: 500px;
}
@media (max-width: 1072px) {
  .fc--group[data-type=file] .file-upload .fu--mega {
    min-width: 400px;
  }
}

@keyframes submit-btn-loading {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fc--multiple-fieldset-wrapper .form-container .fc--group,
.form-container.fc--multiple-fieldset .fc--group,
.fc--group.fc--group__multiple-fieldset {
  padding: 5px 0;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--label:not([data-type=radio]):not([data-type=checkbox]),
.form-container.fc--multiple-fieldset .fc--group .fc--label:not([data-type=radio]):not([data-type=checkbox]),
.fc--group.fc--group__multiple-fieldset .fc--label:not([data-type=radio]):not([data-type=checkbox]) {
  padding: 5px 0;
  min-height: 45px;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field > div,
.form-container.fc--multiple-fieldset .fc--group .fc--field > div,
.fc--group.fc--group__multiple-fieldset .fc--field > div {
  flex-wrap: wrap;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field,
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field .fc--suffix,
.form-container.fc--multiple-fieldset .fc--group .fc--field,
.form-container.fc--multiple-fieldset .fc--group .fc--field .fc--suffix,
.fc--group.fc--group__multiple-fieldset .fc--field,
.fc--group.fc--group__multiple-fieldset .fc--field .fc--suffix {
  padding: 5px 10px;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field .dc-select,
.form-container.fc--multiple-fieldset .fc--group .fc--field .dc-select,
.fc--group.fc--group__multiple-fieldset .fc--field .dc-select {
  margin-bottom: 5px;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field .dc-select ~ .dc-select,
.form-container.fc--multiple-fieldset .fc--group .fc--field .dc-select ~ .dc-select,
.fc--group.fc--group__multiple-fieldset .fc--field .dc-select ~ .dc-select {
  margin-left: 5px;
}
.fc--multiple-fieldset-wrapper .form-container .fc--group .fc--field .dc-radio .radiobox,
.form-container.fc--multiple-fieldset .fc--group .fc--field .dc-radio .radiobox,
.fc--group.fc--group__multiple-fieldset .fc--field .dc-radio .radiobox {
  margin-bottom: 5px;
}

.fc--group.fc--group__stack-vertical .fc--label, .fc--group.fc--group__stack-vertical .fc--input {
  width: 100%;
  float: none;
}
.fc--group.fc--group__stack-vertical .fc--input .fc--field {
  padding-left: 0;
  padding-right: 0;
}

.toggle--container {
  text-align: left;
  /* -------------------------- Collapisble container ------------------------- */
  /* -------------------------------- Overrides ------------------------------- */
  /* -------------------------------- Positions ------------------------------- */
}
.toggle--container .tc--switch {
  border-radius: 3px;
  position: relative;
  display: inline-block;
  min-width: 180px;
  /* ------------------------------- Sub header ------------------------------- */
}
.toggle--container .tc--switch label {
  cursor: pointer;
}
.toggle--container .tc--switch label a {
  outline: none;
  user-select: none;
}
.toggle--container .tc--switch label a span {
  animation: tooltip-animation 0.3s ease-in 1;
}
.toggle--container .tc--switch label ~ span {
  padding-bottom: 10px;
  margin-left: 25px;
  color: var(--ecs-base-clr-tertiary);
}
.toggle--container .tc--switch .tc--icon {
  cursor: pointer;
  vertical-align: middle;
  transition: 0.2s ease-in all;
  opacity: 0.54;
}
.toggle--container.tc--close .tc--icon {
  transform: rotate(180deg);
}
.toggle--container.tc--close {
  border-color: transparent !important;
  /* -------------------------------- Overrides ------------------------------- */
}
.toggle--container.tc--close .tc--inner {
  display: none;
}
.toggle--container.tc--close .fc--group {
  max-height: 35px;
  padding-left: 10px;
}
.toggle--container.toggle-container__box {
  display: flex;
  flex-flow: column-reverse nowrap;
}
.toggle--container.toggle-container__box .tc--switch {
  margin: 0;
  font: 14px var(--ecs-font-family);
  padding: 0;
}
.toggle--container.toggle-container__box .tc--switch a {
  color: var(--ecs-base-clr-primary);
  outline: none !important;
}
.toggle--container.toggle-container__box .tc--switch label {
  display: inline-flex;
  flex-flow: row-reverse wrap;
  width: 100%;
  justify-content: flex-end;
  min-height: 45px;
  align-items: center;
  outline: none;
}
.toggle--container.toggle-container__box .tc--icon {
  transform: rotate(90deg);
}
.toggle--container.toggle-container__box.tc--open .tc--icon {
  transform: rotate(180deg);
}
.toggle--container ~ .fc-submit-section__inner {
  padding-top: 0;
}
.toggle--container[data-position^=top] {
  display: flex;
  flex-direction: column-reverse;
}
.toggle--container[data-position=top-left] .tc--switch {
  margin-left: 0;
}
.toggle--container[data-icon-position=prefix] .tc--switch label {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
}
.toggle--container[data-icon-position=prefix] .tc--icon {
  margin-left: -15px;
  transform: rotate(180deg);
}
.toggle--container[data-icon-position=prefix].tc--close .tc--icon {
  transform: rotate(90deg);
}

.form-container .fc--group.fc-textbox--prefix .dc-textbox {
  position: relative;
}
.form-container .fc--group.fc-textbox--prefix .dc-textbox::before {
  position: absolute;
  height: 14px;
  left: 15px;
  color: var(--ecs-base-clr-tertiary);
  top: calc(50% - 8px);
  font: 13px var(--ecs-font-family);
}
.form-container .fc--group.fc-textbox--prefix .dc-textbox input.textbox--form {
  padding-left: 56px;
}
.form-container .fc--group.fc-textbox--prefix.prefix1 .dc-textbox::before {
  content: "https://";
}
.form-container .fc--group.fc-textbox--prefix.prefix2 .dc-textbox::before {
  content: "http://";
}
.form-container .fc--group.fc-textbox--prefix.prefix2 input.textbox--form {
  padding-left: 50px;
}
.form-container .fc--group.fc--suffix__top .fc--input {
  align-items: stretch;
}
.form-container .fc--group.fc--suffix__top .fc--input .fc--suffix {
  padding-top: 10px;
}
.form-container.fc__header-less {
  padding-top: 20px;
  padding-bottom: 10px;
}

.radio-table:not([data-noscroll]) {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 4px;
}
.radio-table:not([data-noscroll]) .rt--body {
  max-height: 300px;
  padding-left: 30px !important;
}
.radio-table:not([data-noscroll]) .rt--body-item {
  margin: 0;
}
.radio-table:not([data-noscroll]) .rt--header {
  height: 35px;
  cursor: pointer;
  padding-left: 20px;
}
.radio-table:not([data-noscroll]) .rt--header:hover {
  background-color: var(--ecs-container-bg-hover);
}
.radio-table .rt--header,
.radio-table .rt--body-row {
  padding: 10px 0;
}
.radio-table .rt--header > .rt--header-title, .radio-table .rt--header > .rt--body-item, .radio-table .rt--header > .rt--header__left > .rt--header-title,
.radio-table .rt--body-row > .rt--header-title,
.radio-table .rt--body-row > .rt--body-item,
.radio-table .rt--body-row > .rt--header__left > .rt--header-title {
  padding: 0;
}
.radio-table[data-noscroll] {
  display: flex;
  flex-direction: column;
}
.radio-table[data-noscroll] .rt--header {
  border-bottom: 1px solid var(--ecs-input-border-clr);
}
.radio-table .rt--body-row {
  cursor: pointer;
}
.radio-table .rt--body-row:hover {
  background-color: var(--ecs-container-bg-hover);
}
.radio-table .rt--body-row.rt--body-row__selected {
  background: var(--ecs-container-bg-selected);
}
.radio-table .rt--header-title,
.radio-table .rt--body-item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  justify-content: center;
  padding: 0 5px;
}
.radio-table .rt--header-title .anchor-text,
.radio-table .rt--body-item .anchor-text {
  padding-left: 5px;
}
.radio-table .rt--header-title.rt--description,
.radio-table .rt--body-item.rt--description {
  flex-grow: 3;
}
@media (max-width: 1072px) {
  .radio-table .rt--header-title,
  .radio-table .rt--body-item {
    min-width: 100px;
  }
}
.radio-table .rt--header-title__fixed,
.radio-table .rt--body-item__fixed {
  width: 50px;
  text-align: center;
}
.radio-table .rt--header-title__fixed ~ .rt--header-title, .radio-table .rt--header-title__fixed ~ .rt--body-item,
.radio-table .rt--body-item__fixed ~ .rt--header-title,
.radio-table .rt--body-item__fixed ~ .rt--body-item {
  padding-left: 0;
}
.radio-table .radio-table__left {
  width: 60%;
}
.radio-table .radio-table__right {
  width: 40%;
}
.radio-table .radio-table__right .helpdoc--div, .radio-table .radio-table__right .helpdoc--helpnote {
  height: 300px;
  align-items: center;
  justify-content: center;
}

.rt--body-item.checkbox--form .checkmark {
  left: calc(50% - 8px);
}

.radio-table__partitioned .rt--body__left,
.radio-table__partitioned .rt--header__left {
  width: 60%;
}
.radio-table__partitioned .rt--body__right,
.radio-table__partitioned .rt--header__right {
  width: 40%;
}
@media (max-width: 1368px) {
  .radio-table__partitioned .rt--body__left,
  .radio-table__partitioned .rt--header__left,
  .radio-table__partitioned .rt--body__right,
  .radio-table__partitioned .rt--header__right {
    width: 100%;
  }
}

.table-wrapper {
  margin-bottom: 30px;
  margin-top: 10px;
}
.table-wrapper.tw--scroll .tw--body {
  max-height: 300px;
}
.table-wrapper ~ .fc-submit-section__inner {
  padding-top: 0;
}

.tw--header-container .tw--helptext,
.tw--header-container .anchor-text {
  font: 13px var(--ecs-font-family);
}
.tw--header-container .tw--helptext {
  padding-top: 5px;
  font: 12px var(--ecs-font-family);
  width: 100%;
}

.tw--body {
  padding: 25px;
}

.fc-submit-section__inner {
  padding: 30px 0 10px;
  text-align: center;
}

.form-container .fc--help-bubble-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 1368px) {
  .form-container .fc--help-bubble-wrapper {
    justify-content: center;
  }
  .form-container .fc--help-bubble-wrapper .helpdoc--div, .form-container .fc--help-bubble-wrapper .helpdoc--helpnote {
    margin: 10px 0;
  }
}
.form-container .fc--help-bubble-wrapper .fc--group {
  flex-grow: 1;
  width: auto !important;
  align-self: center;
}

.contains-helpcard {
  position: relative;
}
.contains-helpcard .helpdoc--div[data-count="1"], .contains-helpcard [data-count="1"].helpdoc--helpnote {
  position: absolute;
  right: 20px;
  top: 40px;
}
@media (max-width: 1368px) {
  .contains-helpcard .helpdoc--div[data-count="1"], .contains-helpcard [data-count="1"].helpdoc--helpnote {
    position: static;
    margin: 10px 0;
  }
  .contains-helpcard .helpdoc--div[data-count="1"] .helpdoc, .contains-helpcard [data-count="1"].helpdoc--helpnote .helpdoc {
    margin: 0 auto;
  }
}

.form-popover--reset-width {
  max-width: unset !important;
  min-width: 0 !important;
}

/* ----------------------------- Resizable View ----------------------------- */
.multi-select__double-pane,
.multi-select {
  display: block !important;
  position: relative;
  height: auto;
  margin-bottom: 20px;
}
.multi-select__double-pane .dc-radio,
.multi-select .dc-radio {
  display: flex;
  padding-top: 10px;
}
.multi-select__double-pane .dc-radio label,
.multi-select .dc-radio label {
  margin-bottom: 0;
}
.multi-select__double-pane *,
.multi-select * {
  font: 13px var(--ecs-font-family);
  box-sizing: border-box;
  transition: background 0.1s ease-in;
}
.multi-select__double-pane .ms--divider,
.multi-select .ms--divider {
  display: inline-block;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 45px;
}
.multi-select__double-pane .ms--right,
.multi-select .ms--right {
  float: right;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container:hover .ms--items .ms--items--arrow, .multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active .ms--items .ms--items--arrow,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container:hover .ms--items .ms--items--arrow,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active .ms--items .ms--items--arrow {
  background: var(--ecs-caret-left) no-repeat center center/16px;
  background-color: rgba(var(--ecs-container-bg-primary), 0.5);
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container .ms--dots {
  width: 30px;
  height: 36px;
  background: url(../../../../images/common/form/multi-select/three-dots.png) center center no-repeat;
  background-size: 0;
  background-color: transparent;
  cursor: pointer;
  transition: none;
  position: absolute;
  top: 0;
  right: 30px;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container:hover .ms--dots, .multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container:focus .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container:hover .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container:focus .ms--dots {
  background-size: 13px;
  background-color: rgba(var(--ecs-container-bg-primary), 0.25);
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight {
  padding-left: 0;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--items .icon,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--items .icon {
  width: 20px;
  height: 20px;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--items .ms--items--label,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--items .ms--items--label {
  font-size: 16px !important;
  font-weight: 600;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item__highlight .ms--dots {
  background-size: 0;
  pointer-events: none;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active {
  background-color: var(--ecs-container-bg-tertiary);
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results .ms--item-container.ms--item-container__active .ms--dots {
  background-size: 13px;
}
.multi-select__double-pane .ms--right .ms--result-overlay .ms--results.select-active .ms--item-container .ms--dots,
.multi-select .ms--right .ms--result-overlay .ms--results.select-active .ms--item-container .ms--dots {
  pointer-events: none;
  opacity: 0;
}
.multi-select__double-pane .ms--left .ms--header:nth-child(2) .msh--select, .multi-select__double-pane .ms--left .ms--header-staged:nth-child(2) .msh--select,
.multi-select .ms--left .ms--header:nth-child(2) .msh--select,
.multi-select .ms--left .ms--header-staged:nth-child(2) .msh--select {
  opacity: 1;
  padding-right: 10px;
}
.multi-select__double-pane .ms--left .ms--result-overlay .ms--results .ms--item-container:hover .ms--items .ms--items--arrow,
.multi-select .ms--left .ms--result-overlay .ms--results .ms--item-container:hover .ms--items .ms--items--arrow {
  background: var(--ecs-caret-right) no-repeat center center/16px;
  background-color: rgba(var(--ecs-container-bg-primary), 0.5);
}
.multi-select__double-pane .fc--row,
.multi-select .fc--row {
  padding: 0 0 15px !important;
}
.multi-select__double-pane .ms--item-container.staged,
.multi-select .ms--item-container.staged {
  border-left: 2px solid var(--ecs-container-border-clr-selected) !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M6.938%203.5a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM5.563%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM11.688%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 4px center/12px, var(--ecs-container-bg-selected) !important;
}
.multi-select__double-pane .ms--item-container.staged:hover,
.multi-select .ms--item-container.staged:hover {
  background-color: var(--ecs-container-bg-selected) !important;
}
.multi-select__double-pane .ms--item-container.staged:hover,
.multi-select__double-pane .ms--item-container.staged:hover *,
.multi-select .ms--item-container.staged:hover,
.multi-select .ms--item-container.staged:hover * {
  cursor: move !important;
}
.multi-select__double-pane .ms--item-container.staged .ms--items,
.multi-select .ms--item-container.staged .ms--items {
  background: var(--ecs-container-bg-selected) !important;
  border-radius: 4px;
}
.multi-select__double-pane .ms--item-container.staged .ms--items .ms--items--arrow,
.multi-select .ms--item-container.staged .ms--items .ms--items--arrow {
  opacity: 0;
  pointer-events: none;
}

/* ------------------------------- Single Pane ------------------------------ */
.multi-select__single-pane .ms--item-container {
  position: relative;
  padding-left: 35px !important;
  max-width: 768px !important;
}
.multi-select__single-pane .ms--item-container::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 9px;
  top: calc(50% - 9px);
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
}
.multi-select__single-pane .ms--item-container.staged {
  background-color: var(--ecs-container-bg-selected);
}
.multi-select__single-pane .ms--item-container.staged::after {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.multi-select__single-pane .ms--item-container.staged::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 7px;
  border: solid var(--ecs-base-bg-primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 15px;
  top: 12px;
  z-index: 10;
}
.multi-select__single-pane .ms--searchbox input[type=text] {
  width: 100% !important;
}

.ms--left,
.ms--right {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
  min-height: 110px;
  vertical-align: top;
  height: 370px;
  overflow-x: visible;
}
.ms--left:hover .ms--header .msh--select, .ms--left:hover .ms--header-staged .msh--select,
.ms--right:hover .ms--header .msh--select,
.ms--right:hover .ms--header-staged .msh--select {
  opacity: 1;
}
.ms--left:focus,
.ms--right:focus {
  outline: none;
}
.ms--left.dragover,
.ms--right.dragover {
  outline: none;
  border: 1px dashed var(--ecs-container-border-clr-selected);
}

.ms--header, .ms--header-staged {
  min-height: 35px;
  padding: 0;
  border-bottom: 1px solid var(--ecs-container-border-clr);
  background: var(--ecs-container-bg-primary);
  width: 100%;
}
.ms--header .msh--label, .ms--header-staged .msh--label,
.ms--header .msh--select,
.ms--header-staged .msh--select,
.ms--header .msh--filter,
.ms--header-staged .msh--filter,
.ms--header .msh--filter__active,
.ms--header-staged .msh--filter__active,
.ms--header .msh--sort,
.ms--header-staged .msh--sort {
  display: inline-block;
  padding: 8px 4px;
}
.ms--header .msh--select, .ms--header-staged .msh--select,
.ms--header .msh--filter,
.ms--header-staged .msh--filter,
.ms--header .msh--filter__active,
.ms--header-staged .msh--filter__active,
.ms--header .msh--sort,
.ms--header-staged .msh--sort {
  float: right;
}
.ms--header .msh--label, .ms--header-staged .msh--label {
  padding-left: 15px;
}
.ms--header .msh--label.msh--label__text-truncate, .ms--header-staged .msh--label.msh--label__text-truncate {
  display: flex;
  margin-right: auto;
}
.ms--header .msh--select, .ms--header-staged .msh--select,
.ms--header .msh--sort,
.ms--header-staged .msh--sort,
.ms--header .msh--filter,
.ms--header-staged .msh--filter {
  flex-shrink: 0;
}
.ms--header .msh--select, .ms--header-staged .msh--select {
  opacity: 0;
}
.ms--header .msh--filter, .ms--header-staged .msh--filter {
  display: none;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0 0 0 5px;
}
.ms--header .msh--filter .msh--btn--label, .ms--header-staged .msh--filter .msh--btn--label {
  display: table;
  cursor: pointer;
  position: relative;
  height: 100%;
  width: 25px;
}
.ms--header .msh--filter .msh--btn--label:hover .ms--filter-button, .ms--header-staged .msh--filter .msh--btn--label:hover .ms--filter-button {
  border: 1px solid var(--ecs-container-border-clr) !important;
  background-color: var(--ecs-base-bg-primary) !important;
}
.ms--header .msh--filter .msh--btn--label .ms--filter-button, .ms--header-staged .msh--filter .msh--btn--label .ms--filter-button {
  background: url(../../../../images/common/form/multi-select/filter.png) 4px 5px no-repeat;
  background-size: 15px;
  background-color: transparent;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  outline: none;
  pointer-events: none;
  transition: 0.5s all ease-in;
  background-color: transparent;
  border: 1px solid transparent;
}
.ms--header .msh--filter .msh--btn--label .ms--filter-button input[type=checkbox], .ms--header-staged .msh--filter .msh--btn--label .ms--filter-button input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.ms--header .msh--filter .msh--btn--label .ms--filter-button, .ms--header-staged .msh--filter .msh--btn--label .ms--filter-button {
  background-color: transparent;
  border: 1px solid transparent;
}
.ms--header .msh--filter .msh--btn--label .ms--filter-button__active, .ms--header-staged .msh--filter .msh--btn--label .ms--filter-button__active {
  border: 1px solid var(--ecs-container-border-clr) !important;
  background-color: var(--ecs-base-bg-primary) !important;
}
.ms--header .msh--filter .ms--tooltip-option, .ms--header-staged .msh--filter .ms--tooltip-option {
  z-index: 101;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  text-align: left;
  position: absolute;
  left: -58px;
  top: 126%;
  width: 150px;
  height: auto;
  padding: 10px 0;
  box-shadow: 0 4px 14px 0 var(--ecs-container-shadow-hover);
  border: solid 1px var(--ecs-container-border-clr);
  border-radius: 4px;
  background: var(--ecs-base-bg-primary);
}
.ms--header .msh--filter .ms--tooltip-option::after, .ms--header-staged .msh--filter .ms--tooltip-option::after, .ms--header .msh--filter .ms--tooltip-option::before, .ms--header-staged .msh--filter .ms--tooltip-option::before {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ms--header .msh--filter .ms--tooltip-option::after, .ms--header-staged .msh--filter .ms--tooltip-option::after {
  border-color: transparent;
  border-bottom-color: var(--ecs-base-bg-primary);
  border-width: 0.5em;
  margin-left: -4.5%;
  top: -14px;
}
@media screen and (max-width: 1440px) {
  .ms--header .msh--filter .ms--tooltip-option::after, .ms--header-staged .msh--filter .ms--tooltip-option::after {
    top: -13px;
  }
}
.ms--header .msh--filter .ms--tooltip-option::before, .ms--header-staged .msh--filter .ms--tooltip-option::before {
  border-color: transparent;
  border-bottom-color: var(--ecs-container-border-clr);
  border-width: 0.55em;
  margin-left: -4.8%;
  top: -16px;
}
@media screen and (max-width: 1440px) {
  .ms--header .msh--filter .ms--tooltip-option::before, .ms--header-staged .msh--filter .ms--tooltip-option::before {
    top: -15px;
  }
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip {
  color: var(--ecs-base-clr-primary);
  display: flex;
  height: 30px;
  position: relative;
  padding: 5px 20px;
  margin: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip div, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip div {
  display: inline-block;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox {
  width: 100%;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .checkmark, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .checkmark {
  top: 12%;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .checkbox--label, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .checkbox--label {
  height: 100%;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .mst--wrap, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip .ms--checkbox .checkbox--form .mst--wrap {
  height: 16px;
  width: 16px;
  margin: 0 5px 0 10px;
}
.ms--header .msh--filter .ms--tooltip-option .ms--tooltip:hover, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip:hover, .ms--header .msh--filter .ms--tooltip-option .ms--tooltip:focus, .ms--header-staged .msh--filter .ms--tooltip-option .ms--tooltip:focus {
  outline: none;
  background-color: var(--ecs-container-bg-hover);
}
.ms--header .msh--filter .ms--tooltip-option .mst--active, .ms--header-staged .msh--filter .ms--tooltip-option .mst--active {
  background-color: var(--ecs-base-bg-primary) !important;
  border: 1px solid var(--ecs-container-border-clr-active) !important;
}
.ms--header .msh--filter__active, .ms--header-staged .msh--filter__active {
  border: 1px solid var(--ecs-container-border-clr) !important;
  background-color: var(--ecs-base-bg-primary) !important;
}
.ms--header .msh--sort, .ms--header-staged .msh--sort {
  padding-right: 15px;
  padding-left: 8px;
  cursor: pointer;
  text-align: center;
  max-width: 50%;
}

.ms--header-staged .msh--select {
  opacity: 1;
  padding-right: 10px;
}

.ms--search-icon {
  position: absolute;
  left: 25px;
  top: 22px;
  z-index: 1;
}

.ms--searchbox {
  padding: 15px 15px 10px;
  position: relative;
}
.ms--searchbox .search-icon {
  display: inline-block;
  background: url(../../../../images/common/form/multi-select/search.png) 0 0 no-repeat;
  background-size: 100%;
  background-color: transparent;
  width: 15px;
  height: 15px;
  top: 25px;
  left: 25px;
  opacity: 0.3;
}
.ms--searchbox .search-icon,
.ms--searchbox .search-icon-bg {
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.ms--searchbox .search-icon-bg {
  left: 20px;
  top: 23px;
}
.ms--searchbox input[type=text] {
  width: 333px !important;
  padding-left: 40px !important;
}
@media screen and (max-width: 1300px) {
  .ms--searchbox input[type=text] {
    width: 294px !important;
  }
}
.ms--searchbox input[type=text]:hover ~ .search-icon, .ms--searchbox input[type=text]:focus ~ .search-icon, .ms--searchbox input[type=text]:active ~ .search-icon {
  opacity: 0.5;
}

.ms--tags {
  position: relative;
  padding: 0 15px;
}
.ms--tags .mst--tagname {
  pointer-events: all;
  position: relative;
  display: inline-block;
  color: var(--ecs-base-clr-active);
  padding: 1px 5px;
  margin: 5px 5px 10px 0;
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px !important;
  transition: none;
}
.ms--tags .mst--tagname:hover .tag--line {
  width: calc(100% - 10px);
}
.ms--tags .mst--tagname .tag--line {
  transition: width 0.1s ease-in;
  width: 0%;
  height: 1px;
  outline: none;
  background: var(--ecs-container-bg-active-tertiary);
  position: absolute;
  top: 50%;
}

.ms--result-overlay {
  position: relative;
  width: auto;
  height: 250px;
  overflow: hidden;
  padding-right: 2px;
  padding-bottom: 5px;
  flex: 1;
}
.ms--result-overlay .ms--shadow {
  width: calc(100% - 30px);
  height: 0;
  margin: 0 auto;
  position: relative;
}
.ms--result-overlay .ms--shadow::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 5%;
  border-radius: 50%;
  height: 1px;
  z-index: 10;
  background-color: var(--ecs-base-bg-primary);
  box-shadow: 0 0 15px 1px var(--ecs-dark-bg);
  opacity: 0.5;
}
.ms--result-overlay .ms--results {
  margin: 0;
  padding: 10px 5px 0 15px;
  position: relative;
  overflow-x: hidden;
  height: 100%;
}
.ms--result-overlay .ms--results .msr--shadow {
  position: absolute;
  width: 95%;
  height: 15px;
  top: 0;
  z-index: 10;
  background-color: var(--ecs-base-bg-primary);
}
body[ems-theme=dark] .ms--result-overlay .ms--results .msr--shadow {
  display: none;
}

.ms--result-overlay .ms--results .ms--item-container {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 333px;
  padding-left: 20px;
  will-change: scroll-position;
  margin-top: 3px;
  transition: none;
  border-left: 3px solid transparent;
  border-radius: 4px;
}
.ms--result-overlay .ms--results .ms--item-container * {
  cursor: pointer;
}
.ms--result-overlay .ms--results .ms--item-container .ms--items {
  cursor: pointer;
  width: 100%;
  background-size: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
}
.ms--result-overlay .ms--results .ms--item-container .ms--items .ms--items--label {
  display: inline-block;
  padding: 10px 0;
  width: calc(100% - 30px);
}
.ms--result-overlay .ms--results .ms--item-container .ms--items .ms--items--arrow {
  width: 30px;
  background-size: 0;
  position: absolute;
  height: 100%;
  right: 0;
}
.ms--result-overlay .ms--results .ms--item-container .ms--items:focus {
  opacity: 0;
}
.ms--result-overlay .ms--results .ms--item-container .ms--items .icon {
  height: 16px;
  width: 16px;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}
.ms--result-overlay .ms--results .ms--item-container .ms--items .ms--label__suffix {
  color: var(--ecs-base-clr-tertiary);
}
.ms--result-overlay .ms--results .ms--item-container .ms--items * {
  transition: none;
}
.ms--result-overlay .ms--results .ms--item-container:hover, .ms--result-overlay .ms--results .ms--item-container:focus {
  outline: none;
  background-color: var(--ecs-container-bg-hover);
  color: var(--ecs-base-clr-active);
}
.ms--result-overlay .ms--results .ms--item-container:hover .ms--items--option, .ms--result-overlay .ms--results .ms--item-container:focus .ms--items--option {
  color: var(--ecs-base-clr-primary);
}
.ms--result-overlay .ms--results .ms--item-container:nth-child(2) {
  margin-top: 5px;
}
.ms--result-overlay .ms--results .is-dragged {
  opacity: 0.5;
  transform: scale(0.85);
}
.ms--result-overlay .ms--results .drop-position--marker::after {
  height: 2px;
  position: absolute;
  width: 100%;
  background: var(--ecs-container-bg-selected);
  content: "";
  bottom: 0;
}
.ms--result-overlay .ms--results .dragover {
  outline: 2px dashed var(--ecs-container-bg-selected) !important;
}
.ms--result-overlay .ms--results .active:not(.error--icon):not(.help--icon) {
  color: var(--ecs-base-clr-primary);
  background: var(--ecs-container-bg-tertiary);
}
.ms--result-overlay .ms--results.select-active .ms--item-container .ms--items .ms--items--arrow {
  opacity: 0;
  pointer-events: none;
}

.multi-select--footer {
  width: 775px;
  padding-top: 5px;
}
@media screen and (max-width: 1300px) {
  .multi-select--footer {
    width: 688px;
  }
}

.multi-select--form {
  padding-top: 15px;
}

.sort--btn--asc {
  width: 14px;
  height: 20px;
  float: right;
  position: relative;
  margin-left: 5px;
  background: url(../../../../images/common/form/multi-select/sort-up-normal.png) center center no-repeat;
  background-size: 100%;
  background-color: transparent;
}

.sort--btn--dsc {
  width: 14px;
  height: 20px;
  float: right;
  position: relative;
  margin-left: 5px;
  background: url(../../../../images/common/form/multi-select/sort-up-normal.png) center center no-repeat;
  background-size: 100%;
  background-color: transparent;
  transform: rotate(180deg);
}

.multi-select__double-pane .ms--left,
.multi-select__double-pane .ms--right,
.multi-select .ms--left,
.multi-select .ms--right {
  width: 365px;
}
@media screen and (max-width: 1300px) {
  .multi-select__double-pane .ms--left,
  .multi-select__double-pane .ms--right,
  .multi-select .ms--left,
  .multi-select .ms--right {
    width: 324px;
  }
}
@media screen and (max-width: 900px) {
  .multi-select__double-pane .ms--left,
  .multi-select__double-pane .ms--right,
  .multi-select .ms--left,
  .multi-select .ms--right {
    width: 48%;
  }
}

.multi-select__double-pane,
.multi-select, .multi-select__single-pane .ms--left {
  width: 775px;
}
@media screen and (max-width: 1300px) {
  .multi-select__double-pane,
  .multi-select, .multi-select__single-pane .ms--left {
    width: 688px;
  }
}
@media screen and (max-width: 900px) {
  .multi-select__double-pane,
  .multi-select, .multi-select__single-pane .ms--left {
    width: 100%;
  }
}

.ms--selection-box {
  position: absolute;
  border: 1px dashed var(--ecs-container-border-clr);
  display: none;
}

.ms--drag-item {
  display: inline-block;
  margin: 2px 0;
  padding: 4px 8px;
  border-radius: 2px;
  width: 180px;
  max-height: 176px;
  overflow: hidden;
  transform: scale(0.95);
  color: var(--ecs-base-clr-primary);
}
.ms--drag-item .chip {
  max-width: 280px;
  background: var(--ecs-container-bg-selected);
  color: var(--ecs-base-clr-primary);
  padding: 4px 8px;
  border-radius: 2px;
  margin: 2px;
}
.ms--drag-item .chip .ms--items {
  display: flex;
}
.ms--drag-item .ms--items--arrow {
  display: none;
}
.ms--drag-item .item {
  margin: 8px 0;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--ecs-container-bg-selected);
  color: var(--ecs-base-clr-primary);
}
.ms--drag-item .ms--items--label {
  display: inline-block;
  color: var(--ecs-base-clr-primary);
}

.ms--noresult {
  background: url(../../../../images/common/form/multi-select/computer-search-result-emptystate.png) center bottom no-repeat;
  background-size: contain !important;
  background-color: transparent;
}

.ms--empty-state {
  background: url(../../../../images/common/form/multi-select/computer-add-emptystate.png) center bottom no-repeat;
  background-size: contain !important;
  background-color: transparent;
}

.ms--all-selected {
  background: url(../../../../images/common/form/multi-select/computer-all-added-emptystate.png) center bottom no-repeat;
  background-size: contain !important;
  background-color: transparent;
}

.multiselect-single-pane * {
  transition: none;
}

.multiselect-single-pane .ms--loading {
  display: none;
}

.multiselect__full {
  border: 1px solid var(--ecs-input-border-clr);
}
.multiselect__full .ms--header .msh--label, .multiselect__full .ms--header-staged .msh--label {
  flex-grow: 1;
  width: auto;
}
.multiselect__full .ms--header .msh--select, .multiselect__full .ms--header-staged .msh--select {
  opacity: 1;
  padding: 3px 10px;
  margin: 0;
  cursor: pointer;
}
.multiselect__full .ms--header .msh--select ~ .msh--select, .multiselect__full .ms--header-staged .msh--select ~ .msh--select {
  border-left: solid 2px var(--ecs-base-clr-active);
}
.multiselect__full .ms--header .msh--sort, .multiselect__full .ms--header-staged .msh--sort {
  float: none;
  height: auto;
  padding: 0;
  margin: 0;
  min-width: 70px;
  justify-content: center;
}
.multiselect__full .ms--header .msh--sort div[class^=sort--btn], .multiselect__full .ms--header-staged .msh--sort div[class^=sort--btn] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-size: 15px;
  background-position: center 5px;
  transition: transform 0.2s ease-in;
  transform-origin: center;
}
.multiselect__full .ms--searchbox .dc-textbox input[type=text] {
  width: 100% !important;
}
.multiselect__full .ms--searchbox .search-icon {
  transition: 0.25s opacity ease-in;
}
.multiselect__full .ms--searchbox:focus-within .search-icon {
  opacity: 0.5;
}
.multiselect__full .ms--result-overlay {
  margin-bottom: 0;
}
.multiselect__full .ms--result-overlay .ms--results {
  overflow: hidden;
}
.multiselect__full .ms--result-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  box-shadow: none;
  transition: box-shadow 0.25s ease-in;
}
.multiselect__full .ms--result-overlay[data-scrolled]::before {
  box-shadow: 0 0 15px 1px var(--ecs-container-shadow);
}

.dc-advanced-filter .ms--item-container,
.multiselect__full .ms--results .ms--item-container {
  padding-left: 15px;
  max-width: none;
}
.dc-advanced-filter .ms--item-container[data-selected] .checkbox--form .checkmark,
.multiselect__full .ms--results .ms--item-container[data-selected] .checkbox--form .checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.dc-advanced-filter .ms--item-container[data-selected] .checkbox--form .checkmark::after,
.multiselect__full .ms--results .ms--item-container[data-selected] .checkbox--form .checkmark::after {
  display: block;
}
.dc-advanced-filter .ms--item-container .checkbox--form,
.multiselect__full .ms--results .ms--item-container .checkbox--form {
  padding-left: 0;
  justify-content: flex-start;
}
.dc-advanced-filter .ms--item-container .checkbox--form .checkmark,
.multiselect__full .ms--results .ms--item-container .checkbox--form .checkmark {
  position: relative;
  margin-right: 10px;
}

.multi-select__double-pane .resizable-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 333px;
  overflow: hidden;
}
.multi-select__double-pane .splitter,
.multi-select__double-pane .rs--splitter {
  height: 6px;
  min-height: 6px;
  position: relative;
  background: var(--ecs-container-bg-primary);
  cursor: row-resize;
}
.multi-select__double-pane .splitter::after,
.multi-select__double-pane .rs--splitter::after {
  content: "...";
  position: absolute;
  left: 50%;
  bottom: -2px;
  font-size: 18px;
  color: var(--ecs-base-clr-tertiary);
}
.multi-select__double-pane .splitter[data-dragged]::before,
.multi-select__double-pane .rs--splitter[data-dragged]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  cursor: row-resize;
  top: -7px;
}
.multi-select__double-pane .pane,
.multi-select__double-pane .rs--pane {
  will-change: height;
  transition: height 0.1s linear;
  position: relative;
  background-color: var(--ecs-base-bg-primary);
}
.multi-select__double-pane .pane[data-search-active] .rs--pane--header,
.multi-select__double-pane .rs--pane[data-search-active] .rs--pane--header {
  width: 0;
  padding: 10px 0 3px;
}
.multi-select__double-pane .pane[data-search-active] .rs--pane--search,
.multi-select__double-pane .rs--pane[data-search-active] .rs--pane--search {
  left: 4px;
}
.multi-select__double-pane .pane[data-search-active] .rs--pane--searchbox,
.multi-select__double-pane .rs--pane[data-search-active] .rs--pane--searchbox {
  width: 100%;
}
.multi-select__double-pane .rs--pane--header {
  width: 100%;
  padding: 10px 5px 3px;
  overflow: hidden;
}
.multi-select__double-pane .rs--pane--search {
  width: 25px;
  cursor: pointer;
  padding: 5px;
  position: absolute;
  left: calc(100% - (25px + 5px));
  top: 4px;
  transition: left 0.25s ease-in-out;
  z-index: 2;
}
.multi-select__double-pane .rs--pane--searchbox {
  width: 0;
  overflow: hidden;
  display: flex;
}
.multi-select__double-pane .rs--pane--searchbox input {
  border-width: 0 0 1px !important;
  border-radius: 0;
  height: 100% !important;
  width: 100% !important;
  padding: 5px 35px !important;
}
.multi-select__double-pane .rs--pane--header,
.multi-select__double-pane .rs--pane--searchbox {
  transition: 0.25s ease-in-out;
  transition-property: padding, width;
  height: 30px;
}
.multi-select__double-pane .rs--pane--body {
  height: calc(100% - 30px);
  width: 100%;
}
.multi-select__double-pane .rs--pane--body .ms--results {
  flex-grow: 1;
}

/* ----------------------------- Resizable View ----------------------------- */
.resizable-view .pane,
.resizable-view .rs--pane {
  flex-grow: 1;
}
.resizable-view .rs--pane:last-child {
  overflow-y: auto;
}
.resizable-view .ms--placeholder {
  position: absolute;
  width: 100%;
  left: 0;
  top: 5px;
  height: calc(100% - 5px);
}
.resizable-view .rs--placholder--img ~ .ms--noresult-text {
  padding-top: 10px;
}
.resizable-view .ms--result-overlay .ms--results,
.resizable-view .ms--result-overlay .ms--results .ms--list-renderer,
.resizable-view .ms--result-overlay .ms--list-container,
.resizable-view .ms--result-overlay .ms--list-container .ms--list-renderer {
  flex-grow: 1;
}
.resizable-view .ms--list-renderer, .resizable-view .ms--list-renderer > div {
  width: 100%;
}

/* ------------------------------ Checkbox Item ----------------------------- */
.ms--results .ms--items.checkbox--form .checkmark {
  top: calc(50% - 6px);
}

.ms--list-container:focus {
  outline: none;
}
.ms--list-container[data-empty] .ms--list-renderer {
  display: none;
}

.ms--placeholder {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.ms--placeholder:empty {
  display: none !important;
}
.ms--placeholder img.rs--placholder--img,
.ms--placeholder img.ms--placeholder-img {
  width: 120px;
}

.ms-noresult-wrap {
  margin-left: -10px;
}
.ms-noresult-wrap .ms--noresult,
.ms-noresult-wrap .ms--noresult-all,
.ms-noresult-wrap .ms--empty-state,
.ms-noresult-wrap .ms--all-selected {
  height: 80px;
  margin: 10% auto 0;
  width: 100px;
}
.ms-noresult-wrap .ms--noresult-text {
  padding: 10px 15px 0;
  text-align: center;
  color: var(--ecs-base-clr-disabled);
}
.ms-noresult-wrap .ms--noresult,
.ms-noresult-wrap .ms--noresult-text {
  animation: show-animation 0.1s ease-in 1;
}

.ms__responsive-layout .multi-select__double-pane {
  width: 40vw;
}
.ms__responsive-layout .multi-select__double-pane .ms--left,
.ms__responsive-layout .multi-select__double-pane .ms--right {
  width: calc(40vw / 2 - 2vw / 2);
}
.ms__responsive-layout .multi-select__double-pane .ms--divider {
  width: 2vw;
}

.ms--item-container[data-drag-item][data-drag-active=true] {
  z-index: 2000;
}
.ms--item-container[data-drag-item] .ms--items img {
  margin-right: 10px;
}

.ms--item-container[data-loader] {
  pointer-events: none;
}
.ms--item-container[data-loader] .ms--items--label::after {
  display: inline-block;
  width: 100px;
  height: 12px;
  border-radius: 6px;
  background-image: linear-gradient(90deg, #ddd 0, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
  left: calc(100% + 20px);
  top: 0;
  content: "";
  vertical-align: middle;
}

[data-drag-active][data-count] {
  background: var(--ecs-container-bg-primary);
  border: 1px solid var(--ecs-container-border-clr-selected);
  padding: 4px;
  border-radius: 3px;
}
[data-drag-active][data-count]::after {
  content: attr(data-count);
  background-color: var(--ecs-container-bg-selected);
  color: var(--ecs-base-clr-primary);
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 12px;
  width: 24px;
  border-radius: 50%;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.ms--item-container.disabled,
.ms--item-container.disabled:hover {
  border: none !important;
}
.ms--item-container.disabled .ms--items--arrow,
.ms--item-container.disabled:hover .ms--items--arrow {
  display: none;
}

a.anchor-text[href] .helpdoc,
.helpdoc[href] {
  cursor: pointer !important;
}
a.anchor-text[href] .helpdoc:hover,
.helpdoc[href]:hover, a.anchor-text[href] .helpdoc:hover .hd--img,
.helpdoc[href]:hover .hd--img {
  background-color: var(--ecs-container-bg-primary);
}
a.anchor-text[href] .helpdoc:hover,
.helpdoc[href]:hover {
  box-shadow: 0 3px 14px 0 var(--ecs-container-shadow-hover);
}

.helpdoc--div, .helpdoc--helpnote {
  margin-bottom: 30px;
}
.helpdoc--div .helpdoc, .helpdoc--helpnote .helpdoc {
  width: 335px;
  box-shadow: 0 2px 9px 0 var(--ecs-container-shadow-hover);
  background: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 8px;
  cursor: default;
  padding: 16px;
  transition: all 250ms ease-in;
  margin: 0 auto;
  text-decoration: none;
  flex-flow: column nowrap;
  color: var(--ecs-base-clr-primary);
  display: flex;
}
.helpdoc--div .helpdoc .hd--label, .helpdoc--helpnote .helpdoc .hd--label {
  align-self: center;
  width: calc(100% - 40px);
  font: bold 14px var(--ecs-font-family);
  padding: 0 7px;
  color: var(--ecs-base-clr-primary) !important;
  text-align: left;
}
.helpdoc--div .helpdoc[data-header=normal] .hd--label, .helpdoc--helpnote .helpdoc[data-header=normal] .hd--label {
  font-weight: normal;
}
.helpdoc--div .helpdoc .hd--row, .helpdoc--helpnote .helpdoc .hd--row {
  display: flex;
  flex-flow: row wrap;
}
.helpdoc--div .helpdoc .hd--img, .helpdoc--helpnote .helpdoc .hd--img {
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
  background-color: transparent;
}
.helpdoc--div .helpdoc .hd--faq h3, .helpdoc--helpnote .helpdoc .hd--faq h3 {
  font: bold 13px var(--ecs-font-family);
}
.helpdoc--div .helpdoc .hd--faq ul, .helpdoc--helpnote .helpdoc .hd--faq ul {
  padding: 0;
  margin: 0;
}
.helpdoc--div .helpdoc .hd--faq ul li, .helpdoc--helpnote .helpdoc .hd--faq ul li {
  list-style-type: none;
  padding: 5px 0 5px 15px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M13.397%208.94a1.5%201.5%200%200%201%200%202.12l-6.793%206.794a.5.5%200%200%201-.707-.708l6.793-6.792a.5.5%200%200%200%200-.708L5.897%202.854a.5.5%200%200%201%20.707-.708l6.793%206.793Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat -6px 8px/16px;
  line-height: 17px;
}
.helpdoc--div .helpdoc ~ .helpdoc, .helpdoc--helpnote .helpdoc ~ .helpdoc {
  margin-top: 10px;
}
@media screen and (max-width: 1280px) {
  .helpdoc--div .helpdoc, .helpdoc--helpnote .helpdoc {
    margin: 0;
  }
}
.helpdoc--div .helpdoc.helpdoc--fluid, .helpdoc--helpnote .helpdoc.helpdoc--fluid {
  width: 100%;
}
.helpdoc--div:last-child, .helpdoc--helpnote:last-child {
  margin-bottom: 0;
}

.helpdoc--helpnote * {
  cursor: default !important;
}

.form-divider-horizontal {
  width: 100%;
  height: 1px;
  background-color: var(--ecs-container-border-clr);
}

.popover-animation {
  animation: show-animation 0.45s ease-in-out 1;
}

.field-tip .zpopover__content {
  padding: 10px;
}

/* --------------------------- Requirements Popup --------------------------- */
.requirements-item {
  padding-left: 0 !important;
  gap: 8px;
}

.accordion {
  width: 100%;
  padding: 25px 0 10px;
  text-align: left;
}
.accordion * {
  box-sizing: border-box;
}
.accordion ~ .accordion {
  margin-top: 10px;
}

.acc--label {
  display: inline-block;
  border: none;
  width: 100%;
  position: relative;
  cursor: pointer;
  font: 13px var(--ecs-font-family);
  user-select: none;
}
.acc--label:focus, .acc--label:focus-within, .acc--label[aria-disabled=true] > .acc--label--text {
  outline: none;
}
.acc--label:not([disabled]):focus-visible > .acc--label--text {
  outline: 1px dashed var(--ecs-container-border-clr-active);
}
.acc--label .acc--label--text {
  font: 14px var(--ecs-font-family);
  color: var(--ecs-base-clr-primary);
  padding: 10px 40px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 6px 6px 0 0;
  border-bottom: none;
  position: relative;
  transition: 0.5s color, border-color, border-radius ease-in;
}
.acc--label .acc--label--text:active, .acc--label .acc--label--text:focus {
  outline: none;
}
.acc--label .acc--label--text.accordion-arrow-down {
  border-radius: 6px;
}
.acc--label .acc--label--text.acc--closed {
  color: var(--ecs-base-clr-primary);
}
.acc--label:has(+ .acc--body .acc--inner:empty) .acc--label--text {
  border-radius: 6px;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}
.acc--label .acc--closed {
  border-color: transparent !important;
  border-radius: 6px !important;
  transition: 0.1s color, border-color, border-radius ease-in;
}
.acc--label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.acc--label .acc--checkmark {
  border-radius: 3px;
  top: 12px;
  left: 15px !important;
  /* Create the checkmark/indicator (hidden when not checked) */
}
.acc--label .acc--checkmark::after {
  content: "";
  position: absolute;
  display: none;
  /* Style the checkmark/indicator */
  left: 4px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: solid var(--ecs-base-bg-primary);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.acc--label .acc--disabled-text {
  padding-top: 5px;
}
.acc--label input:checked ~ .acc--checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.acc--label input:checked ~ .acc--checkmark::after {
  display: block;
}
.acc--label[disabled] input:checked ~ .acc--checkmark {
  border-color: var(--ecs-container-bg-disabled);
  background-color: var(--ecs-container-bg-disabled);
}
.acc--label[data-hide-checkbox] .acc--label--text {
  padding: 10px 40px 10px 20px;
}

.acc--body {
  border-top: none !important;
  width: 100%;
  border: 1px solid var(--ecs-container-border-clr);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-right: -2px;
  animation: border-animation 0.5s ease-in 1;
}
.acc--body .acc--inner {
  width: 100%;
  padding: 15px 40px;
}
.acc--body .acc--inner .acc--header {
  padding-bottom: 5px;
  position: relative;
}
.acc--body .acc--inner .acc--header::after {
  content: "";
  width: 50%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  background-image: linear-gradient(to right, var(--ecs-container-border-clr) 25%, var(--ecs-base-bg-primary) 75%);
  left: 0;
}
.acc--body .acc--inner .acc--content {
  padding: 10px 15px 30px;
  margin-top: 10px;
}
.acc--body .acc--inner .accordion {
  padding-top: 10px;
}
.acc--body .acc--inner .form-container {
  padding: 0;
}

.acc--body:has(.acc--inner:empty) {
  display: none !important;
}

.form-container .fc--row .acc--label,
.form-container .fc--group .acc--label {
  width: 100% !important;
}

.token-field {
  position: relative;
  min-height: 40px;
}
.token-field * {
  box-sizing: border-box;
}
.token-field *:focus, .token-field *:active {
  outline: none;
}
.token-field:focus, .token-field:active {
  outline: none;
}

.tf--container,
.tf--container-wrapper,
.tf--container-wrapper__active {
  transition: all 250ms ease-in;
}

.tf--container {
  flex-grow: 1;
}
.tf--container.tfc__open {
  max-height: 35px;
}

.tf--click {
  display: inline-flex;
  padding: 5px 0;
  cursor: pointer;
  color: var(--ecs-base-clr-tertiary);
}

.tf--container-wrapper, .tf--container-wrapper__active {
  z-index: 10;
  padding: 3px;
  position: relative;
  display: flex;
  height: auto !important;
  transition: none !important;
  max-height: 40px;
  overflow: hidden;
  width: 100%;
  background-color: var(--ecs-base-bg-primary);
}
.tf--container-wrapper:not(.tf--container-wrapper__active), .tf--container-wrapper__active:not(.tf--container-wrapper__active) {
  background: var(--ecs-caret-icon) no-repeat calc(100% - 12px) center/12px;
  background-color: var(--ecs-base-bg-primary);
}
.tf--container-wrapper:hover, .tf--container-wrapper__active:hover {
  box-shadow: none;
}

.tf--container-wrapper__active {
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: -1px 3px 4px 1px var(--ecs-container-shadow);
  max-height: 135px;
  overflow-y: auto;
}
.tf--container-wrapper__active:hover {
  box-shadow: -1px 3px 4px 1px var(--ecs-container-shadow);
}

.tf--token {
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 2px;
  margin: 3px 3px 3px 2px;
  height: 26px;
  padding: 4px 8px;
  background-color: var(--ecs-container-bg-secondary);
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  max-width: calc(100% - 5px);
}

.token-field:not([data-disabled]) .tf--token.tf--token__error {
  background-color: var(--ecs-container-bg-error-secondary) !important;
  color: var(--ecs-base-clr-error) !important;
  border-color: var(--ecs-container-border-clr-error);
}
.token-field:not([data-disabled]) .tf--token.tf--token__error .tft--close {
  background-color: var(--ecs-container-border-clr-error-secondary);
}
.token-field:not([data-disabled]) .tf--token.tf--token__error[data-selected] {
  background-color: var(--ecs-container-bg-selected) !important;
  border-color: var(--ecs-container-border-clr-active) !important;
}

.tf--token[data-selected] {
  background-color: var(--ecs-container-bg-selected);
  border-color: var(--ecs-container-border-clr-active);
}

.tft--text {
  position: relative;
  vertical-align: middle;
  line-height: 20px;
  font: 12px var(--ecs-font-family);
}

.tft--close {
  height: 26px;
  cursor: pointer;
  width: 17px;
  transition: 0.1s all linear;
  position: absolute;
  right: -1px;
  top: -1px;
  border-left: 1px solid var(--ecs-container-border-clr-disabled);
  border-right: 1px solid transparent;
  opacity: 0;
  border-radius: 0 2px 2px 0;
  background-color: var(--ecs-container-bg-quinary);
}
.tft--close:not(:has(svg)) {
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--ecs-container-bg-quinary);
}
.svg-bg-sgtnnae2sst, .tft--close:not(:has(svg)) {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M4.146%204.146a.5.5%200%200%201%20.708%200L10%209.293l5.146-5.147a.5.5%200%200%201%20.708.708L10.707%2010l5.147%205.146a.5.5%200%200%201-.708.708L10%2010.707l-5.146%205.147a.5.5%200%200%201-.708-.708L9.293%2010%204.146%204.854a.5.5%200%200%201%200-.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.tf--token:hover .tft--close,
.tft--close:hover {
  opacity: 1;
}

.tf--suggestions {
  position: fixed;
  z-index: 99;
  overflow-y: auto;
  background-color: var(--ecs-base-bg-primary);
  border-top: none !important;
  cursor: pointer;
  height: 0;
  transition: none;
  border-radius: 0 0 4px 4px;
  transform: translateZ(0);
  font: 13px var(--ecs-font-family);
  will-change: top, left;
}
.tf--suggestions * {
  font: 13px var(--ecs-font-family);
}
.tf--suggestions.tf--show {
  height: auto;
  border: 1px solid var(--ecs-input-border-clr);
  max-height: none;
  box-shadow: -1px 3px 4px 1px var(--ecs-container-shadow);
  overflow: hidden;
}
.tf--suggestions > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
}
.tf--suggestions > ul > .tfs--block:first-child {
  margin-top: 5px;
}
.tf--suggestions > ul > .tfs--block {
  transition: none;
}

.sticky-header {
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}

.sticky-top {
  height: 32px;
  top: 20px;
}

.header-box-shadow {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}

.tf--input-wrapper {
  height: 0;
}

.tf--input-wrapper_open {
  height: 35px;
  position: relative;
}

.tf--input-wrapper_open,
.tf--input-wrapper {
  flex-grow: 1;
  transition: 0.1s height linear;
  overflow: hidden;
}

.tfs--block {
  position: relative;
  display: flex;
  padding: 8px 10px 8px 15px;
  margin-bottom: 2px;
}
.tfs--block[data-selected] {
  color: var(--ecs-base-clr-selected);
  background-color: var(--ecs-container-bg-selected);
}
.tfs--block[data-selected]:hover {
  background-color: var(--ecs-container-bg-selected);
}
.tfs--block[data-selected] .tfs--content {
  max-width: 90%;
}
.tfs--block[data-selected]::before {
  content: "";
  position: absolute;
  border: solid var(--ecs-container-border-clr-active);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  right: 30px;
  top: calc(50% - 5px);
  width: 4px;
  height: 10px;
}
.tfs--block:hover {
  background-color: var(--ecs-container-bg-hover);
}
.tfs--block[data-disabled] {
  opacity: 0.67;
  cursor: default;
}
.tfs--block:not([data-disabled]):hover {
  background-color: var(--ecs-container-bg-hover);
}
.tfs--block.highlight {
  background-color: var(--ecs-container-bg-hover);
}
.tfs--block .dc-checkbox .checkbox--form {
  padding-right: 0;
}

.tf--select-all {
  padding: 8px 12px 0 0;
  text-align: right;
  color: var(--ecs-base-clr-selected);
}
.tf--select-all[data-disabled] {
  display: none;
}

.tf--input {
  transition-property: background;
  flex-grow: 1;
  width: 100% !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none;
  outline: none;
  padding-left: 5px;
}

.tfs--text {
  padding-left: 5px;
  padding-right: 20px;
  flex: 2;
}

.tfs--create-new {
  color: var(--ecs-base-clr-selected);
  font-weight: bold;
}

.tfs--info {
  color: var(--ecs-base-clr-tertiary);
}

.tfs--image {
  width: 26px;
  height: 26px;
  align-self: center;
  margin-right: 8px;
}

.tfs--content {
  display: flex;
  width: 100%;
}

@keyframes suggestions-animation {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 200px;
  }
}
.tf--no-data {
  padding: 10px;
  color: var(--ecs-base-clr-tertiary);
  text-align: center;
  list-style-type: none;
}

.token-field .tf--input, .token-field .tf--input:hover, .token-field .tf--input:invalid:hover, .token-field .tf--input:focus, .token-field .tf--input:invalid:focus {
  height: 32px;
  width: 200px !important;
  border: none !important;
}
.token-field .tf--input:active,
.token-field .tf--input:focus {
  border: none !important;
  box-shadow: none !important;
}
.token-field .tf--container-wrapper__active {
  border: 1px solid var(--ecs-container-border-clr-active) !important;
}
.token-field .tf--container::after {
  padding: 0;
}
.token-field .tf--container.shrink {
  overflow: hidden;
}
.token-field .tfs--header {
  position: sticky;
  color: var(--ecs-base-clr-tertiary);
  z-index: 2;
  top: 0;
  background-color: var(--ecs-base-bg-primary);
  padding: 8px;
  display: flex;
  align-items: center;
}
.token-field .tfs--header .tfs--header_text {
  background-color: var(--ecs-container-bg-secondary);
  height: 1px;
  flex-grow: 1;
  margin-left: 5px;
}
.token-field .sentinel-list_item {
  height: 30px;
}
@keyframes zp-fd-placeholder {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.token-field .tf--suggestions__top {
  box-shadow: 2px -2px 7px 1px var(--ecs-container-border-clr-disabled);
  border-radius: 4px 4px 0 0;
}
.token-field .tf--editable_token {
  padding: 5px;
}
.token-field .tf--editable_token, .token-field .tf--editable_token:focus {
  border: 1px solid var(--ecs-container-border-clr-active);
}

.token-field[data-disabled] {
  display: inline-flex;
}
.token-field[data-disabled],
.token-field[data-disabled] .tf--input,
.token-field[data-disabled] .tf--token {
  pointer-events: none;
}
.token-field[data-disabled] .tf--token {
  background-color: var(--ecs-container-bg-primary);
  opacity: 0.5;
}
.token-field[data-disabled] .tf--input,
.token-field[data-disabled] .tf--container-wrapper,
.token-field[data-disabled] .tf--container-wrapper__active {
  background-color: var(--ecs-container-bg-tertiary) !important;
  height: 100%;
}
.token-field[data-disabled] .tf--count::after {
  box-shadow: none;
}

.token-field[data-no-dropdown] .tf--container-wrapper, .token-field[data-no-dropdown] .tf--container-wrapper__active {
  background-image: none;
}
.token-field[data-no-dropdown] .tf--container-wrapper__active {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.token-field[data-no-dropdown] .tf--suggestions {
  display: none;
}

.zdialog__content .tf--container-wrapper__active {
  position: relative;
}

.token-field,
.tf--suggestions {
  width: 450px !important;
}
@media screen and (max-width: 1368px) {
  .token-field,
  .tf--suggestions {
    width: 400px !important;
  }
}
@media screen and (max-width: 1280px) {
  .token-field,
  .tf--suggestions {
    width: 375px !important;
  }
}

.tf--number,
.tf--number .token-field {
  width: 140px !important;
}
.tf--number .tf--input, .tf--number .tf--input:hover,
.tf--number .token-field .tf--input,
.tf--number .token-field .tf--input:hover {
  width: 100% !important;
}
.tf--number .tf--suggestions {
  width: 140px !important;
}

.token-field.tf__fluid {
  width: 100% !important;
}

.tf--token__counter {
  color: var(--ecs-base-clr-selected);
  background-color: var(--ecs-container-bg-selected);
  border: 1px solid var(--ecs-container-border-clr-active);
}

.tf--container-loader {
  z-index: 1;
  background-color: base-bg-primary;
  opacity: 0.5;
}

.tf--container-loader .animate-loader, .tf--container-loader .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content, .occluded-tfs--wrapper .tfs--block[data-loader] .tf--container-loader .tfs--content {
  border-radius: 2px;
  border: 1px solid var(--ecs-container-border-clr);
  height: 26px;
  margin: 3px 3px 3px 2px;
  width: 90px;
}

.occluded-tfs--wrapper .tfs--block[data-loader] {
  pointer-events: none;
}
.occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content {
  margin: 0 !important;
}

.tf--suggestions[data-item-description] .tfs--content {
  flex-direction: column;
}

/*
* HTML structure
* .dc-advanced-filter
*   -> dcaf--toggle-dropdown-container
*      -> dcaf--srch
*         -> af--token
*         -> dcaf--tx
*      -> dcaf-dd__open
*         -> dcaf--list
*/
/*
* Class names description
* dcaf--srch -> seacrh input wrapper,
* dcaf--tx -> actual textbox inside .dcaf--srch,
* dcaf-dd -> dropdown element
*/
.dc-advanced-filter .dcaf--srch {
  position: relative;
}
.dc-advanced-filter .dcaf--srch input[type=text].dcaf--inline-tb {
  width: 100%;
  flex: 1;
}

.dc-advanced-filter {
  outline: none;
  max-width: 100%;
  transition: box-shadow 0.25s linear;
  padding: 1px;
  position: relative;
  min-height: 30px;
  /* ---------------- Toggle Container with search and dropdown --------------- */
  /* ---------------------- Search box an token container --------------------- */
}
.dc-advanced-filter * {
  font: 13px var(--ecs-font-family);
}
.dc-advanced-filter .dcaf--toggle-dropdown-container {
  max-height: 32px;
  transition: 0.25s ease-in max-height;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.dc-advanced-filter .dcaf--toggle-dropdown-container[data-search-open] {
  max-height: 300px;
}
.dc-advanced-filter .dcaf--toggle-dropdown-container[data-search-open] .dcaf--srch::after {
  visibility: hidden !important;
}
.dc-advanced-filter .dcaf--toggle-dropdown-container[data-search-open] .dcaf-dd__open::before {
  width: calc(100% - 10px);
}
.dc-advanced-filter .dcaf--toggle-dropdown-container[data-search-open] .af--token [role=button] {
  cursor: pointer;
}
.dc-advanced-filter .dcaf--srch {
  background-color: var(--ecs-base-bg-primary);
}
.dc-advanced-filter .dcaf--srch.search-icon-bg::before {
  cursor: pointer;
  background-position-y: 5px;
}
.dc-advanced-filter .dcaf--srch[data-token-count]:not([data-token-count="0"])::after {
  padding: 0 !important;
  top: 2px !important;
  transform: translate(-100%, 1px) !important;
  content: attr(data-token-count);
  transition: 0.25s ease-in transform;
}
.dc-advanced-filter input[type].dcaf--tx {
  border-color: transparent !important;
  border-bottom-color: var(--ecs-input-border-clr);
  width: 150px;
}
.dc-advanced-filter .dcaf--srch input[type].dcaf--tx {
  height: 30px;
  padding: 0;
}
.dc-advanced-filter .dcaf--srch input[type].dcaf--tx:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}
.dc-advanced-filter .dcaf--srch input[type].dcaf--tx:hover {
  box-shadow: none;
}

.dcaf-dd__open {
  width: 100%;
  justify-content: flex-start;
  background-color: var(--ecs-base-bg-primary);
  z-index: 10;
  position: relative;
}
.dcaf-dd__open[data-empty] {
  display: none;
}
.dcaf-dd__open::before {
  position: absolute;
  left: 5px;
  top: 0;
  height: 1px;
  background-color: var(--ecs-container-border-clr);
  width: 0;
  content: "";
  transition: width 0.5s linear;
}

.af--token {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
  max-width: 175px;
  margin: 4px 4px 4px 0;
}
.af--token span {
  padding: 2px 5px;
}
.af--token [role=link] {
  background-color: var(--ecs-container-bg-primary);
  cursor: default;
}
.af--token [role=link],
.af--token [role=textbox] {
  max-width: 70px;
}
.af--token [role=textbox] {
  min-width: 15px;
  cursor: pointer;
  color: var(--ecs-base-clr-active);
}
@media (max-width: 1368px) {
  .af--token [role=textbox] {
    max-width: 50px;
  }
}
.af--token[data-active] [role=link] {
  background: var(--ecs-container-bg-selected);
}
.af--token input[type=text] {
  border: none;
  outline: none;
}
.af--token [role=button] {
  opacity: 0.67;
}
.af--token[data-editable] [role=textbox] {
  cursor: text;
  color: var(--ecs-base-clr-primary);
}

.dcaf--list {
  max-height: 175px;
  transition: max-height 0.25s ease-in;
  border-radius: 0 0 3px 3px;
  margin: auto 0;
}
.dcaf--list [role=listitem],
.dcaf--list .dcaf--list-basic {
  padding: 5px 15px;
  font: 13px var(--ecs-font-family);
  line-height: 21px;
  cursor: pointer;
  transition: background 0.25s ease-in;
}
.dcaf--list [role=listitem]:hover, .dcaf--list [role=listitem]:focus,
.dcaf--list .dcaf--list-basic:hover,
.dcaf--list .dcaf--list-basic:focus {
  outline: none;
  background-color: var(--ecs-container-bg-hover);
}
.dcaf--list [role=listitem].checkbox--form {
  padding: 5px 0 5px 35px;
  width: 100%;
}
.dcaf--list [role=listitem].checkbox--form .checkmark {
  top: 7px;
  left: 15px;
}

.dcaf--dd-input-wrap {
  padding: 5px 15px;
  height: 35px;
  transition: height 0.25s ease-in;
  overflow: hidden;
}

input[type=text].dcaf--dropdown-input {
  width: 100%;
  height: 24px;
}

/* ------------------- Temporary style to prevent breakage ------------------ */
.smp-main-view .af--token [role=button] {
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10px;
}
.svg-bg-sjmdt5rip1c, .smp-main-view .af--token [role=button] {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M4.146%204.146a.5.5%200%200%201%20.708%200L10%209.293l5.146-5.147a.5.5%200%200%201%20.708.708L10.707%2010l5.147%205.146a.5.5%200%200%201-.708.708L10%2010.707l-5.146%205.147a.5.5%200%200%201-.708-.708L9.293%2010%204.146%204.854a.5.5%200%200%201%200-.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.pl--dropdown-item {
  height: 21px;
}

.is-selected .plp--num > span {
  font-weight: bold;
}

.pl--country-code {
  position: absolute;
  left: 64px;
  top: 0;
  height: 100%;
  line-height: 35px;
  font-weight: bold;
}

.plp--flag {
  padding-right: 10px;
}
.plp--flag img {
  width: 25px;
  height: 15px;
}

.phone-field .dc-select .pl--placeholder {
  max-width: 64px;
  background-position: calc(100% - 6px) 50%;
  padding: 0 4px 0 10px;
  transition: none !important;
  box-shadow: none;
  margin: -1px 0 0 -1px;
  background-color: var(--ecs-container-bg-secondary) !important;
  height: 33px;
  border-radius: 2px 0 0 2px;
  border-right: 1px solid var(--ecs-input-border-clr);
  flex-wrap: nowrap;
}
.phone-field .dc-select .pl--placeholder .zselectbox__selected {
  padding-right: 0 !important;
}
.phone-field .dc-select .pl--placeholder.is-active, .phone-field .dc-select .pl--placeholder.has-focus {
  margin: -2px 0 0 -2px;
  height: 35px;
  border-radius: 3px 0 0 3px !important;
}
.phone-field .textbox--form {
  transition-property: background, border, box-shadow;
}
.phone-field .pl--dropdown-item {
  padding: 0;
}
.phone-field .pl--dropdown-item .plp--flag {
  padding-right: 0;
}
.phone-field .pl--dropdown-item .plp--num {
  display: none !important;
}

.fc--group[data-error] .pl--placeholder, .fc--group[data-error] .pl--placeholder:hover {
  margin: -2px 0 0 -2px;
  height: 35px;
  max-width: 62px;
  padding-left: 12px;
  padding-right: 22px;
  border-radius: 3px 0 0 3px !important;
}

.ef__actions {
  right: 0;
  top: 0;
}

.ef__button {
  line-height: 0;
  border: 0;
  background: transparent;
}

.ef__icon {
  padding: 2px;
}

.edit-field {
  min-width: 0;
  /* -------------------------------- Modifiers ------------------------------- */
}
.edit-field .dc-textbox .textbox--form,
.edit-field .textarea--form textarea {
  padding-right: 44px;
}
.edit-field .textbox__clear {
  display: none;
}
.edit-field .dc-select .zselectbox {
  background-position: right 48px center;
}
.edit-field[data-show-edit-on-hover] .ef__edit {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.edit-field[data-show-edit-on-hover]:hover .ef__edit, .edit-field[data-show-edit-on-hover]:focus .ef__edit, .edit-field[data-show-edit-on-hover]:active .ef__edit, .edit-field[data-show-edit-on-hover]:focus-within .ef__edit {
  opacity: 1;
}

.color-field--button {
  aspect-ratio: 1/1;
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
  padding: 4px;
  gap: 4px;
  width: 40px;
}
.color-field + .color-field .color-field--button {
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.color-field:has(+ .color-field) .color-field--button {
  border-radius: 3px 0 0 3px;
}
.color-field--preview {
  border-radius: 3px;
  width: 100%;
  height: 4px;
}

.dc-checkbox input:indeterminate ~ .checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.dc-checkbox input:indeterminate ~ .checkmark::after {
  display: block;
  border-width: 0 0 2px 0;
  width: 5px;
  height: 5px;
  transform: none;
}

.tf--count, .dc-advanced-filter .dcaf--srch[data-token-count]:not([data-token-count="0"])::after {
  font: 13px var(--ecs-font-family);
  padding: 5px;
  aspect-ratio: 1/1;
  min-height: 24px;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  left: calc(100% - 6px);
  visibility: visible;
  border-radius: 50%;
  box-shadow: 0 0 4px 8px var(--ecs-base-bg-primary);
  background-color: var(--ecs-container-bg-selected);
  transform: translate(-100%, -50%);
}

.animate-loader, .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: zp-fd-placeholder;
  animation-name: zp-fd-placeholder;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: var(--ecs-container-bg-secondary);
  background: var(--ecs-container-bg-primary);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--ecs-container-bg-primary)), color-stop(18%, var(--ecs-container-bg-tertiary)), color-stop(33%, var(--ecs-container-bg-primary)));
  background: -webkit-linear-gradient(left, var(--ecs-container-bg-primary) 8%, var(--ecs-container-bg-tertiary) 18%, var(--ecs-container-bg-primary) 33%);
  background: linear-gradient(to right, var(--ecs-container-bg-primary) 8%, var(--ecs-container-bg-tertiary) 18%, var(--ecs-container-bg-primary) 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 12px;
  margin: 16px;
  border-radius: 6px;
}
.animate-loader:nth-child(1n), .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content:nth-child(1n) {
  animation-delay: 0.1s;
}
.animate-loader:nth-child(2n), .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content:nth-child(2n) {
  animation-delay: 0.2s;
}
.animate-loader:nth-child(3n), .occluded-tfs--wrapper .tfs--block[data-loader] .tfs--content:nth-child(3n) {
  animation-delay: 0.3s;
}
/*
* Flatten nested map by appending the keys
* Since Sass map should be store stored only in key value pair,
* we will use `-thisValue` as property name for setting color value to a child node
* Example:
  border: (
    clr: (
      selected: (
        secondary: #1461cc,
        thisValue: #2b74d9
      )
    )
  )
  Here `#2b74d9` is a value for `border-clr-selected` node
*/
:root {
  --ecs-font-current: "Lato";
  --ecs-font-family: var(--ecs-font-current), "Lato", "Roboto", sans-serif;
}

:root {
  --ucs-namespace: --ecs-;
}

/* Font style variables  */
.ucs-banner {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
}

@-moz-document url-prefix() {}
.lite-table-wrapper ::-webkit-input-placeholder, .lite-table-wrapper :-moz-placeholder, .lite-table-wrapper ::-moz-placeholder, .lite-table-wrapper :-ms-input-placeholder, .lite-table-wrapper ::-ms-input-placeholder, .lite-table-wrapper ::placeholder {
  color: var(--ecs-base-clr-tertiary) !important;
}

[ucs-data-checked]:before, [ucs-data-selected]:before {
  position: absolute;
}

[ucs-data-checked], [ucs-data-selected] {
  position: relative;
}

@-moz-document url-prefix() {}
/*
* @mixin dc-checkbox__toggle-switch - a mixin to change dc-checkbox into toggle switch style
* @params $size - size of the toggle switch, $isLeft - to position switch on left side
*/
/*common*/
/*separate placeholder for separate class of disabled buttons*/
[uems-draggable-table] > div:first-of-type::before,
.uems-draggable-table > div:first-of-type::before, [uems-draggable]::before,
.uems-draggable::before {
  position: absolute;
  top: 0;
  left: 5px;
  width: 15px;
  height: 100%;
  background: var(--svg-bucket-move-icon) no-repeat 0 center/16px !important;
}
body[ems-theme=dark] [uems-draggable-table] > div:first-of-type::before,
body[ems-theme=dark] .uems-draggable-table > div:first-of-type::before, body[ems-theme=dark] [uems-draggable]::before,
body[ems-theme=dark] .uems-draggable::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(65deg) brightness(111%) contrast(100%);
}

[uems-draggable],
.uems-draggable,
[uems-draggable-table],
.uems-draggable-table {
  cursor: move;
  user-select: none;
}

[uems-draggable],
.uems-draggable {
  padding-left: 25px !important;
  position: relative;
}
[uems-draggable]:hover::before,
.uems-draggable:hover::before {
  content: "";
}

[uems-draggable-table] > div:first-of-type,
.uems-draggable-table > div:first-of-type {
  padding-left: 25px !important;
  position: relative;
}
[uems-draggable-table]:hover > div:first-of-type::before,
.uems-draggable-table:hover > div:first-of-type::before {
  content: "";
}

[uems-flag] {
  position: relative;
}
[uems-flag]::after {
  content: attr(flag-content);
  font: bold 13px var(--ecs-font-family);
  padding: 1px 3px;
  margin-left: 2px;
  border-radius: 2px;
}

[uems-flag=feature]::after {
  background-color: var(--ecs-promo-bg-primary);
  color: var(--ecs-base-clr-primary);
  top: calc(50% - 9px);
  min-height: 18px;
}

[data-ucs-rotate="45"] {
  transform: rotate(45deg);
}

[data-ucs-rotate="90"] {
  transform: rotate(90deg);
}

[data-ucs-rotate="135"] {
  transform: rotate(135deg);
}

[data-ucs-rotate="180"] {
  transform: rotate(180deg);
}

[data-ucs-rotate="270"] {
  transform: rotate(270deg);
}

/* HTML structure
*
*  //Default state//
*  <div .btn-popup__attach-container
*       <button .btn.ucs-dropdown-btn-arrow__dark
*  </div>
*  <div .popover
*
*  //Active state//
*  <div .btn-popup__attach-container [data-active]
*       <button .btn.ucs-dropdown-btn-arrow__dark.lite-bg [data-rotate="180"]
*  </div>
*  <div .popover
*/
.btn-popup__attach-container {
  position: relative;
  display: inline-block;
}
.btn-popup__attach-container[data-active]::after {
  opacity: 1;
}
.btn-popup__attach-container[data-active] button {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
}
.btn-popup__attach-container::after {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: 10px;
  z-index: 100000;
  bottom: -3px;
  left: 1px;
  opacity: 0;
  transition: opacity 0.25s ease-in;
  background-color: var(--ecs-base-bg-primary);
}

[ucs-data-checked], [ucs-data-checked]:hover, [ucs-data-selected], [ucs-data-selected]:hover {
  background-color: var(--ecs-container-bg-selected);
}
[ucs-data-checked]:before, [ucs-data-selected]:before {
  content: "";
  border: solid var(--ecs-container-border-clr-active);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  right: 5%;
  top: 50%;
  width: 4px;
  height: 10px;
  animation: show-animation 0.25s linear;
}

.ucs-show-on-hover, .ucs-show-on-hover-child {
  opacity: 0;
}
.ucs-show-on-hover:not(.ucs-show-on-hover__no-fade), .ucs-show-on-hover-child:not(.ucs-show-on-hover__no-fade) {
  transition: opacity 250ms ease-in;
}
.ucs-show-on-hover-parent:hover > .ucs-show-on-hover-child, .ucs-show-on-hover:hover {
  opacity: 1;
}

.ucs-banner {
  padding: 10px;
}
.ucs-banner__info {
  background-color: var(--ecs-container-bg-info-secondary);
  border-color: var(--ecs-container-border-clr-info-secondary);
  color: var(--ecs-base-clr-info);
}
.ucs-banner__alert {
  background-color: var(--ecs-container-bg-warning-secondary);
  border-color: var(--ecs-container-border-clr-warning-secondary);
}
.ucs-banner__error {
  background-color: var(--ecs-container-bg-error-secondary);
  border-color: var(--ecs-container-border-clr-error-secondary);
  color: var(--ecs-base-clr-error);
}
.ucs-banner__success {
  background-color: var(--ecs-container-bg-success-secondary);
  border-color: var(--ecs-container-border-clr-success-secondary);
  color: var(--ecs-base-clr-success);
}

/* ---------------------- Background Color with Fitler ---------------------- */
.ucs-splitter {
  --splitter-width: 1px;
  --splitter-height: 20px;
  --splitter-margin: 8px;
  background-color: var(--ecs-container-border-clr);
  height: var(--splitter-height);
  margin-inline: var(--splitter-margin);
  width: var(--splitter-width);
}

.lt__column-resize {
  height: 100%;
  width: 15px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: 1;
  cursor: col-resize;
}

.ltv__column-chooser-icon {
  height: 25px;
  width: 25px;
  display: inline-block;
  background-color: var(--ecs-bg-primary);
}

.lt__column-chooser {
  background-color: var(--ecs-bg-primary);
  width: 200px;
  position: fixed;
  top: 42px;
  z-index: 5;
  right: 145px;
}
.lt__column-chooser [lt-draggable-table] > div:first-of-type::before {
  background: none !important;
}
.lt__column-chooser:not([data-column-hideable]) .ltcc--checkbox {
  display: none;
}

.ltcc--list {
  height: 120px !important;
}

.ltcc__item {
  display: flex;
  align-items: center;
  background-color: var(--ecs-bg-primary);
  min-height: 25px;
}

.lite-table-wrapper {
  font: 13px var(--ecs-font-family);
}

/* ------------------------------- Drag Handle ------------------------------ */
[lt-draggable-table] > div:first-of-type::before {
  position: absolute;
  top: calc(50% - 12px);
  left: 10px;
  width: 15px;
  height: 20px;
  text-wrap: wrap;
  line-height: 5px;
  font-size: 18px;
  color: var(--ecs-base-clr-active);
  content: ".. .. ..";
  display: none;
}

[lt-draggable-table] {
  cursor: move;
  user-select: none;
}
[lt-draggable-table] > div:first-of-type {
  position: relative;
}
[lt-draggable-table]:hover > div:first-of-type::before {
  display: block;
}

[data-table-reorder] .ltv--header,
[data-table-reorder] .ltv--table-head--cell,
[data-table-reorder] .ltv--table-row .ltv--table-cell {
  padding-left: 25px;
}

.ltv--search-row input[type=text] {
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
  transition: all 0.25s ease-in;
}
.ltv--header .ltv--search-box:focus-within, .ltv--search-row input[type=text]:active, .ltv--search-row input[type=text]:focus {
  border: 1px solid var(--ecs-container-border-clr-active) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-active) !important;
  outline: none !important;
}

.list-table-view {
  display: table;
  border: 1px solid var(--ecs-container-border-clr);
  font-weight: normal;
  font: 13px var(--ecs-font-family);
  position: relative;
  width: 100%;
}
.list-table-view .ltv--table-body {
  display: table-row-group;
}
.list-table-view .ltv--table-body .ltv--table-row:first-child .ltv--table-cell {
  border-top: 1px solid var(--ecs-container-border-clr);
}
.list-table-view * {
  box-sizing: border-box;
}
.list-table-view input[type=checkbox] {
  margin: 0;
}

.ltv--header {
  display: table-caption;
  padding: 5px;
  font-weight: 400;
  font-size: 14px;
  background-color: var(--ecs-container-bg-primary);
  padding: 12px 8px 10px 15px;
  min-height: 40px;
  border: 1px solid var(--ecs-container-border-clr);
  border-bottom: none;
  border-top: none;
}
.ltv--header .ltv--title,
.ltv--header .ltv--header--right {
  display: inline-flex;
  vertical-align: -webkit-baseline-middle;
}
.ltv--header .ltv--title__image {
  max-width: 200px;
  padding-right: 10px;
}
.ltv--header .ltv--title__image img {
  width: 55%;
}
@media screen and (max-width: 1440px) {
  .ltv--header .ltv--title__image img {
    width: 100%;
  }
}
.ltv--header .ltv--title__name {
  font: 15px var(--ecs-font-family);
}
.ltv--header .ltv--header--right {
  float: right;
}
.ltv--header .ltv--header--right .ltv--search-icon,
.ltv--header .ltv--header--right .ltv--refresh-icon {
  font-size: 14px;
  background-color: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
  height: 25px;
  color: var(--ecs-base-clr-primary);
  transition: border 0.1s ease-in;
}
.ltv--header .ltv--header--right .ltv--search-icon:hover,
.ltv--header .ltv--header--right .ltv--refresh-icon:hover {
  border-color: var(--ecs-btn-border-clr-hover);
}
.ltv--header .ltv--search-icon span {
  user-select: none;
}
.ltv--header .ltv--refresh-icon .ltv--refresh-icon-inner {
  cursor: pointer;
  border-left: 1px solid var(--ecs-container-border-clr);
  width: 25px;
}
.ltv--header .ltv--refresh-icon .ltv--refresh-icon-inner:not([data-loaded]) svg {
  animation: ltv--refresh-icon-rotate 1s linear infinite;
  cursor: wait;
}
@keyframes ltv--refresh-icon-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ltv--header .ltv--search-icon--data img,
.ltv--header .ltv--search-box img {
  padding: 0 5px;
  height: 15px;
  width: 25px;
}
.ltv--header .ltv--search-box {
  width: 200px;
  height: 25px;
  background-color: var(--ecs-base-bg-primary);
}
.ltv--header .ltv--search-box input {
  border: none;
  box-shadow: none;
  outline: none;
  width: calc(100% - 30px);
  background-color: var(--ecs-base-bg-primary);
}
.ltv--table-head--row {
  background: var(--ecs-container-bg-primary);
  font-size: 13px;
  border: solid var(--ecs-container-border-clr);
  border-width: 1px 0;
  min-height: 35px;
}

.ltv--table-head--cell {
  display: table-cell;
  user-select: none;
  padding: 12px 8px 10px 15px;
  position: relative;
}
.ltv--table-head--cell .sortable {
  cursor: pointer;
}
.ltv--table-head--cell .ltv--sort-up span {
  position: relative;
}
.ltv--table-head--cell .ltv--sort-up span::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-width: 5px 5px 0px 5px;
  border-style: solid;
  border-color: var(--ecs-icon-fill-primary) transparent;
  transition: 0.25s all ease-in-out;
  right: -15px;
  top: 40%;
}
.ltv--table-head--cell .ltv--sort-up.ltv--sort-down span::after {
  transform: rotateX(180deg);
}

.ltv--table-row.ltv--searchrow-wrapper {
  position: absolute;
  height: 0;
}
.ltv--table-row.ltv--searchrow-wrapper .ltv--table-cell {
  padding: 0;
}
.ltv--table-row.ltv--searchrow-wrapper .ltv--table-cell .ltv--search-row {
  height: 0;
  overflow: hidden;
}

.ltv--table-row.ltv--searchrow-wrapper__active {
  height: auto;
  border: 1px solid var(--ecs-container-border-clr);
  position: relative;
}
.ltv--table-row.ltv--searchrow-wrapper__active .ltv--table-cell {
  padding: 12px 8px 10px 15px;
}
.ltv--table-row.ltv--searchrow-wrapper__active .ltv--table-cell .ltv--search-row {
  height: auto;
}

/* ---------------------------------- Body ---------------------------------- */
.ltv--table-row,
.ltv--table-row--no-title,
.ltv--table-head--row {
  display: table-row;
}

.ltv--table-row,
.ltv--table-row--no-title {
  font-size: 13px;
  width: 100%;
}
.ltv--table-row .ltv--table-cell,
.ltv--table-row--no-title .ltv--table-cell {
  display: table-cell;
  padding: 12px 8px 10px 15px;
  overflow-wrap: break-word;
}

/* ------------------------------ Draggable Row ----------------------------- */
.ltv--table-row[uems-draggable] .ltv--table-cell {
  padding: 15px 25px;
}

/* --------------------------------- Filters -------------------------------- */
.filters {
  cursor: pointer;
}
.filters .filter {
  overflow: hidden;
  white-space: nowrap;
  padding: 4px 8px;
  height: 25px;
  width: 150px;
}
.filters .filter-content {
  display: block;
  width: 150px;
  z-index: 10;
}
.filters .filter-content .filter-row {
  padding: 5px 25px 5px 10px;
  background-color: var(--ecs-base-bg-primary);
}
.filters .filter-content .filter-row p {
  margin: 0;
}
.filters .filter-content .filter-row:hover {
  background-color: var(--row-bg);
}

.ltv--table-row:nth-child(even) {
  background: var(--row-bg);
}

.ltv--table-row--no-title:nth-child(odd) {
  background: var(--row-bg);
}

.ltv--table-row--no-title:nth-child(even) {
  background: var(--row-bg);
}

.ltv--search-row input[type=text] {
  padding: 3px 25px 4px 10px;
  height: 25px;
  width: 100%;
}

.ltv--table-row--no-data,
.ltv--table-row--no-title--no-data {
  border: 1px solid var(--ecs-container-border-clr);
  border-top: 0px;
  font-size: 14px;
  padding-top: 5px;
  text-align: center;
}

.ltv--table-row--no-title--no-data {
  background: var(--row-bg);
}

/* -------------------------- Header - Left Aligned ------------------------- */
.ltv--table-row__left .ltv--table-head--cell {
  border-right: 1px solid var(--ecs-container-border-clr);
  border-bottom: none;
  background-color: var(--ecs-container-bg-primary);
}
.ltv--table-row__left:first-child .ltv--table-head--cell,
.ltv--table-row__left:first-child .ltv--table-cell {
  border-top: 0 !important;
}

.ltv--table-row.ltc--table-row__left .ltv--table-cell {
  padding: 0 0 0 15px;
}

/* --------------------------------- Footer --------------------------------- */
.ltv--pagination--wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  border: 1px solid var(--ecs-container-border-clr);
  background-color: var(--ecs-container-bg-primary);
  border-top: none;
}

.ltv--pagination svg {
  padding: 2px;
  vertical-align: middle;
}
.ltv--pagination select {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
}

.ltv--list-table-view__no-data {
  padding: 10px;
  justify-content: center;
  display: flex;
  border: 1px solid var(--ecs-container-border-clr);
  border-top: none;
}

.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-head--cell:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-cell:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-head--cell:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-cell:first-child {
  padding-left: 0;
  padding-right: 0;
}
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-head--cell:first-child > div:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-cell:first-child > div:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-head--cell:first-child > div:first-child,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-cell:first-child > div:first-child {
  text-align: center;
}
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-head--cell:first-child > div:first-child.dc-radio,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-cell:first-child > div:first-child.dc-radio,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-head--cell:first-child > div:first-child.dc-radio,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-cell:first-child > div:first-child.dc-radio {
  margin-left: 15px;
}
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-head--cell:first-child > div:first-child label,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-head--row .ltv--table-cell:first-child > div:first-child label,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-head--cell:first-child > div:first-child label,
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row .ltv--table-cell:first-child > div:first-child label {
  margin-right: auto !important;
  margin-left: auto !important;
}
.lite-table-view__column-wrap-1 .list-table-view .ltv--table-row:nth-child(even):hover, .lite-table-view__column-wrap-1 .list-table-view .ltv--table-row:nth-child(odd):hover {
  background-color: var(--ecs-container-bg-hover);
}

/* -------------------------- Sticky Header Scroll -------------------------- */
.list-table-view__container.ltv--scrollable {
  overflow-y: auto !important;
  max-height: 50vh;
  min-height: auto;
  border: 1px solid var(--ecs-container-border-clr);
}
.list-table-view__container.ltv--scrollable .list-table-view {
  border: none !important;
}
.list-table-view__container.ltv--scrollable .ltv--table-head--row .ltv--table-head--cell {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--ecs-container-bg-primary);
  border-bottom: 1px solid var(--ecs-container-border-clr);
  background: var(--ecs-container-bg-primary);
}
.list-table-view__container.ltv--scrollable .ltv--header {
  position: relative;
  z-index: 2;
}

/* ------------------------------ Striped Rows ------------------------------ */
.list-table-view__container:not([data-no-stripe]) {
  --row-bg: var(--ecs-table-row-odd-bg);
}
.list-table-view__container:not([data-no-stripe]) .list-table-view .ltv--table-row {
  background: var(--ecs-bg-primary-alt);
}
.list-table-view__container:not([data-no-stripe]) .list-table-view .ltv--table-row:nth-child(even) {
  background: var(--row-bg);
}
.list-table-view__container:not([data-no-stripe]) .list-table-view .ltv--table-row--no-title:nth-child(odd) {
  background: var(--row-bg);
}
.list-table-view__container:not([data-no-stripe]) .list-table-view .ltv--table-row__left.ltv--table-row:nth-child(odd) {
  background: var(--row-bg);
}
.list-table-view__container:not([data-no-stripe]) .list-table-view .ltv--table-row__left.ltv--table-row:nth-child(even) {
  background: var(--ecs-base-bg-primary);
}

.list-table-view__container[data-no-stripe] {
  --row-bg: var(--ecs-base-bg-primary);
  border-collapse: collapse;
}
.list-table-view__container[data-no-stripe] .ltv--table-row {
  border-bottom: 1px solid var(--ecs-container-border-clr);
}

.ltv--table-row[uems-draggable-table] > div:first-of-type::before {
  background-position-y: 12px !important;
}

.list-table-view__container.ltv__fixed-col-width .list-table-view {
  table-layout: fixed;
}

/* ---------------------------- Horizontal Scroll --------------------------- */
.lite-table-wrapper.ltv--horizontal-scroll {
  position: relative;
  overflow: hidden;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container {
  border-left: 1px solid var(--ecs-container-border-clr);
  border-right: 1px solid var(--ecs-container-border-clr);
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .ltv--pagination--wrapper,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .ltv--header {
  border-left: none;
  border-right: none;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .ltv--header .ltv--title {
  position: sticky;
  left: 15px;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .ltv--header--right {
  position: sticky;
  left: 15px;
  right: 8px;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .ltv--table-head--row {
  background-color: rgba(0, 0, 0, 0.03);
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view {
  border-left: none !important;
  border-right: none !important;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row:nth-child(odd) {
  background: transparent;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row:nth-child(even) {
  background: var(--row-bg);
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-cell,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-head--cell,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-cell,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-head--cell {
  white-space: nowrap;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-cell .ltv--table-cell__nowrap,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-head--cell .ltv--table-cell__nowrap,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-cell .ltv--table-cell__nowrap,
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-head--cell .ltv--table-cell__nowrap {
  min-width: 250px;
}
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-cell .ltv--table-cell__nowrap [class^=col-],
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row .ltv--table-head--cell .ltv--table-cell__nowrap [class^=col-],
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-cell .ltv--table-cell__nowrap [class^=col-],
.lite-table-wrapper.ltv--horizontal-scroll .list-table-view__container .list-table-view .ltv--table-row--no-title .ltv--table-head--cell .ltv--table-cell__nowrap [class^=col-] {
  white-space: pre-wrap;
}

.ltv--resizable .ltv--table-head--cell {
  overflow: auto;
  resize: horizontal;
}

/* -------------------------- Hypenate Empty Cells -------------------------- */
.hyphenate-empty-cell .ltv--table-cell > span:empty::before {
  content: "--";
}

/* --------------------------- Expandable Rows --------------------------- */
.ltv--table-row[data-parent-id] {
  display: none;
}

.ltv--tree-cell {
  display: inline-flex;
}

[data-has-children] .ltv--tree-caret {
  display: inline-block;
  padding-right: 10px;
  border-left: solid 6px var(--ecs-base-clr-active);
  border-right: unset;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  height: 0;
  width: 0;
  transform-origin: 10% 60%;
  transition: transform 0.1s ease-in;
}

[data-expanded] .ltv--tree-caret {
  transform: rotate(90deg);
}

/* --------------------------------- Loader --------------------------------- */
.ltv--table-row[data-loader] {
  position: relative;
  height: 36px;
}
.ltv--table-row[data-loader] .ltv--table-cell {
  position: relative;
}
.ltv--table-row[data-loader] .ltv--table-cell::before {
  content: "";
  background-color: var(--ecs-container-bg-primary);
  height: 16px;
  border-radius: 8px;
  width: calc(100% - 16px);
  position: absolute;
}
.ltv--table-row[data-loader]:after {
  position: absolute;
  top: 14px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  background: linear-gradient(to right, var(--ecs-container-bg-tertiary) 0%, var(--ecs-container-bg-tertiary) 50%);
  background-size: 200px 24px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  border-radius: 8px;
  animation: ltv--table-loader 2s infinite;
}
.ltv--table-row[data-loader]:nth-child(2):after {
  animation-delay: 0.2s;
}
.ltv--table-row[data-loader]:nth-child(3):after {
  animation-delay: 0.4s;
}

.ltv--table-row--no-data[data-loading],
.ltv--table-row--no-title--no-data[data-loading],
.ltv--list-table-view__no-data[data-loading] {
  opacity: 0;
  min-height: 100px;
  align-items: center;
}

@keyframes ltv--table-loader {
  100% {
    background-position: calc(100% + 200px) 0;
  }
}
.list-table-view__container[data-loading] {
  position: relative;
}

.ltv--overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  background-color: var(--ecs-overlay-bg-fade);
}

/* ----------------------------- Sticky Columns ----------------------------- */
.lite-table-wrapper[data-sticky-column=first] .ltv--table-head--cell:nth-child(1) {
  z-index: 2;
  position: sticky;
  left: 0;
  box-shadow: inset -1px 0 0 var(--ecs-container-border-clr);
}
.lite-table-wrapper[data-sticky-column=first] .ltv--table-cell:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: inherit;
  box-shadow: inset -1px 0 0 var(--ecs-container-border-clr);
}
.lite-table-wrapper[data-sticky-column=first] .ltv--table-row:nth-child(odd) .ltv--table-cell:nth-child(1) {
  background-color: var(--ecs-base-bg-primary);
}
.lite-table-wrapper[data-sticky-column=first] .ltv--table-row:nth-child(even) .ltv--table-cell:nth-child(1) {
  background-color: var(--row-bg);
}

.lite-table-wrapper[data-sticky-column=last] .ltv--table-head--cell:last-child {
  z-index: 2;
  position: sticky;
  right: 0;
  border-left: 1px solid var(--ecs-container-border-clr);
}
.lite-table-wrapper[data-sticky-column=last] .ltv--table-cell:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: inherit;
  border-left: 1px solid var(--ecs-container-border-clr);
}
.lite-table-wrapper[data-sticky-column=last] .ltv--table-row:nth-child(odd) .ltv--table-cell:last-child {
  background-color: var(--ecs-base-bg-primary);
}

.list-table-view__container .list-table-view.list-table-view__no-title {
  border-color: var(--ecs-container-border-clr) !important;
}
//------------------------------navigation-comp------------------------------------
.pagination-pages > li{
  display: inline-flex;
  padding:0px;
   position: relative;
  }
.pagination-pages{
  margin:0px;
  padding-left:20px;
  padding-right:20px;
}

.active {
 background-color: SlateGray ;
 color:white;
}
.hide{
  display:none;  
}
.paginationView
{
  display: flex;
  float: left;
  position: relative;

}

//-------------------------------------------------------------------------------------------------------

.search-row-container {
  overflow:hidden;
  border-bottom:1px dotted #dcdcdc;
}

.adv-search-row-container {
  overflow:hidden;
  border-bottom:1px dotted #dcdcdc
}
.rowselection-cell{
  border-right:none;
}

.search-text-box{
  width:100%;
}
.search-select-box {
  width:100%;
}

.ember-table-financial {
  /* Table Structures */
  /* Table Cell */
  /* Header Container */
  /* Header Cells */
  /* Footer */
  /* Add Column Button */
  /* Levels */
}
.ember-table-financial .ember-table-tables-container {
  background-color: transparent;
  border: none;
  color: #77777a;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-financial .ember-table-tables-container.widget {
  border: 1px solid #dcdcdc;
  border: 1px solid #cfd1d4;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ember-table-financial .ember-table-tables-container * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ember-table-financial .ember-table-header-container,
.ember-table-financial .ember-table-footer-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ember-table-financial .ember-table-header-row,
.ember-table-financial .ember-table-header-container .ember-table-table-fixed-wrapper {
  background: transparent;
  background-color: transparent;
  background-color: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(0), to(white));
  background: -webkit-linear-gradient(top, 0, white);
  background: -moz-linear-gradient(top, 0, white);
  background: -ms-linear-gradient(top, 0, white);
  background: -o-linear-gradient(top, 0, white);
}
.ember-table-financial .ember-table-cell {
  font-size: 13px;
  border-right: 16px solid transparent;
}
.ember-table-financial .ember-table-cell-container {
  border-bottom: 1px dotted #bbb;
}
.ember-table-financial .ember-table-left-table-block .ember-table-cell {
  border-right: 16px solid transparent !important;
}
.ember-table-financial .ember-table-header-container {
  border-bottom-width: 0;
}
.ember-table-financial .ember-table-header-container .ember-table-right-table-block .ember-table-table-row {
  width: 100%;
  overflow-x: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-financial .ember-table-header-container .ember-table-right-table-block .ember-table-table-row .ui-sortable {
  overflow: hidden;
}
.ember-table-financial .ember-table-header-cell {
  font-weight: 600;
  font-size: 9px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  background-color: transparent;
}
.ember-table-financial .ember-table-header-cell span {
  line-height: 1;
}
.ember-table-financial .ember-table-header-cell .ember-table-header-content-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ember-table-financial .ember-table-header-cell .ember-table-header-content-container:hover {
  cursor: pointer;
}
.ember-table-financial .ember-table-header-cell .ember-table-header-content-container .ember-table-content {
  padding: 5px 0;
  line-height: 1.4;
  position: absolute;
  bottom: 2px;
  color: #999;
}
.ember-table-financial .ember-table-header-cell .ember-table-toggle {
  position: relative;
}
.ember-table-financial .ember-table-header-cell .ember-table-toggle i {
  position: absolute;
  bottom: 8px;
  font-size: 13px;
}
.ember-table-financial .ember-table-header-cell.text-align-left .ember-table-content {
  left: 0;
}
.ember-table-financial .ember-table-header-cell.text-align-right .ember-table-content {
  right: 0;
}
.ember-table-financial .ember-table-table-header-tree-cell .ember-table-header-content-container {
  left: 20px;
}
.ember-table-financial .ember-table-table-header-tree-cell .ember-table-toggle-span {
  position: absolute !important;
  top: 0;
  left: 0;
}
.ember-table-financial .ember-table-table-dropdown-toggle {
  height: 19px;
  float: right;
  margin: 0;
  text-align: center;
  padding: 3px 2px 0 2px;
  color: #757575;
}
.ember-table-financial .ember-table-footer-container {
  border: none;
}
.ember-table-financial .ember-table-footer-container .ember-table-cell-container {
  border-top: 1px dotted #bbb;
  border-bottom: none;
}
.ember-table-financial .ember-table-fixed-table-container.ember-table-header-container,
.ember-table-financial .ember-table-fixed-table-container.ember-table-footer-container {
  background-color: transparent;
}
.ember-table-financial .ember-table-add-column-button {
  display: none;
}
.ember-table-financial .ember-table-table-row {
  border-bottom-width: 0 !important;
  color: #333;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-1 {
  font-weight: bold;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-2 {
  font-weight: normal;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-3 {
  font-weight: 300;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-4 {
  font-weight: 300;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-5 {
  font-weight: 300;
}
.ember-table-financial .ember-table-table-row.ember-table-row-style-6 {
  font-weight: 300;
}
.ember-table-financial .ember-table-table-row.ember-table-last-row .ember-table-cell-container {
  border-bottom: none !important;
}
.ember-table-financial .ember-table-table-row.ember-table-selected .ember-table-cell {
  border-right: 16px solid transparent;
}
.ember-table-financial .ember-table-body-container .ember-table-table-row.ember-table-hover .ember-table-toggle.ember-table-collapse .ember-table-toggle-icon {
  opacity: 0.3;
}
.table-empty-message {
  text-align: center;
  padding-top: 1%;
  font-weight: bold;
}
.ember-table-left-table-block .antiscroll-inner {
  overflow-x: hidden !important;
  overflow-y: scroll;
}
.pagination-pages > li {
  display: inline-flex;
  padding: 0px;
  position: relative;
}
.pagination-pages {
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.active {
  background-color: SlateGray ;
  color: white;
}
.hide {
  display: none !important;
}
.paginationView {
  display: flex;
  float: left;
  position: relative;
}
.pageLength-button {
  border-radius: 40px;
  margin: 2px;
}
.ember-table-column-sortable-indicator.active {
  visibility: visible;
}
.ember-table-column-sort-both-indicator .ember-table-content-container .ember-table-content:after {
  content: url('/mc/themes/wifi/images/ember/sort_both.png');
  margin: -2px 0 0 5px;
  position: absolute;
}
.ember-table-column-sort-asc-indicator .ember-table-content-container .ember-table-content:after {
  content: url('/mc/themes/wifi/images/ember/sort_asc.png');
  margin: -2px 0 0 5px;
  position: absolute;
}
.ember-table-column-sort-desc-indicator .ember-table-content-container .ember-table-content:after {
  content: url('/mc/themes/wifi/images/ember/sort_desc.png');
  margin: -2px 0 0 5px;
  position: absolute;
}
.ember-table-column-sort-both-indicator:hover,
.ember-table-column-sort-asc-indicator:hover,
.ember-table-column-sort-desc-indicator:hover {
  cursor: pointer;
}
.search-row-container {
  overflow: hidden;
  border-bottom: 1px dotted #dcdcdc;
}
.adv-search-row-container {
  overflow: hidden;
  border-bottom: 1px dotted #dcdcdc;
}
.rowselection-cell {
  border-right: none !important;
}
.search-text-box {
  width: 100%;
}
.search-cell-component {
  margin: 4px;
  display: flex;
}
.search-select-box {
  width: 100%;
}
.filter-add-button {
  background-color: transparent;
  border: none;
  color: #337ab7;
  margin-left: 85px;
}
.filter-delete-btn {
  height: 30px;
  margin-top: 2px;
  float: right;
  margin-right: 7px;
}
.filter-edit-btn {
  height: 30px;
  margin-top: 2px;
  float: right;
  margin-right: 7px;
}
.filter-create-btn {
  height: 30px;
  margin-top: 2px;
  float: right;
  margin-right: 7px;
}
.filter-buttons {
  display: flex;
  float: right;
}
.filter-row-container {
  display: flex;
  margin-top: 10px;
  padding-bottom: 10px;
}
.custom-filter-container {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}
.menu-container {
  width: 100%;
  margin-bottom: 15px;
  padding-left: 25px;
}
.table-container {
  padding-left: 25px;
}
.feature-container {
  width: 100%;
  height: 60px;
  padding-left: 25px;
  padding-top: 25px;
}
.ps-table-container {
  margin-top: 50px;
}
.vertical-table-container {
  margin-top: 50px;
}
.chooserList {
  list-style-type: none;
  padding: 0px;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.antiscroll-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}
.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}
.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}
.antiscroll-inner {
  overflow: scroll;
}
/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}
/* Table - Sizes */
/* Table - Font Colors */
/* Table - BG and Border Colors */
/* Table - Scrollbar */
/* Ember Table Structure
-------------------------------------------------- */
/* Util classes */
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
/* Table Structures */
.ember-table-tables-container {
  height: 100%;
  width: 100%;
  position: relative;
  outline: 0;
  z-index: 0;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ember-table-tables-container.ember-table-content-selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
.ember-table-tables-container * {
  text-rendering: optimizeLegibility;
}
.ember-table-table-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-table-fixed-wrapper,
.ember-table-table-scrollable-wrapper {
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.ember-table-table-fixed-wrapper,
.ember-table-header-block {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-header-container {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-footer-container {
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-table-block {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-table-fixed-wrapper {
  overflow: hidden;
}
.ember-table-table-scrollable-wrapper {
  display: block;
}
.ember-table-scroll-container {
  position: absolute;
  z-index: 5;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-fixed-table-container {
  z-index: 4;
}
.ember-table-fixed-table-container.ember-table-header-container {
  background-color: #fff;
}
.ember-table-fixed-table-container.ember-table-footer-container {
  background-color: #fff;
}
.ember-table-header-row::-webkit-scrollbar {
  width: 0;
}
.ember-table-header-row,
.ember-table-header-container .ember-table-table-fixed-wrapper {
  background-color: #f8f8f8;
}
/* Table Rows */
.ember-table-table-row {
  position: absolute;
  background-color: white;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-table-row > div {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-lazy-list-container {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-lazy-list-container .ember-table-table-row {
  position: absolute;
}
/* Table Cell */
.ember-table-cell {
  float: left;
  font-size: 12px;
  border-right: 1px solid #dcdcdc;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-cell .ember-table-content,
.ember-table-cell .ember-table-toggle-span {
  padding: 0;
  line-height: 29px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-cell .ember-table-content:hover,
.ember-table-cell .ember-table-toggle-span:hover {
  cursor: pointer;
}
.ember-table-cell .ember-table-content {
  display: block;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-cell-container {
  float: left;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-body-container .ember-table-content,
.ember-table-footer-container .ember-table-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
  border-right: 0;
}
.ember-table-left-table-block .ember-table-cell {
  margin-left: 0;
  margin-right: 0;
}
.ember-table-left-table-block .ember-table-cell {
  border-right: 1px solid #dcdcdc !important;
}
/* Header Container */
.ember-table-header-container {
  border-bottom: 1px solid #dcdcdc;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-header-container .ui-state-highlight {
  float: left;
  background-color: #e1e1e1;
  width: 0px;
  left: -3px;
  z-index: 100;
  position: relative;
  height: 100%;
}
.ember-table-header-container .ui-resizable-handle {
  position: absolute;
  right: -3px;
}
.ember-table-header-container .ui-resizable-handle.ui-resizable-e {
  top: 0;
  height: 100%;
  width: 15px;
}
.ember-table-header-container .ui-resizable-handle.ui-resizable-e:hover {
  cursor: col-resize;
}
.ember-table-header-container .ui-resizable-handle.ui-resizable-s {
  bottom: 0;
  width: 100%;
  height: 2px;
  background: transparent;
}
.ember-table-header-container .ui-resizable-handle.ui-resizable-s:hover {
  cursor: row-resize;
}
.ember-table-header-container .ui-sortable {
  width: 100%;
  height: 100%;
  position: relative;
}
.ember-table-header-container .ui-sortable-helper {
  background-color: #eaeaea;
}
.ember-table-header-container .ui-sortable-helper .ember-table-content-container {
  display: none;
}
.ember-table-header-container .ui-sortable-helper .ui-resizable-handle {
  background-color: #eaeaea;
}
.ember-table-header-container .ember-table-right-table-block .ember-table-table-row {
  width: 100%;
  overflow-x: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-header-container .ember-table-right-table-block .ember-table-table-row .ui-sortable {
  overflow: hidden;
}
/* Header Cells */
.ember-table-header-cell {
  padding: 0;
  position: relative;
  display: block !important;
  font-size: 12px !important;
  background-color: #f8f8f8;
}
.ember-table-header-cell span {
  line-height: 1;
}
.ember-table-header-cell .ember-table-content-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ember-table-header-cell .ember-table-content-container.ember-table-table-header-tree-cell {
  left: 20px;
}
.ember-table-header-cell .ember-table-content-container:hover {
  cursor: pointer;
}
.ember-table-header-cell .ember-table-content-container .ember-table-content {
  padding: 5px;
  line-height: 1.4;
  position: absolute;
  bottom: 2px;
  font-weight: bold;
  width: 100%;
}
.ember-table-header-cell .ember-table-toggle {
  position: relative;
}
.ember-table-header-cell .ember-table-toggle i {
  position: absolute;
  bottom: 8px;
  font-size: 13px;
}
.ember-table-header-cell.text-align-left .ember-table-content {
  left: 0;
}
.ember-table-header-cell.text-align-right .ember-table-content {
  right: 0;
}
.ember-table-table-header-tree-cell .ember-table-header-content-container {
  left: 20px;
}
.ember-table-table-dropdown-toggle {
  height: 19px;
  float: right;
  margin: 0;
  text-align: center;
  padding: 3px 2px 0 2px;
  background-color: #dbdbdb;
  color: #757575;
}
/* Footer */
.ember-table-footer-container {
  position: absolute;
  border-top: 1px solid #dcdcdc;
  overflow: hidden;
  z-index: 1;
}
.ember-table-footer-container .ember-table-cell .ember-table-toggle {
  display: none;
}
/* Toggle Cell */
.ember-table-toggle-span {
  display: block;
  width: 20px;
  float: left;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-toggle-span:hover {
  cursor: pointer !important;
}
.ember-table-toggle-icon {
  display: none;
  margin: 0;
}
.ember-table-toggle .ember-table-toggle-icon {
  display: inline-block;
  cursor: pointer;
  width: 14px;
  padding-left: 6px;
  opacity: 0.3;
}
.ember-table-toggle .ember-table-toggle-icon:hover {
  opacity: 0.5;
}
.ember-table-toggle.ember-table-expand {
  margin-top: -2px;
}
.ember-table-toggle.ember-table-expand .ember-table-toggle-icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  padding-left: 0;
  opacity: 1;
  padding-left: 3px;
}
/* Column Indicator */
.ember-table-column-sortable-indicator {
  position: absolute;
  top: 0;
  left: -2px;
  height: 100%;
  background-color: #333;
  opacity: 0.4;
  width: 3px;
  z-index: 1000;
  visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-column-sortable-indicator.active {
  visibility: visible;
}
/* Add Column Button */
.ember-table-add-column-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: table;
  background-color: #f8f8f8;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  box-shadow: 0;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ember-table-add-column-button span {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #8e8e8e;
  text-shadow: #fff 0px 1px 0px;
}
.ember-table-add-column-button span:hover {
  text-decoration: none;
}
.ember-table-add-column-button:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px;
}
.ember-table-add-column-button:hover a {
  color: #757575;
}
.ember-table-add-column-button:active {
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 2px 0px inset;
}
/* Antiscroll */
.antiscroll-scrollbar {
  z-index: 10;
}
.ember-table-body-container .antiscroll-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ember-table-body-container .antiscroll-box .antiscroll-inner {
  height: 100%;
  width: 100%;
}
.ember-table-scroll-container {
  line-height: 10px;
}
.ember-table-scroll-container .antiscroll-wrap {
  height: 100% !important;
  width: 100% !important;
}
.ember-table-scroll-container .antiscroll-scrollbar-vertical {
  display: none;
}
.ember-table-scroll-container .antiscroll-scrollbar-horizontal {
  bottom: 0;
}
.ember-table-tables-container > .antiscroll-wrap .antiscroll-scrollbar-horizontal {
  display: none !important;
}
/* Levels */
.ember-table-table-row {
  min-width: 100%;
  border-bottom: 1px dotted #dcdcdc;
}
.ember-table-table-row.ember-table-row-style-1 {
  background-color: #f2f2f2;
}
.ember-table-table-row.ember-table-row-style-2 {
  background-color: #f7f7f7;
}
.ember-table-table-row.ember-table-last-row {
  border-bottom: none;
}
.ember-table-body-container .ember-table-table-row.ember-table-hover {
  background-color: #e5edf8;
}
.ember-table-body-container .ember-table-table-row.ember-table-selected {
  color: #eee;
  background-color: #227ecb;
}
.ember-table-body-container .ember-table-table-row.ember-table-selected .ember-table-cell {
  border-right: 1px solid #1d6bac;
}
.ember-table-table-fixed-wrapper {
  height: initial;
}

/*
* Flatten nested map by appending the keys
* Since Sass map should be store stored only in key value pair,
* we will use `-thisValue` as property name for setting color value to a child node
* Example:
  border: (
    clr: (
      selected: (
        secondary: #1461cc,
        thisValue: #2b74d9
      )
    )
  )
  Here `#2b74d9` is a value for `border-clr-selected` node
*/
:root {
  --ecs-font-current: "Lato";
  --ecs-font-family: var(--ecs-font-current), "Lato", "Roboto", sans-serif;
}

:root {
  --ucs-namespace: --ecs-;
}

/* Font style variables  */
@-moz-document url-prefix() {}
@-moz-document url-prefix() {}
/*
* @mixin dc-checkbox__toggle-switch - a mixin to change dc-checkbox into toggle switch style
* @params $size - size of the toggle switch, $isLeft - to position switch on left side
*/
/*common*/
/*separate placeholder for separate class of disabled buttons*/
/* ---------------------------------- Sizes --------------------------------- */
body {
  --svg-bucket-move-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20d%3D%22M6.938%203.5a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM5.563%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75ZM11.688%2010a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm-4.75%205.75a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.375.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Zm7.5-.375a.375.375%200%201%200%200%20.75.375.375%200%200%200%200-.75Zm-1.376.375a1.375%201.375%200%201%201%202.75%200%201.375%201.375%200%200%201-2.75%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  --svg-bucket-base-clr: var(--ecs-base-clr-primary);
  --svg-icon-fill: transparent;
  --svg-icon-padding: 2px;
}

.svg-bucket-icon-state__disabled, :disabled > .svg-bucket-icon, [disabled] > .svg-bucket-icon, button:disabled .svg-bucket-icon, button[disabled] .svg-bucket-icon {
  cursor: default;
  filter: grayscale(100%);
  opacity: 0.5;
}

/* ------------------------------- Properties ------------------------------- */
.svg-bucket-icon[data-props*=rounded] {
  border-radius: 50%;
}
.svg-bucket-icon[data-props*=circled] {
  border-radius: 50%;
  border: max(0px, var(--svg-bucket-icon-size) / 20) solid var(--svg-bucket-base-clr);
  padding: max(0px, var(--svg-bucket-icon-size) / 6);
}
.svg-bucket-icon[data-props*=circled][class*=svg-bucket-icon-state__active] {
  --svg-bucket-base-clr: var(--ecs-base-clr-active);
}
.svg-bucket-icon[data-props*=circled][class*=svg-bucket-icon-state__warning] {
  --svg-bucket-base-clr: var(--ecs-base-clr-warning);
}
.svg-bucket-icon[data-props*=circled][class*=svg-bucket-icon-state__success] {
  --svg-bucket-base-clr: var(--ecs-base-clr-success);
}
.svg-bucket-icon[data-props*=circled][class*=svg-bucket-icon-state__error] {
  --svg-bucket-base-clr: var(--ecs-base-clr-error);
}
.svg-bucket-icon[data-props*=padded] {
  padding: var(--svg-icon-padding);
}
.svg-bucket-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-xl {
  width: 50px;
  height: 50px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-lg {
  width: 40px;
  height: 40px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-md {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-sm {
  width: 15px;
  height: 15px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-xs {
  width: 12px;
  height: 12px;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-fit {
  width: 100%;
  height: 100%;
  display: inline-block;
  fill: var(--svg-bucket-base-clr);
}

.svg-bucket-icon-use-currentColor {
  fill: currentColor;
}

.svg-bucket-icon-state__active {
  fill: var(--ecs-base-clr-active);
}

.svg-bucket-icon-state__warning {
  fill: var(--ecs-base-clr-warning);
}

.svg-bucket-icon-state__success {
  fill: var(--ecs-base-clr-success);
}

.svg-bucket-icon-state__error {
  fill: var(--ecs-base-clr-error);
}

.svg-bucket-cursor__pointer {
  cursor: pointer;
}

.svg-bucket-cursor__not-allowed {
  cursor: not-allowed;
}

.svg-bucket-cursor__move {
  cursor: move;
}

/* ---------------------------------- State --------------------------------- */
.svg-bucket-bg-active {
  -webkit-filter: invert(46%) sepia(52%) saturate(1430%) hue-rotate(189deg) brightness(103%) contrast(101%);
  filter: invert(46%) sepia(52%) saturate(1430%) hue-rotate(189deg) brightness(103%) contrast(101%);
}

.svg-bucket-bg-warning {
  -webkit-filter: invert(25%) sepia(47%) saturate(5056%) hue-rotate(340deg) brightness(94%) contrast(82%);
  filter: invert(25%) sepia(47%) saturate(5056%) hue-rotate(340deg) brightness(94%) contrast(82%);
}

.svg-bucket-icon-button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ------------------------------- Icon Button ------------------------------ */
.svg-icon-button {
  border-radius: 2px;
  flex-shrink: 0;
  align-self: center;
  background-color: transparent;
  padding: 6px;
  cursor: pointer;
  --hover-color: var(--ecs-container-bg-hover);
}
.svg-icon-button[data-button-style=secondary] {
  --hover-color: var(--ecs-base-bg-primary);
}
.svg-icon-button:focus, .svg-icon-button:active {
  outline: none;
}
.svg-icon-button:disabled {
  cursor: not-allowed;
}
.svg-icon-button:disabled svg {
  pointer-events: none;
}
.svg-icon-button:focus-visible {
  outline: 1px solid var(--ecs-base-clr-active);
  background-color: var(--hover-color);
}
.svg-icon-button:not(:disabled):hover {
  background-color: var(--hover-color);
}
.svg-icon-button:focus-visible svg, .svg-icon-button:active svg {
  fill: var(--ecs-base-clr-active);
}

.svg-bucket-sprite-container {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}