@charset "UTF-8";
/*
* 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  */
[data-rotate="45"].ucs-common-rotate, [data-rotate="45"].ucs-dropdown-btn-arrow__lite::after, [data-rotate="45"].ucs-dropdown-btn-arrow__dark::after, [data-rotate="45"].ucs-common-rotate__after::after, [data-rotate="45"].ucs-thin-arrow__lite::before, [data-rotate="45"].ucs-thin-arrow__dark::before, [data-rotate="45"].ucs-thin-arrow__primary::before, [data-rotate="45"].ucs-common-rotate__before::before {
  transform: rotate(45deg);
}
[data-rotate="90"].ucs-common-rotate, [data-rotate="90"].ucs-dropdown-btn-arrow__lite::after, [data-rotate="90"].ucs-dropdown-btn-arrow__dark::after, [data-rotate="90"].ucs-common-rotate__after::after, [data-rotate="90"].ucs-thin-arrow__lite::before, [data-rotate="90"].ucs-thin-arrow__dark::before, [data-rotate="90"].ucs-thin-arrow__primary::before, [data-rotate="90"].ucs-common-rotate__before::before {
  transform: rotate(90deg);
}
[data-rotate="135"].ucs-common-rotate, [data-rotate="135"].ucs-dropdown-btn-arrow__lite::after, [data-rotate="135"].ucs-dropdown-btn-arrow__dark::after, [data-rotate="135"].ucs-common-rotate__after::after, [data-rotate="135"].ucs-thin-arrow__lite::before, [data-rotate="135"].ucs-thin-arrow__dark::before, [data-rotate="135"].ucs-thin-arrow__primary::before, [data-rotate="135"].ucs-common-rotate__before::before {
  transform: rotate(135deg);
}
[data-rotate="180"].ucs-common-rotate, [data-rotate="180"].ucs-dropdown-btn-arrow__lite::after, [data-rotate="180"].ucs-dropdown-btn-arrow__dark::after, [data-rotate="180"].ucs-common-rotate__after::after, [data-rotate="180"].ucs-thin-arrow__lite::before, [data-rotate="180"].ucs-thin-arrow__dark::before, [data-rotate="180"].ucs-thin-arrow__primary::before, [data-rotate="180"].ucs-common-rotate__before::before {
  transform: rotate(180deg);
}
[data-rotate="270"].ucs-common-rotate, [data-rotate="270"].ucs-dropdown-btn-arrow__lite::after, [data-rotate="270"].ucs-dropdown-btn-arrow__dark::after, [data-rotate="270"].ucs-common-rotate__after::after, [data-rotate="270"].ucs-thin-arrow__lite::before, [data-rotate="270"].ucs-thin-arrow__dark::before, [data-rotate="270"].ucs-thin-arrow__primary::before, [data-rotate="270"].ucs-common-rotate__before::before {
  transform: rotate(270deg);
}

.zpopover.menu-popup__container .zpopover__content .menu-popup:hover, .zmenu.menu-popup__container ul li:hover:not([role=group]):not(.is-disabled):not(.disabled), .common-bg__hover:hover {
  background-color: var(--ecs-container-bg-hover);
}

.dc-combo .zcombobox:hover, .dc-date-field .zinputfield:hover, .dc-daterange-picker .zinputfield:hover, .dc-select .zselectbox:hover,
.dc-date-select .zselectbox:hover, .selectbox--default:hover, .textarea--form textarea:hover, .textbox--number:hover, .dc-textbox input[type=number]:hover, .textbox--unit input[type=number]:hover, .textbox--unit__left input[type=number]:hover, .textbox--filter:hover, .textbox--med:hover, .textbox__icon input[type=text]:hover, .input__unit--static input[type]:hover, .input__unit input[type]:hover, .input__unit--static__number input[type]:hover, .dc-daterange-field:hover, .textbox--unit input[type=text]:hover, .textbox--unit__left input[type=text]:hover, .textbox--address-bar:hover, .textbox--form:hover, .textbox--default:hover {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover);
  outline: none !important;
}

.border__left {
  border-left: 1px solid var(--ecs-input-border-clr) !important;
}

.border__right {
  border-right: 1px solid var(--ecs-input-border-clr) !important;
}

.border__top {
  border-top: 1px solid var(--ecs-input-border-clr) !important;
}

.border__bottom {
  border-bottom: 1px solid var(--ecs-input-border-clr) !important;
}

.ucs-banner, .dc-combo .zcombobox, .dc-date-field .zinputfield, .dc-daterange-picker .zinputfield, .dc-select .zselectbox,
.dc-date-select .zselectbox, .selectbox--default, .textarea--form textarea, .textbox--number, .dc-textbox input[type=number], .textbox--unit input[type=number], .textbox--unit__left input[type=number], .textbox--filter, .textbox--med, .textbox__icon input[type=text], .input__unit--static input[type], .input__unit input[type], .input__unit--static__number input[type], .dc-daterange-field, .textbox--unit input[type=text], .textbox--unit__left input[type=text], .textbox--address-bar, .textbox--form, .textbox--default {
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
}

.border__none {
  border: none;
}

.divider-col-right {
  position: relative;
}
.divider-col-right::before {
  content: "";
  position: absolute;
  background-image: radial-gradient(var(--ecs-container-border-clr), var(--ecs-base-bg-primary));
  width: 1px;
  height: 100%;
  top: 0;
}
@media (max-width: 900px) {
  .divider-col-right::before {
    top: 100%;
    width: 100%;
    height: 1px;
    left: 0;
  }
}

.textarea--form textarea, .textbox--number, .dc-textbox input[type=number], .textbox--unit input[type=number], .textbox--unit__left input[type=number], .textbox--filter, .textbox--med, .textbox__icon input[type=text], .input__unit--static input[type], .input__unit input[type], .input__unit--static__number input[type], .dc-daterange-field, .textbox--unit input[type=text], .textbox--unit__left input[type=text], .textbox--address-bar, .textbox--form, .textbox--default {
  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() {
  .textarea--form textarea, .textbox--number, .dc-textbox input[type=number], .textbox--unit input[type=number], .textbox--unit__left input[type=number], .textbox--filter, .textbox--med, .textbox__icon input[type=text], .input__unit--static input[type], .input__unit input[type], .input__unit--static__number input[type], .dc-daterange-field, .textbox--unit input[type=text], .textbox--unit__left input[type=text], .textbox--address-bar, .textbox--form, .textbox--default {
    padding: 8px 18px 8px 10px;
  }
}
.textarea--form textarea::-ms-clear, .textbox--number::-ms-clear, .dc-textbox input[type=number]::-ms-clear, .textbox--unit input[type=number]::-ms-clear, .textbox--unit__left input[type=number]::-ms-clear, .textbox--filter::-ms-clear, .textbox--med::-ms-clear, .textbox__icon input[type=text]::-ms-clear, .input__unit--static input[type]::-ms-clear, .input__unit input[type]::-ms-clear, .input__unit--static__number input[type]::-ms-clear, .dc-daterange-field::-ms-clear, .textbox--unit input[type=text]::-ms-clear, .textbox--unit__left input[type=text]::-ms-clear, .textbox--address-bar::-ms-clear, .textbox--form::-ms-clear, .textbox--default::-ms-clear, .textarea--form textarea::-ms-reveal, .textbox--number::-ms-reveal, .dc-textbox input[type=number]::-ms-reveal, .textbox--unit input[type=number]::-ms-reveal, .textbox--unit__left input[type=number]::-ms-reveal, .textbox--filter::-ms-reveal, .textbox--med::-ms-reveal, .textbox__icon input[type=text]::-ms-reveal, .input__unit--static input[type]::-ms-reveal, .input__unit input[type]::-ms-reveal, .input__unit--static__number input[type]::-ms-reveal, .dc-daterange-field::-ms-reveal, .textbox--unit input[type=text]::-ms-reveal, .textbox--unit__left input[type=text]::-ms-reveal, .textbox--address-bar::-ms-reveal, .textbox--form::-ms-reveal, .textbox--default::-ms-reveal {
  display: none;
}

.dc-daterange-field.is-open, .zmenu--selectmenu .zdropdownlist__search input[type=text]:active, .zmenu--selectmenu .zdropdownlist__search input[type=text]:focus, .dc-combo .zcombobox:active, .dc-date-field .zinputfield:active, .dc-daterange-picker .zinputfield:active, .dc-select .zselectbox:active,
.dc-date-select .zselectbox:active, .selectbox--default:active, .textarea--form textarea:active, .textbox--number:active, .dc-textbox input[type=number]:active, .textbox--unit input[type=number]:active, .textbox--unit__left input[type=number]:active, .textbox--filter:active, .textbox--med:active, .textbox__icon input[type=text]:active, .input__unit--static input[type]:active, .input__unit input[type]:active, .input__unit--static__number input[type]:active, .dc-daterange-field:active, .textbox--unit input[type=text]:active, .textbox--unit__left input[type=text]:active, .textbox--address-bar:active, .textbox--form:active, .textbox--default:active, .dc-combo .zcombobox:focus, .dc-date-field .zinputfield:focus, .dc-daterange-picker .zinputfield:focus, .dc-select .zselectbox:focus,
.dc-date-select .zselectbox:focus, .selectbox--default:focus, .textarea--form textarea:focus, .textbox--number:focus, .dc-textbox input[type=number]:focus, .textbox--unit input[type=number]:focus, .textbox--unit__left input[type=number]:focus, .textbox--filter:focus, .textbox--med:focus, .textbox__icon input[type=text]:focus, .input__unit--static input[type]:focus, .input__unit input[type]:focus, .input__unit--static__number input[type]:focus, .dc-daterange-field:focus, .textbox--unit input[type=text]:focus, .textbox--unit__left input[type=text]:focus, .textbox--address-bar:focus, .textbox--form:focus, .textbox--default: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;
}

.caret-icon-bg input, .selectbox--default {
  background: var(--ecs-caret-icon) center right 10px/12px no-repeat;
  background-color: var(--ecs-base-bg-primary);
}

.selectbox--default {
  color: var(--ecs-base-clr-primary);
  height: 35px;
  box-shadow: none;
  -webkit-appearance: none;
  padding: 0px 18px 0px 10px;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  font: 13px var(--ecs-font-family);
  transition: all 250ms ease-in;
}
.selectbox--default::-ms-expand {
  display: none;
}
.selectbox--default:invalid {
  border: 1px solid var(--ecs-container-border-clr-error) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover) !important;
}
.selectbox--default:invalid:hover, .selectbox--default:invalid:active, .selectbox--default:invalid:focus {
  outline: none;
}
.selectbox--default option {
  color: var(--ecs-base-clr-primary);
}

.checkbox--form .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);
}
.checkbox--form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

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

.checkbox--form input[type=checkbox][disabled] ~ .label--text {
  color: var(--ecs-base-clr-disabled);
  cursor: default;
}

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

.radiobox-block .rb-wrapper .rb--checkmark, .radiobox-block .rb-wrapper input[type=radio], .radiobox-block .rb-wrapper {
  width: 200px;
  height: 40px;
}

fieldset.fc--group[data-error] .dc-select .zselectbox, fieldset.fc--row[data-error]:not(.fc--custom-field) input[class^=textbox--],
fieldset.fc--row[data-error]:not(.fc--custom-field) textarea,
fieldset.fc--group[data-error]:not(.fc--custom-field) input[class^=textbox--],
fieldset.fc--group[data-error]:not(.fc--custom-field) textarea,
fieldset[data-error]:not(.fc--custom-field) input[class^=textbox--],
fieldset[data-error]:not(.fc--custom-field) textarea, fieldset.fc--row[data-error]:not(.fc--custom-field) .zinputfield,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-daterange-field,
fieldset.fc--row[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container,
fieldset.fc--row[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper,
fieldset.fc--group[data-error]:not(.fc--custom-field) .zinputfield,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-daterange-field,
fieldset.fc--group[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container,
fieldset.fc--group[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper,
fieldset[data-error]:not(.fc--custom-field) .zinputfield,
fieldset[data-error]:not(.fc--custom-field) .dc-daterange-field,
fieldset[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container,
fieldset[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper, fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-select .zselectbox,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-combo .zselectbox,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-select .zselectbox,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-combo .zselectbox,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox,
fieldset[data-error]:not(.fc--custom-field) .dc-select .zselectbox,
fieldset[data-error]:not(.fc--custom-field) .dc-combo .zselectbox,
fieldset[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox, .input-error, .dc-combo .zcombobox:invalid, .dc-date-field .zinputfield:invalid, .dc-daterange-picker .zinputfield:invalid, .dc-select .zselectbox:invalid,
.dc-date-select .zselectbox:invalid, .textarea--form textarea:invalid, .textbox--number:invalid, .dc-textbox input[type=number]:invalid, .textbox--unit input[type=number]:invalid, .textbox--unit__left input[type=number]:invalid, .textbox--filter:invalid, .textbox--med:invalid, .textbox__icon input[type=text]:invalid, .input__unit--static input[type]:invalid, .input__unit input[type]:invalid, .input__unit--static__number input[type]:invalid, .dc-daterange-field:invalid, .textbox--unit input[type=text]:invalid, .textbox--unit__left input[type=text]:invalid, .textbox--address-bar:invalid, .textbox--form:invalid, .textbox--default:invalid, .dc-combo [invalid].zcombobox, .dc-date-field [invalid].zinputfield, .dc-daterange-picker [invalid].zinputfield, .dc-select [invalid].zselectbox,
.dc-date-select [invalid].zselectbox, .textarea--form textarea[invalid], [invalid].textbox--number, .dc-textbox input[invalid][type=number], .textbox--unit input[invalid][type=number], .textbox--unit__left input[invalid][type=number], [invalid].textbox--filter, [invalid].textbox--med, .textbox__icon input[invalid][type=text], .input__unit--static input[invalid][type], .input__unit input[invalid][type], .input__unit--static__number input[invalid][type], [invalid].dc-daterange-field, .textbox--unit input[invalid][type=text], .textbox--unit__left input[invalid][type=text], [invalid].textbox--address-bar, [invalid].textbox--form, [invalid].textbox--default, .selectbox--default:invalid, [invalid].selectbox--default {
  border-color: var(--ecs-container-border-clr-error) !important;
  border-radius: 4px;
}
fieldset.fc--group[data-error] .dc-select .zselectbox:hover, fieldset.fc--row[data-error]:not(.fc--custom-field) input[class^=textbox--]:hover,
fieldset.fc--row[data-error]:not(.fc--custom-field) textarea:hover,
fieldset.fc--group[data-error]:not(.fc--custom-field) input[class^=textbox--]:hover,
fieldset.fc--group[data-error]:not(.fc--custom-field) textarea:hover,
fieldset[data-error]:not(.fc--custom-field) input[class^=textbox--]:hover,
fieldset[data-error]:not(.fc--custom-field) textarea:hover, fieldset.fc--row[data-error]:not(.fc--custom-field) .zinputfield:hover,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-daterange-field:hover,
fieldset.fc--group[data-error]:not(.fc--custom-field) .zinputfield:hover,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-daterange-field:hover,
fieldset[data-error]:not(.fc--custom-field) .zinputfield:hover,
fieldset[data-error]:not(.fc--custom-field) .dc-daterange-field:hover,
fieldset[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container:hover,
fieldset[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper:hover,
fieldset[data-error]:not(.fc--custom-field) .dc-select .zselectbox:hover,
fieldset[data-error]:not(.fc--custom-field) .dc-combo .zselectbox:hover,
fieldset[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox:hover, .input-error:hover, .dc-combo .zcombobox:hover:invalid, .dc-date-field .zinputfield:hover:invalid, .dc-daterange-picker .zinputfield:hover:invalid, .dc-select .zselectbox:hover:invalid,
.dc-date-select .zselectbox:hover:invalid, .textarea--form textarea:hover:invalid, .textbox--number:hover:invalid, .dc-textbox input[type=number]:hover:invalid, .textbox--unit input[type=number]:hover:invalid, .textbox--unit__left input[type=number]:hover:invalid, .textbox--filter:hover:invalid, .textbox--med:hover:invalid, .textbox__icon input[type=text]:hover:invalid, .input__unit--static input[type]:hover:invalid, .input__unit input[type]:hover:invalid, .input__unit--static__number input[type]:hover:invalid, .dc-daterange-field:hover:invalid, .textbox--unit input[type=text]:hover:invalid, .textbox--unit__left input[type=text]:hover:invalid, .textbox--address-bar:hover:invalid, .textbox--form:hover:invalid, .textbox--default:hover:invalid, .dc-combo [invalid].zcombobox:hover, .dc-date-field [invalid].zinputfield:hover, .dc-daterange-picker [invalid].zinputfield:hover, .dc-select [invalid].zselectbox:hover,
.dc-date-select [invalid].zselectbox:hover, .textarea--form textarea[invalid]:hover, [invalid].textbox--number:hover, .dc-textbox input[invalid][type=number]:hover, .textbox--unit input[invalid][type=number]:hover, .textbox--unit__left input[invalid][type=number]:hover, [invalid].textbox--filter:hover, [invalid].textbox--med:hover, .textbox__icon input[invalid][type=text]:hover, .input__unit--static input[invalid][type]:hover, .input__unit input[invalid][type]:hover, .input__unit--static__number input[invalid][type]:hover, [invalid].dc-daterange-field:hover, .textbox--unit input[invalid][type=text]:hover, .textbox--unit__left input[invalid][type=text]:hover, [invalid].textbox--address-bar:hover, [invalid].textbox--form:hover, [invalid].textbox--default:hover, .selectbox--default:hover:invalid, [invalid].selectbox--default:hover, fieldset.fc--group[data-error] .dc-select .zselectbox:active, fieldset.fc--row[data-error]:not(.fc--custom-field) input[class^=textbox--]:active,
fieldset.fc--row[data-error]:not(.fc--custom-field) textarea:active,
fieldset.fc--group[data-error]:not(.fc--custom-field) input[class^=textbox--]:active,
fieldset.fc--group[data-error]:not(.fc--custom-field) textarea:active,
fieldset[data-error]:not(.fc--custom-field) input[class^=textbox--]:active,
fieldset[data-error]:not(.fc--custom-field) textarea:active, fieldset.fc--row[data-error]:not(.fc--custom-field) .zinputfield:active,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-daterange-field:active,
fieldset.fc--group[data-error]:not(.fc--custom-field) .zinputfield:active,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-daterange-field:active,
fieldset[data-error]:not(.fc--custom-field) .zinputfield:active,
fieldset[data-error]:not(.fc--custom-field) .dc-daterange-field:active,
fieldset[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container:active,
fieldset[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper:active,
fieldset[data-error]:not(.fc--custom-field) .dc-select .zselectbox:active,
fieldset[data-error]:not(.fc--custom-field) .dc-combo .zselectbox:active,
fieldset[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox:active, .input-error:active, .dc-combo .zcombobox:active:invalid, .dc-date-field .zinputfield:active:invalid, .dc-daterange-picker .zinputfield:active:invalid, .dc-select .zselectbox:active:invalid,
.dc-date-select .zselectbox:active:invalid, .textarea--form textarea:active:invalid, .textbox--number:active:invalid, .dc-textbox input[type=number]:active:invalid, .textbox--unit input[type=number]:active:invalid, .textbox--unit__left input[type=number]:active:invalid, .textbox--filter:active:invalid, .textbox--med:active:invalid, .textbox__icon input[type=text]:active:invalid, .input__unit--static input[type]:active:invalid, .input__unit input[type]:active:invalid, .input__unit--static__number input[type]:active:invalid, .dc-daterange-field:active:invalid, .textbox--unit input[type=text]:active:invalid, .textbox--unit__left input[type=text]:active:invalid, .textbox--address-bar:active:invalid, .textbox--form:active:invalid, .textbox--default:active:invalid, .dc-combo [invalid].zcombobox:active, .dc-date-field [invalid].zinputfield:active, .dc-daterange-picker [invalid].zinputfield:active, .dc-select [invalid].zselectbox:active,
.dc-date-select [invalid].zselectbox:active, .textarea--form textarea[invalid]:active, [invalid].textbox--number:active, .dc-textbox input[invalid][type=number]:active, .textbox--unit input[invalid][type=number]:active, .textbox--unit__left input[invalid][type=number]:active, [invalid].textbox--filter:active, [invalid].textbox--med:active, .textbox__icon input[invalid][type=text]:active, .input__unit--static input[invalid][type]:active, .input__unit input[invalid][type]:active, .input__unit--static__number input[invalid][type]:active, [invalid].dc-daterange-field:active, .textbox--unit input[invalid][type=text]:active, .textbox--unit__left input[invalid][type=text]:active, [invalid].textbox--address-bar:active, [invalid].textbox--form:active, [invalid].textbox--default:active, .selectbox--default:active:invalid, [invalid].selectbox--default:active, fieldset.fc--group[data-error] .dc-select .zselectbox:focus, fieldset.fc--row[data-error]:not(.fc--custom-field) input[class^=textbox--]:focus,
fieldset.fc--row[data-error]:not(.fc--custom-field) textarea:focus,
fieldset.fc--group[data-error]:not(.fc--custom-field) input[class^=textbox--]:focus,
fieldset.fc--group[data-error]:not(.fc--custom-field) textarea:focus,
fieldset[data-error]:not(.fc--custom-field) input[class^=textbox--]:focus,
fieldset[data-error]:not(.fc--custom-field) textarea:focus, fieldset.fc--row[data-error]:not(.fc--custom-field) .zinputfield:focus,
fieldset.fc--row[data-error]:not(.fc--custom-field) .dc-daterange-field:focus,
fieldset.fc--group[data-error]:not(.fc--custom-field) .zinputfield:focus,
fieldset.fc--group[data-error]:not(.fc--custom-field) .dc-daterange-field:focus,
fieldset[data-error]:not(.fc--custom-field) .zinputfield:focus,
fieldset[data-error]:not(.fc--custom-field) .dc-daterange-field:focus,
fieldset[data-error]:not(.fc--custom-field) .file-upload .fu--form:not(.fu--mega) .fu--container:focus,
fieldset[data-error]:not(.fc--custom-field) .token-field .tf--container-wrapper:focus,
fieldset[data-error]:not(.fc--custom-field) .dc-select .zselectbox:focus,
fieldset[data-error]:not(.fc--custom-field) .dc-combo .zselectbox:focus,
fieldset[data-error]:not(.fc--custom-field) .dc-date-select .zselectbox:focus, .input-error:focus, .dc-combo .zcombobox:focus:invalid, .dc-date-field .zinputfield:focus:invalid, .dc-daterange-picker .zinputfield:focus:invalid, .dc-select .zselectbox:focus:invalid,
.dc-date-select .zselectbox:focus:invalid, .textarea--form textarea:focus:invalid, .textbox--number:focus:invalid, .dc-textbox input[type=number]:focus:invalid, .textbox--unit input[type=number]:focus:invalid, .textbox--unit__left input[type=number]:focus:invalid, .textbox--filter:focus:invalid, .textbox--med:focus:invalid, .textbox__icon input[type=text]:focus:invalid, .input__unit--static input[type]:focus:invalid, .input__unit input[type]:focus:invalid, .input__unit--static__number input[type]:focus:invalid, .dc-daterange-field:focus:invalid, .textbox--unit input[type=text]:focus:invalid, .textbox--unit__left input[type=text]:focus:invalid, .textbox--address-bar:focus:invalid, .textbox--form:focus:invalid, .textbox--default:focus:invalid, .dc-combo [invalid].zcombobox:focus, .dc-date-field [invalid].zinputfield:focus, .dc-daterange-picker [invalid].zinputfield:focus, .dc-select [invalid].zselectbox:focus,
.dc-date-select [invalid].zselectbox:focus, .textarea--form textarea[invalid]:focus, [invalid].textbox--number:focus, .dc-textbox input[invalid][type=number]:focus, .textbox--unit input[invalid][type=number]:focus, .textbox--unit__left input[invalid][type=number]:focus, [invalid].textbox--filter:focus, [invalid].textbox--med:focus, .textbox__icon input[invalid][type=text]:focus, .input__unit--static input[invalid][type]:focus, .input__unit input[invalid][type]:focus, .input__unit--static__number input[invalid][type]:focus, [invalid].dc-daterange-field:focus, .textbox--unit input[invalid][type=text]:focus, .textbox--unit__left input[invalid][type=text]:focus, [invalid].textbox--address-bar:focus, [invalid].textbox--form:focus, [invalid].textbox--default:focus, .selectbox--default:focus:invalid, [invalid].selectbox--default: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-combo .zcombobox.is-disabled, .dc-combo .zcombobox.is-disabled > .zselectbox__icon, .dc-date-field .zinputfield.is-disabled, .dc-select .zselectbox.is-disabled,
.dc-date-select .zselectbox.is-disabled, .input--disabled, .dc-combo .zcombobox:disabled, .dc-date-field .zinputfield:disabled, .dc-daterange-picker .zinputfield:disabled, .dc-select .zselectbox:disabled,
.dc-date-select .zselectbox:disabled, .textarea--form textarea:disabled, .textbox--number:disabled, .dc-textbox input[type=number]:disabled, .textbox--unit input[type=number]:disabled, .textbox--unit__left input[type=number]:disabled, .textbox--filter:disabled, .textbox--med:disabled, .textbox__icon input[type=text]:disabled, .input__unit--static input[type]:disabled, .input__unit input[type]:disabled, .input__unit--static__number input[type]:disabled, .dc-daterange-field:disabled, .textbox--unit input[type=text]:disabled, .textbox--unit__left input[type=text]:disabled, .textbox--address-bar:disabled, .textbox--form:disabled, .textbox--default:disabled, .dc-combo [disabled].zcombobox, .dc-date-field [disabled].zinputfield, .dc-daterange-picker [disabled].zinputfield, .dc-select [disabled].zselectbox,
.dc-date-select [disabled].zselectbox, .textarea--form textarea[disabled], [disabled].textbox--number, .dc-textbox input[disabled][type=number], .textbox--unit input[disabled][type=number], .textbox--unit__left input[disabled][type=number], [disabled].textbox--filter, [disabled].textbox--med, .textbox__icon input[disabled][type=text], .input__unit--static input[disabled][type], .input__unit input[disabled][type], .input__unit--static__number input[disabled][type], [disabled].dc-daterange-field, .textbox--unit input[disabled][type=text], .textbox--unit__left input[disabled][type=text], [disabled].textbox--address-bar, [disabled].textbox--form, [disabled].textbox--default, .selectbox--default:disabled, [disabled].selectbox--default {
  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-combo .zcombobox.is-disabled:hover, .dc-combo .zcombobox.is-disabled > .zselectbox__icon:hover, .dc-date-field .zinputfield.is-disabled:hover, .dc-select .zselectbox.is-disabled:hover,
.dc-date-select .zselectbox.is-disabled:hover, .input--disabled:hover, .dc-combo .zcombobox:hover:disabled, .dc-date-field .zinputfield:hover:disabled, .dc-daterange-picker .zinputfield:hover:disabled, .dc-select .zselectbox:hover:disabled,
.dc-date-select .zselectbox:hover:disabled, .textarea--form textarea:hover:disabled, .textbox--number:hover:disabled, .dc-textbox input[type=number]:hover:disabled, .textbox--unit input[type=number]:hover:disabled, .textbox--unit__left input[type=number]:hover:disabled, .textbox--filter:hover:disabled, .textbox--med:hover:disabled, .textbox__icon input[type=text]:hover:disabled, .input__unit--static input[type]:hover:disabled, .input__unit input[type]:hover:disabled, .input__unit--static__number input[type]:hover:disabled, .dc-daterange-field:hover:disabled, .textbox--unit input[type=text]:hover:disabled, .textbox--unit__left input[type=text]:hover:disabled, .textbox--address-bar:hover:disabled, .textbox--form:hover:disabled, .textbox--default:hover:disabled, .dc-combo [disabled].zcombobox:hover, .dc-date-field [disabled].zinputfield:hover, .dc-daterange-picker [disabled].zinputfield:hover, .dc-select [disabled].zselectbox:hover,
.dc-date-select [disabled].zselectbox:hover, .textarea--form textarea[disabled]:hover, [disabled].textbox--number:hover, .dc-textbox input[disabled][type=number]:hover, .textbox--unit input[disabled][type=number]:hover, .textbox--unit__left input[disabled][type=number]:hover, [disabled].textbox--filter:hover, [disabled].textbox--med:hover, .textbox__icon input[disabled][type=text]:hover, .input__unit--static input[disabled][type]:hover, .input__unit input[disabled][type]:hover, .input__unit--static__number input[disabled][type]:hover, [disabled].dc-daterange-field:hover, .textbox--unit input[disabled][type=text]:hover, .textbox--unit__left input[disabled][type=text]:hover, [disabled].textbox--address-bar:hover, [disabled].textbox--form:hover, [disabled].textbox--default:hover, .selectbox--default:hover:disabled, [disabled].selectbox--default:hover, .dc-combo .zcombobox.is-disabled:focus, .dc-combo .zcombobox.is-disabled > .zselectbox__icon:focus, .dc-date-field .zinputfield.is-disabled:focus, .dc-select .zselectbox.is-disabled:focus,
.dc-date-select .zselectbox.is-disabled:focus, .input--disabled:focus, .dc-combo .zcombobox:focus:disabled, .dc-date-field .zinputfield:focus:disabled, .dc-daterange-picker .zinputfield:focus:disabled, .dc-select .zselectbox:focus:disabled,
.dc-date-select .zselectbox:focus:disabled, .textarea--form textarea:focus:disabled, .textbox--number:focus:disabled, .dc-textbox input[type=number]:focus:disabled, .textbox--unit input[type=number]:focus:disabled, .textbox--unit__left input[type=number]:focus:disabled, .textbox--filter:focus:disabled, .textbox--med:focus:disabled, .textbox__icon input[type=text]:focus:disabled, .input__unit--static input[type]:focus:disabled, .input__unit input[type]:focus:disabled, .input__unit--static__number input[type]:focus:disabled, .dc-daterange-field:focus:disabled, .textbox--unit input[type=text]:focus:disabled, .textbox--unit__left input[type=text]:focus:disabled, .textbox--address-bar:focus:disabled, .textbox--form:focus:disabled, .textbox--default:focus:disabled, .dc-combo [disabled].zcombobox:focus, .dc-date-field [disabled].zinputfield:focus, .dc-daterange-picker [disabled].zinputfield:focus, .dc-select [disabled].zselectbox:focus,
.dc-date-select [disabled].zselectbox:focus, .textarea--form textarea[disabled]:focus, [disabled].textbox--number:focus, .dc-textbox input[disabled][type=number]:focus, .textbox--unit input[disabled][type=number]:focus, .textbox--unit__left input[disabled][type=number]:focus, [disabled].textbox--filter:focus, [disabled].textbox--med:focus, .textbox__icon input[disabled][type=text]:focus, .input__unit--static input[disabled][type]:focus, .input__unit input[disabled][type]:focus, .input__unit--static__number input[disabled][type]:focus, [disabled].dc-daterange-field:focus, .textbox--unit input[disabled][type=text]:focus, .textbox--unit__left input[disabled][type=text]:focus, [disabled].textbox--address-bar:focus, [disabled].textbox--form:focus, [disabled].textbox--default:focus, .selectbox--default:focus:disabled, [disabled].selectbox--default:focus, .dc-combo .zcombobox.is-disabled:active, .dc-combo .zcombobox.is-disabled > .zselectbox__icon:active, .dc-date-field .zinputfield.is-disabled:active, .dc-select .zselectbox.is-disabled:active,
.dc-date-select .zselectbox.is-disabled:active, .input--disabled:active, .dc-combo .zcombobox:active:disabled, .dc-date-field .zinputfield:active:disabled, .dc-daterange-picker .zinputfield:active:disabled, .dc-select .zselectbox:active:disabled,
.dc-date-select .zselectbox:active:disabled, .textarea--form textarea:active:disabled, .textbox--number:active:disabled, .dc-textbox input[type=number]:active:disabled, .textbox--unit input[type=number]:active:disabled, .textbox--unit__left input[type=number]:active:disabled, .textbox--filter:active:disabled, .textbox--med:active:disabled, .textbox__icon input[type=text]:active:disabled, .input__unit--static input[type]:active:disabled, .input__unit input[type]:active:disabled, .input__unit--static__number input[type]:active:disabled, .dc-daterange-field:active:disabled, .textbox--unit input[type=text]:active:disabled, .textbox--unit__left input[type=text]:active:disabled, .textbox--address-bar:active:disabled, .textbox--form:active:disabled, .textbox--default:active:disabled, .dc-combo [disabled].zcombobox:active, .dc-date-field [disabled].zinputfield:active, .dc-daterange-picker [disabled].zinputfield:active, .dc-select [disabled].zselectbox:active,
.dc-date-select [disabled].zselectbox:active, .textarea--form textarea[disabled]:active, [disabled].textbox--number:active, .dc-textbox input[disabled][type=number]:active, .textbox--unit input[disabled][type=number]:active, .textbox--unit__left input[disabled][type=number]:active, [disabled].textbox--filter:active, [disabled].textbox--med:active, .textbox__icon input[disabled][type=text]:active, .input__unit--static input[disabled][type]:active, .input__unit input[disabled][type]:active, .input__unit--static__number input[disabled][type]:active, [disabled].dc-daterange-field:active, .textbox--unit input[disabled][type=text]:active, .textbox--unit__left input[disabled][type=text]:active, [disabled].textbox--address-bar:active, [disabled].textbox--form:active, [disabled].textbox--default:active, .selectbox--default:active:disabled, [disabled].selectbox--default:active {
  outline: none;
  border: 1px solid var(--ecs-container-border-clr-disabled) !important;
  box-shadow: none !important;
}

.required-field-mark:after {
  color: red;
  content: "*";
}

.dc-select .zselectbox.is-active, .dc-select .zselectbox.has-focus, .dc-combo .zselectbox.is-active, .dc-combo .zselectbox.has-focus {
  background-color: var(--ecs-base-bg-primary) !important;
  border: 1px solid var(--ecs-input-border-clr);
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover);
}

.input--footer {
  font: 13px var(--ecs-font-family);
  font-size: 13px;
  color: var(--ecs-base-clr-tertiary);
  display: block;
  width: auto;
  padding-top: 5px;
}

.helpcard--form .help--icon,
.help-card .help--icon, .tooltip--error .error--icon, .fc--action__danger, .tooltip--warning .warning--icon {
  width: 16px;
  height: 16px;
}

.tooltip--error .error--icon, .fc--action__danger, .tooltip--warning .warning--icon {
  display: inline-block;
  background: transparent center center/100% no-repeat;
}

.tooltip--error .error--icon, .fc--action__danger {
  background-image: url(../../../../images/common/form/upload-error-file.png);
}

.tooltip--warning .warning--icon {
  background-size: 18px;
  background-image: url(../../../../images/common/form/tooltip-warning.svg);
}
.tooltip--warning .warning--icon:hover, .tooltip--warning .warning--icon [data-active] {
  background-image: url(../../../../images/common/form/tooltip-warning-hover.svg);
}

.dc-daterange-field, .textbox--unit input[type=text], .textbox--unit__left input[type=text], .textbox--address-bar, .textbox--form, .textbox--default {
  width: 300px;
  height: 35px;
}

.textbox--med, .textbox__icon input[type=text], .input__unit--static input[type], .input__unit input[type], .input__unit--static__number input[type] {
  width: 170px;
  height: 35px;
}

.textbox--filter {
  width: 300px;
  height: 25px !important;
}

.textbox--number, .dc-textbox input[type=number], .textbox--unit input[type=number], .textbox--unit__left input[type=number] {
  height: 35px;
  padding-right: 5px;
}

.textbox--number, .dc-textbox input[type=number] {
  width: 140px;
}

.textbox--unit input[type=number], .textbox--unit__left input[type=number] {
  width: 180px;
}

.selectbox--unit .selectbox--unit--title-container, .textbox--unit .textbox--unit--title, .textbox--unit__left .textbox--unit--title, .select__unit .su--unit, .select__unit--number .su--unit {
  text-align: center;
  color: var(--ecs-base-clr-tertiary);
  background-color: var(--ecs-container-bg-secondary);
  box-shadow: 0 0 0 1px var(--ecs-container-bg-secondary);
  height: 31px;
  width: auto;
  max-width: 100px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 0 3px 3px 0;
  transition: all 0.25s ease-in-out;
  padding: 0px 15px;
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 31px;
  font-size: 13px;
}
.selectbox--unit .selectbox--unit--title-container:focus, .textbox--unit .textbox--unit--title:focus, .textbox--unit__left .textbox--unit--title:focus, .select__unit .su--unit:focus, .select__unit--number .su--unit:focus, .selectbox--unit .selectbox--unit--title-container:active, .textbox--unit .textbox--unit--title:active, .textbox--unit__left .textbox--unit--title:active, .select__unit .su--unit:active, .select__unit--number .su--unit:active {
  outline: none;
}

.radiobox-block .rb-wrapper .rb--checkmark, .radiobox, .radiobox--img, .checkbox--form, .dc-combo .zcombobox.is-disabled, .dc-combo .zcombobox.is-disabled > .zselectbox__icon, .dc-date-field .zinputfield.is-disabled, .dc-select .zselectbox.is-disabled,
.dc-date-select .zselectbox.is-disabled, .input--disabled, .dc-combo .zcombobox:disabled, .dc-date-field .zinputfield:disabled, .dc-daterange-picker .zinputfield:disabled, .dc-select .zselectbox:disabled,
.dc-date-select .zselectbox:disabled, .textarea--form textarea:disabled, .dc-combo [disabled].zcombobox, .dc-date-field [disabled].zinputfield, .dc-daterange-picker [disabled].zinputfield, .dc-select [disabled].zselectbox,
.dc-date-select [disabled].zselectbox, .textarea--form textarea[disabled], .selectbox--default:disabled, [disabled].selectbox--default, .dc-daterange-field:disabled, .textbox--unit input[type=text]:disabled, .textbox--unit__left input[type=text]:disabled, .textbox--address-bar:disabled, .textbox--form:disabled, .textbox--default:disabled, [disabled].dc-daterange-field, .textbox--unit input[disabled][type=text], .textbox--unit__left input[disabled][type=text], [disabled].textbox--address-bar, [disabled].textbox--form, [disabled].textbox--default, .textbox--med:disabled, .textbox__icon input[type=text]:disabled, .input__unit--static input[type]:disabled, .input__unit input[type]:disabled, .input__unit--static__number input[type]:disabled, [disabled].textbox--med, .textbox__icon input[disabled][type=text], .input__unit--static input[disabled][type], .input__unit input[disabled][type], .input__unit--static__number input[disabled][type], .textbox--filter:disabled, [disabled].textbox--filter, .textbox--number:disabled, .dc-textbox input[type=number]:disabled, .textbox--unit input[type=number]:disabled, .textbox--unit__left input[type=number]:disabled, [disabled].textbox--number, .dc-textbox input[disabled][type=number], .textbox--unit input[disabled][type=number], .textbox--unit__left input[disabled][type=number], .selectbox--unit .selectbox--unit--title-container, .textbox--unit .textbox--unit--title, .textbox--unit__left .textbox--unit--title, .select__unit .su--unit, .select__unit--number .su--unit {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.anchor-text-button {
  color: var(--ecs-base-clr-active);
  text-decoration: none !important;
  cursor: pointer;
}
.anchor-text-button:hover {
  text-decoration: none !important;
}

.page-description {
  padding: 5px 10px 18px 5px;
  line-height: 20px;
  font: 13px var(--ecs-font-family);
}

.page-subtitle, .page-sub-header {
  display: block;
  color: var(--ecs-base-clr-primary);
  font: 14px var(--ecs-font-family);
  padding: 5px 0px;
  height: auto;
  margin-top: 10px;
}

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

.textarea--form textarea ::-webkit-input-placeholder, .selectbox--default ::-webkit-input-placeholder, .dc-daterange-field ::-webkit-input-placeholder, .textbox--unit input[type=text] ::-webkit-input-placeholder, .textbox--unit__left input[type=text] ::-webkit-input-placeholder, .textbox--address-bar ::-webkit-input-placeholder, .textbox--form ::-webkit-input-placeholder, .textbox--default ::-webkit-input-placeholder, .textbox--med ::-webkit-input-placeholder, .textbox__icon input[type=text] ::-webkit-input-placeholder, .input__unit--static input[type] ::-webkit-input-placeholder, .input__unit input[type] ::-webkit-input-placeholder, .input__unit--static__number input[type] ::-webkit-input-placeholder, .textbox--filter ::-webkit-input-placeholder, .textbox--number ::-webkit-input-placeholder, .dc-textbox input[type=number] ::-webkit-input-placeholder, .textbox--unit input[type=number] ::-webkit-input-placeholder, .textbox--unit__left input[type=number] ::-webkit-input-placeholder, .textarea--form textarea :-moz-placeholder, .selectbox--default :-moz-placeholder, .dc-daterange-field :-moz-placeholder, .textbox--unit input[type=text] :-moz-placeholder, .textbox--unit__left input[type=text] :-moz-placeholder, .textbox--address-bar :-moz-placeholder, .textbox--form :-moz-placeholder, .textbox--default :-moz-placeholder, .textbox--med :-moz-placeholder, .textbox__icon input[type=text] :-moz-placeholder, .input__unit--static input[type] :-moz-placeholder, .input__unit input[type] :-moz-placeholder, .input__unit--static__number input[type] :-moz-placeholder, .textbox--filter :-moz-placeholder, .textbox--number :-moz-placeholder, .dc-textbox input[type=number] :-moz-placeholder, .textbox--unit input[type=number] :-moz-placeholder, .textbox--unit__left input[type=number] :-moz-placeholder, .textarea--form textarea ::-moz-placeholder, .selectbox--default ::-moz-placeholder, .dc-daterange-field ::-moz-placeholder, .textbox--unit input[type=text] ::-moz-placeholder, .textbox--unit__left input[type=text] ::-moz-placeholder, .textbox--address-bar ::-moz-placeholder, .textbox--form ::-moz-placeholder, .textbox--default ::-moz-placeholder, .textbox--med ::-moz-placeholder, .textbox__icon input[type=text] ::-moz-placeholder, .input__unit--static input[type] ::-moz-placeholder, .input__unit input[type] ::-moz-placeholder, .input__unit--static__number input[type] ::-moz-placeholder, .textbox--filter ::-moz-placeholder, .textbox--number ::-moz-placeholder, .dc-textbox input[type=number] ::-moz-placeholder, .textbox--unit input[type=number] ::-moz-placeholder, .textbox--unit__left input[type=number] ::-moz-placeholder, .textarea--form textarea :-ms-input-placeholder, .selectbox--default :-ms-input-placeholder, .dc-daterange-field :-ms-input-placeholder, .textbox--unit input[type=text] :-ms-input-placeholder, .textbox--unit__left input[type=text] :-ms-input-placeholder, .textbox--address-bar :-ms-input-placeholder, .textbox--form :-ms-input-placeholder, .textbox--default :-ms-input-placeholder, .textbox--med :-ms-input-placeholder, .textbox__icon input[type=text] :-ms-input-placeholder, .input__unit--static input[type] :-ms-input-placeholder, .input__unit input[type] :-ms-input-placeholder, .input__unit--static__number input[type] :-ms-input-placeholder, .textbox--filter :-ms-input-placeholder, .textbox--number :-ms-input-placeholder, .dc-textbox input[type=number] :-ms-input-placeholder, .textbox--unit input[type=number] :-ms-input-placeholder, .textbox--unit__left input[type=number] :-ms-input-placeholder, .textarea--form textarea ::-ms-input-placeholder, .selectbox--default ::-ms-input-placeholder, .dc-daterange-field ::-ms-input-placeholder, .textbox--unit input[type=text] ::-ms-input-placeholder, .textbox--unit__left input[type=text] ::-ms-input-placeholder, .textbox--address-bar ::-ms-input-placeholder, .textbox--form ::-ms-input-placeholder, .textbox--default ::-ms-input-placeholder, .textbox--med ::-ms-input-placeholder, .textbox__icon input[type=text] ::-ms-input-placeholder, .input__unit--static input[type] ::-ms-input-placeholder, .input__unit input[type] ::-ms-input-placeholder, .input__unit--static__number input[type] ::-ms-input-placeholder, .textbox--filter ::-ms-input-placeholder, .textbox--number ::-ms-input-placeholder, .dc-textbox input[type=number] ::-ms-input-placeholder, .textbox--unit input[type=number] ::-ms-input-placeholder, .textbox--unit__left input[type=number] ::-ms-input-placeholder, .textarea--form textarea ::placeholder, .selectbox--default ::placeholder, .dc-daterange-field ::placeholder, .textbox--unit input[type=text] ::placeholder, .textbox--unit__left input[type=text] ::placeholder, .textbox--address-bar ::placeholder, .textbox--form ::placeholder, .textbox--default ::placeholder, .textbox--med ::placeholder, .textbox__icon input[type=text] ::placeholder, .input__unit--static input[type] ::placeholder, .input__unit input[type] ::placeholder, .input__unit--static__number input[type] ::placeholder, .textbox--filter ::placeholder, .textbox--number ::placeholder, .dc-textbox input[type=number] ::placeholder, .textbox--unit input[type=number] ::placeholder, .textbox--unit__left input[type=number] ::placeholder {
  color: var(--ecs-base-clr-tertiary) !important;
}

.selectbox--unit .selectbox--unit--title, .text-ellipsis, .selectbox--unit .selectbox--unit--title-container, .textbox--unit .textbox--unit--title, .textbox--unit__left .textbox--unit--title, .select__unit .su--unit, .select__unit--number .su--unit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.text-underline {
  text-decoration: underline !important;
}

.text-no-underline {
  text-decoration: none !important;
}

.feature-card .fc--footer, .radiobox-block, .dc-checkbox.multiple, .flex--common__stretch, .flex--common, .logs-container .lc--row, .box--center, .flex__space-evenly, .flex__space-around, .row--inline__center, .row--inline__left, .row--inline__right, .row--inline, .row--inline__space-between, .row--inline__space-evenly, .row--inline__space-around, .btn__with-img__2, .btn__with-img__left, .btn__with-img__right {
  display: flex !important;
  flex-flow: row wrap;
}

.inline-flex--common {
  display: inline-flex !important;
  flex-flow: row wrap;
}

.btn__with-img__2, .btn__with-img__left, .btn__with-img__right {
  align-items: center;
}

.row--inline__center, .row--inline__left, .row--inline__right, .row--inline, .row--inline__space-between, .row--inline__space-evenly, .row--inline__space-around {
  padding: 0 5px;
}

.row--inline__space-between, .row--inline__space-evenly, .row--inline__space-around {
  padding: 0;
  align-items: center;
}

.row--inline__space-between {
  justify-content: space-between;
}

.row--inline__space-evenly {
  justify-content: space-evenly;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .row--inline__space-evenly {
    justify-content: space-around;
  }
}

.row--inline__space-around {
  justify-content: space-around;
}

.flex__space-around {
  justify-content: space-around;
}

.flex__space-evenly {
  justify-content: space-evenly;
}

.uems-placeholder-layout, .column-flex {
  display: flex;
  flex-flow: column wrap;
}

.flex--nowrap {
  display: flex;
  align-items: center;
}

.ucs-inline-flex, .ucs-flex, .ucs-flex-column {
  flex-wrap: wrap;
}

.ucs-flex, .ucs-flex-column {
  display: flex;
}

.ucs-inline-flex {
  display: inline-flex;
}

.ucs-flex-column {
  flex-direction: column;
}

.ucs-justify__flex-start {
  justify-content: flex-start;
}

.ucs-justify__flex-end {
  justify-content: flex-end;
}

.ucs-justify__center {
  justify-content: center;
}

.ucs-justify__space-between {
  justify-content: space-between;
}

.ucs-justify__space-around {
  justify-content: space-around;
}

.ucs-justify__space-evenly {
  justify-content: space-evenly;
}

.ucs-align__flex-start {
  align-items: flex-start;
}

.ucs-align__flex-end {
  align-items: flex-end;
}

.ucs-align__center {
  align-items: center;
}

.ucs-align__stretch {
  align-items: stretch;
}

.ucs-align__baseline {
  align-items: baseline;
}

.flex-fill, .flex--child__large {
  flex-grow: 1;
}

.ucs-pos-sticky {
  position: sticky;
}

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

.ucs-pos-fixed {
  position: fixed;
}

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

.page-sub-header, .fade--border__bottom, .form-header__sub {
  width: 100%;
  position: relative;
  min-height: 20px;
  font: 14px var(--ecs-font-family);
}
.page-sub-header:after, .fade--border__bottom:after, .form-header__sub:after {
  content: "";
  width: 50%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-image: linear-gradient(to right, var(--ecs-container-border-clr) 25%, transparent 75%);
}

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

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

.zmenu__body.h-scroll_y, .zmenu--selectmenu, .left-pane-navigation-wrapper, .customised-scrollbar, .content-scrollable {
  overflow-y: auto;
  overflow-y: overlay;
  /* Track */
  /* Handle */
}
@-moz-document url-prefix() {
  .zmenu__body.h-scroll_y, .zmenu--selectmenu, .left-pane-navigation-wrapper, .customised-scrollbar, .content-scrollable {
    scrollbar-width: thin;
  }
}
.zmenu__body.h-scroll_y::-webkit-scrollbar, .zmenu--selectmenu::-webkit-scrollbar, .left-pane-navigation-wrapper::-webkit-scrollbar, .customised-scrollbar::-webkit-scrollbar, .content-scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.zmenu__body.h-scroll_y::-webkit-scrollbar-track, .zmenu--selectmenu::-webkit-scrollbar-track, .left-pane-navigation-wrapper::-webkit-scrollbar-track, .customised-scrollbar::-webkit-scrollbar-track, .content-scrollable::-webkit-scrollbar-track {
  visibility: hidden;
}
.zmenu__body.h-scroll_y::-webkit-scrollbar-thumb, .zmenu--selectmenu::-webkit-scrollbar-thumb, .left-pane-navigation-wrapper::-webkit-scrollbar-thumb, .customised-scrollbar::-webkit-scrollbar-thumb, .content-scrollable::-webkit-scrollbar-thumb {
  background: var(--ecs-scrollbar-bg);
  border-radius: 10px;
}

.resize__vertical, .resize__horizontal, .resize__both {
  overflow: auto;
}

.table-wrapper--common {
  border: 1px solid var(--ecs-container-border-clr) !important;
}

.table-header-cell--common {
  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;
}

.img__basic, .icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
}

.content-scrollable {
  max-height: 50vh;
}

/*
* @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*/
.btn, .img--large,
.img--medium,
.img--xsmall,
.img--small, .button, .table-menu-button, .button-two-icons, .button-icon--left, .button-icon--right, .button--over__gray--img, .button--over__gray, .zbutton.zbutton--normal:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary, .action-block, .btn__action, .btn__action-primary, .action-button, .CTA--icon__left, .menu-action-button-dropdown, .table-display-button, .mark-dropdown-btn, .menu-action-button, .menu-add-dropdown, .button-secondary-form, .secondaryActionBtn, .secondaryFilterActionBtn, .button-primary-form, .primaryActionBtn, .zbutton.zbutton--primary, .btn__action-primary {
  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;
}
.btn:hover, .img--large:hover,
.img--medium:hover,
.img--xsmall:hover,
.img--small:hover, .button:hover, .table-menu-button:hover, .button-two-icons:hover, .button-icon--left:hover, .button-icon--right:hover, .button--over__gray--img:hover, .button--over__gray:hover, .zbutton.zbutton--normal:hover:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:hover, .action-block:hover, .btn__action:hover, .btn__action-primary:hover, .action-button:hover, .CTA--icon__left:hover, .menu-action-button-dropdown:hover, .table-display-button:hover, .mark-dropdown-btn:hover, .menu-action-button:hover, .menu-add-dropdown:hover, .button-secondary-form:hover, .secondaryActionBtn:hover, .secondaryFilterActionBtn:hover, .button-primary-form:hover, .primaryActionBtn:hover, .zbutton.zbutton--primary:hover {
  cursor: pointer;
}
.btn:disabled, .img--large:disabled,
.img--medium:disabled,
.img--xsmall:disabled,
.img--small:disabled, .button:disabled, .table-menu-button:disabled, .button-two-icons:disabled, .button-icon--left:disabled, .button-icon--right:disabled, .button--over__gray--img:disabled, .button--over__gray:disabled, .zbutton.zbutton--normal:disabled:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:disabled, .action-block:disabled, .btn__action:disabled, .btn__action-primary:disabled, .action-button:disabled, .CTA--icon__left:disabled, .menu-action-button-dropdown:disabled, .table-display-button:disabled, .mark-dropdown-btn:disabled, .menu-action-button:disabled, .menu-add-dropdown:disabled, .button-secondary-form:disabled, .secondaryActionBtn:disabled, .secondaryFilterActionBtn:disabled, .button-primary-form:disabled, .primaryActionBtn:disabled, .zbutton.zbutton--primary:disabled, [disabled].btn, [disabled].img--large,
[disabled].img--medium,
[disabled].img--xsmall,
[disabled].img--small, [disabled].button, [disabled].table-menu-button, [disabled].button-two-icons, [disabled].button-icon--left, [disabled].button-icon--right, [disabled].button--over__gray--img, [disabled].button--over__gray, [disabled].zbutton.zbutton--normal:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), [disabled].zbutton.zbutton--secondary, [disabled].action-block, [disabled].btn__action, [disabled].btn__action-primary, [disabled].action-button, [disabled].CTA--icon__left, [disabled].menu-action-button-dropdown, [disabled].table-display-button, [disabled].mark-dropdown-btn, [disabled].menu-action-button, [disabled].menu-add-dropdown, [disabled].button-secondary-form, [disabled].secondaryActionBtn, [disabled].secondaryFilterActionBtn, [disabled].button-primary-form, [disabled].primaryActionBtn, [disabled].zbutton.zbutton--primary {
  /*same applies to all buttons*/
}

/*separate placeholder for separate class of disabled buttons*/
.button--disabled-demo, .button--disabled, .button__disabled, button.button--disabled, .btn:disabled, .img--large:disabled,
.img--medium:disabled,
.img--xsmall:disabled,
.img--small:disabled, .button:disabled, .table-menu-button:disabled, .button-two-icons:disabled, .button-icon--left:disabled, .button-icon--right:disabled, .button--over__gray--img:disabled, .button--over__gray:disabled, .zbutton.zbutton--normal:disabled:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:disabled, .action-block:disabled, .btn__action:disabled, .btn__action-primary:disabled, .action-button:disabled, .CTA--icon__left:disabled, .menu-action-button-dropdown:disabled, .table-display-button:disabled, .mark-dropdown-btn:disabled, .menu-action-button:disabled, .menu-add-dropdown:disabled, .button-secondary-form:disabled, .secondaryActionBtn:disabled, .secondaryFilterActionBtn:disabled, .button-primary-form:disabled, .primaryActionBtn:disabled, .zbutton.zbutton--primary:disabled, [disabled].btn, [disabled].img--large,
[disabled].img--medium,
[disabled].img--xsmall,
[disabled].img--small, [disabled].button, [disabled].table-menu-button, [disabled].button-two-icons, [disabled].button-icon--left, [disabled].button-icon--right, [disabled].button--over__gray--img, [disabled].button--over__gray, [disabled].zbutton.zbutton--normal:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), [disabled].zbutton.zbutton--secondary, [disabled].action-block, [disabled].btn__action, [disabled].btn__action-primary, [disabled].action-button, [disabled].CTA--icon__left, [disabled].menu-action-button-dropdown, [disabled].table-display-button, [disabled].mark-dropdown-btn, [disabled].menu-action-button, [disabled].menu-add-dropdown, [disabled].button-secondary-form, [disabled].secondaryActionBtn, [disabled].secondaryFilterActionBtn, [disabled].button-primary-form, [disabled].primaryActionBtn, [disabled].zbutton.zbutton--primary {
  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);
}
.button--disabled-demo:hover, .button--disabled:hover, .button__disabled:hover, .btn:hover:disabled, .img--large:hover:disabled,
.img--medium:hover:disabled,
.img--xsmall:hover:disabled,
.img--small:hover:disabled, .button:hover:disabled, .table-menu-button:hover:disabled, .button-two-icons:hover:disabled, .button-icon--left:hover:disabled, .button-icon--right:hover:disabled, .button--over__gray--img:hover:disabled, .button--over__gray:hover:disabled, .zbutton.zbutton--normal:hover:disabled:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:hover:disabled, .action-block:hover:disabled, .btn__action:hover:disabled, .btn__action-primary:hover:disabled, .action-button:hover:disabled, .CTA--icon__left:hover:disabled, .menu-action-button-dropdown:hover:disabled, .table-display-button:hover:disabled, .mark-dropdown-btn:hover:disabled, .menu-action-button:hover:disabled, .menu-add-dropdown:hover:disabled, .button-secondary-form:hover:disabled, .secondaryActionBtn:hover:disabled, .secondaryFilterActionBtn:hover:disabled, .button-primary-form:hover:disabled, .primaryActionBtn:hover:disabled, .zbutton.zbutton--primary:hover:disabled, [disabled].btn:hover, [disabled].img--large:hover,
[disabled].img--medium:hover,
[disabled].img--xsmall:hover,
[disabled].img--small:hover, [disabled].button:hover, [disabled].table-menu-button:hover, [disabled].button-two-icons:hover, [disabled].button-icon--left:hover, [disabled].button-icon--right:hover, [disabled].button--over__gray--img:hover, [disabled].button--over__gray:hover, [disabled].zbutton.zbutton--normal:hover:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), [disabled].zbutton.zbutton--secondary:hover, [disabled].action-block:hover, [disabled].btn__action:hover, [disabled].btn__action-primary:hover, [disabled].action-button:hover, [disabled].CTA--icon__left:hover, [disabled].menu-action-button-dropdown:hover, [disabled].table-display-button:hover, [disabled].mark-dropdown-btn:hover, [disabled].menu-action-button:hover, [disabled].menu-add-dropdown:hover, [disabled].button-secondary-form:hover, [disabled].secondaryActionBtn:hover, [disabled].secondaryFilterActionBtn:hover, [disabled].button-primary-form:hover, [disabled].primaryActionBtn:hover, [disabled].zbutton.zbutton--primary:hover {
  background-color: var(--ecs-btn-bg-disabled) !important;
}

.quick-link--button, .button--over__gray--img, .button-two-icons, .button-icon--left, .button-icon--right {
  background-size: 15px !important;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-color: var(--ecs-btn-bg);
}

.img--large,
.img--medium,
.img--xsmall,
.img--small {
  border: none !important;
  background: 0 0 !important;
  outline: 0;
  padding: 0px;
  margin: 0 auto;
}
.img--large:hover,
.img--medium:hover,
.img--xsmall:hover,
.img--small:hover {
  border: none !important;
}

.zbutton.zbutton--normal:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary, .action-block, .btn__action, .btn__action-primary, .action-button, .CTA--icon__left, .menu-action-button-dropdown, .table-display-button, .mark-dropdown-btn, .menu-action-button, .menu-add-dropdown, .button-secondary-form, .secondaryActionBtn, .secondaryFilterActionBtn, .button-primary-form, .primaryActionBtn, .zbutton.zbutton--primary, .btn__action-primary {
  background-color: var(--ecs-btn-bg);
  min-width: 60px !important;
  padding: 7px 10px !important;
  min-height: 25px;
}
.zbutton.zbutton--normal:active:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:active, .action-block:active, .btn__action:active, .btn__action-primary:active, .action-button:active, .CTA--icon__left:active, .menu-action-button-dropdown:active, .table-display-button:active, .mark-dropdown-btn:active, .menu-action-button:active, .menu-add-dropdown:active, .button-secondary-form:active, .secondaryActionBtn:active, .secondaryFilterActionBtn:active, .button-primary-form:active, .primaryActionBtn:active, .zbutton.zbutton--primary:active {
  box-shadow: 0 1px 2px var(--ecs-container-shadow) inset;
  cursor: pointer;
}
.zbutton.zbutton--normal:focus:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:focus, .action-block:focus, .btn__action:focus, .btn__action-primary:focus, .action-button:focus, .CTA--icon__left:focus, .menu-action-button-dropdown:focus, .table-display-button:focus, .mark-dropdown-btn:focus, .menu-action-button:focus, .menu-add-dropdown:focus, .button-secondary-form:focus, .secondaryActionBtn:focus, .secondaryFilterActionBtn:focus, .button-primary-form:focus, .primaryActionBtn:focus, .zbutton.zbutton--primary:focus, .zbutton.zbutton--normal:active:not(.zdatetimepicker__navbutton):not(.zinputfield__clearbutton):not(.zinputfield__spinbutton):not(.zbutton--icononly), .zbutton.zbutton--secondary:active, .action-block:active, .btn__action:active, .btn__action-primary:active, .action-button:active, .CTA--icon__left:active, .menu-action-button-dropdown:active, .table-display-button:active, .mark-dropdown-btn:active, .menu-action-button:active, .menu-add-dropdown:active, .button-secondary-form:active, .secondaryActionBtn:active, .secondaryFilterActionBtn:active, .button-primary-form:active, .primaryActionBtn:active, .zbutton.zbutton--primary:active {
  box-shadow: none;
  outline: none;
}

.button--over__gray--img, .button--over__gray {
  border: 1px solid var(--ecs-container-border-clr);
  background-color: var(--ecs-base-bg-primary);
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.button--over__gray--img:hover, .button--over__gray:hover {
  border-color: var(--ecs-container-border-clr-disabled);
  background-color: var(--ecs-btn-bg-hover);
}
.button--over__gray--img img, .button--over__gray img {
  margin-right: 3px;
  vertical-align: bottom;
}

.menu-action-button-dropdown, .menu-action-button, .menu-add-dropdown {
  background: var(--ecs-btn-bg) var(--ecs-caret-icon) no-repeat calc(100% - 8px) center;
  background-size: 12px 12px !important;
}

.btn {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}

.btn__action-primary {
  background-color: var(--ecs-cta-btn-bg) !important;
  border: none;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.btn__action-primary:hover {
  background-color: var(--ecs-cta-btn-bg-hover) !important;
}

.form-submit-section button ~ button, .fc--submit button ~ button, .fc-submit button ~ button, .submit-section button ~ button, .form-submit-section button ~ input[type=button], .fc--submit button ~ input[type=button], .fc-submit button ~ input[type=button], .submit-section button ~ input[type=button], .form-submit-section button ~ a, .fc--submit button ~ a, .fc-submit button ~ a, .submit-section button ~ a, .form-submit-section input[type=button] ~ button, .fc--submit input[type=button] ~ button, .fc-submit input[type=button] ~ button, .submit-section input[type=button] ~ button, .form-submit-section input[type=button] ~ input[type=button], .fc--submit input[type=button] ~ input[type=button], .fc-submit input[type=button] ~ input[type=button], .submit-section input[type=button] ~ input[type=button], .form-submit-section input[type=button] ~ a, .fc--submit input[type=button] ~ a, .fc-submit input[type=button] ~ a, .submit-section input[type=button] ~ a {
  margin-left: 10px;
}

.button-plain-text {
  background: none;
  border: none;
  font: 13px var(--ecs-font-family);
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.button-plain-text:focus, .button-plain-text:active {
  outline: none;
}

.button-two-icons, .button-icon--left, .button-icon--right {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}

/*General animation for displaying displaying tooltips and other hidden elements*/
@keyframes show-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes backdrop-animation {
  0% {
    background: rgba(var(--ucs-private-dark-bg-rgb), 0);
  }
  100% {
    background: rgba(var(--ucs-private-dark-bg-rgb), 0.3);
  }
}
@keyframes common-loader {
  0% {
    background-color: rgba(var(--ucs-private-dark-bg-rgb), 1);
  }
  50% {
    background-color: rgba(var(--ucs-private-dark-bg-rgb), 0.75);
  }
  100% {
    background-color: rgba(var(--ucs-private-dark-bg-rgb), 0.5);
  }
}
@keyframes ucs-pulse {
  0% {
    transform: scale(0);
    opacity: 0.8;
  }
  50% {
    transform: scale(2);
    opacity: 0.4;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.button--over__gray {
  padding: 3px 8px;
}
/*Common classes for types of buttons*/
.button, .table-menu-button {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
  padding: 3px 8px;
  margin-right: 5px;
}

.button-icon--left {
  padding: 3px 8px 3px 22px !important;
}
.button-icon--right {
  padding-left: 3px;
  background-position: 96% center;
  padding-right: 22px !important;
}

.button-primary-form, .primaryActionBtn, .zbutton.zbutton--primary {
  background-color: var(--ecs-cta-btn-bg) !important;
  border: none;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.button-primary-form:hover, .primaryActionBtn:hover, .zbutton.zbutton--primary:hover {
  background-color: var(--ecs-cta-btn-bg-hover) !important;
}

.button-secondary-form, .secondaryActionBtn, .secondaryFilterActionBtn {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}
.button-secondary-form:hover, .secondaryActionBtn:hover, .secondaryFilterActionBtn:hover {
  background-color: var(--ecs-btn-bg-hover) !important;
}

.menu-action-button, .menu-add-dropdown {
  height: 16px;
  padding: 3px 24px 3px 5px !important;
}

.menu-add-dropdown {
  background: var(--ecs-add-icon) 6px no-repeat, var(--ecs-caret-icon) calc(100% - 7px) no-repeat;
  background-color: var(--ecs-btn-bg);
  background-size: 10px 10px, 12px 12px !important;
  padding: 3px 20px !important;
}

.mark-dropdown-btn {
  background: var(--ecs-check-icon) 6px no-repeat, var(--ecs-caret-icon) calc(100% - 7px) no-repeat, var(--ecs-btn-bg) !important;
  background-size: 11px 11px, 12px 12px !important;
  padding: 3px 20px !important;
}

.table-display-button {
  padding: 3px 5px !important;
}

.CTA--icon__left, .menu-action-button-dropdown {
  padding-right: 24px !important;
}

.menu-action-button-dropdown {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}
.menu-action-button-dropdown:hover {
  background-color: var(--ecs-btn-bg-hover) !important;
}

.img--large,
.img--medium,
.img--xsmall,
.img--small {
  vertical-align: middle;
}

.img--large {
  height: 20px;
  width: 20px;
}

.img--medium {
  height: 18px;
  width: 18px;
}

.img--xsmall {
  height: 12px;
  width: 12px;
}

.img--small {
  height: 16px;
  width: 16px;
}

[class^=img--] {
  padding: 0 !important;
}

.form-submit-section, .submit-section {
  text-align: center;
  padding: 20px 0;
  width: 100%;
}

.btn-holder {
  width: 100%;
}
.btn-holder button, .btn-holder input[type=button] {
  margin: 5px;
}

.menu-buttons {
  padding-right: 7px;
  display: inline;
}
.menu-buttons:last-child {
  padding: 0;
}
.menu-buttons button {
  min-height: 25px;
}
.menu-buttons .menu-splitter-image {
  padding-left: 10px;
}

.quick-link--button {
  border: none;
  box-shadow: none;
  outline: none;
  padding: 3px 8px 3px 22px;
  background-size: 10px;
  background-color: transparent;
}
.quick-link--button:hover {
  border: none;
  box-shadow: none;
  outline: none;
}

.zbutton.has-focus {
  box-shadow: none;
  border: none;
}
.zbutton.has-focus:hover {
  box-shadow: none;
}

.configuration-form .form-submit-section .button-primary-form, .configuration-form .form-submit-section .primaryActionBtn, .configuration-form .form-submit-section .zbutton.zbutton--primary {
  margin-right: 0;
}

.add-button {
  background-image: var(--ecs-add-icon);
  background-position: 6px;
  background-size: 10px !important;
}
.add-button span {
  color: var(--ecs-base-clr-primary);
}

.delete-button {
  background-image: var(--ecs-cancel-icon);
}

a[disabled].button-icon--left {
  cursor: not-allowed;
  box-shadow: none !important;
  border: none;
}

.anchor-text-button {
  font: 13px var(--ecs-font-family);
  background: none;
  border: none;
}
.anchor-text-button:disabled {
  color: var(--ecs-base-clr-disabled);
  cursor: default;
}

.button-plain-text {
  padding: 5px 0;
}

.btn {
  padding: 3px 8px;
  margin-right: 0 !important;
}

.btn__action:hover {
  background-color: var(--ecs-btn-bg-hover) !important;
}

.btn__with-img__2 img, .btn__with-img__left img, .btn__with-img__right img {
  width: 12px;
  height: 12px;
}
.btn__with-img__2 img.btn--img__sm, .btn__with-img__left img.btn--img__sm, .btn__with-img__right img.btn--img__sm {
  width: 10px;
  height: 10px;
}
.btn__with-img__2 img.btn--img__lg, .btn__with-img__left img.btn--img__lg, .btn__with-img__right img.btn--img__lg {
  width: 14px;
  height: 14px;
}
.btn__with-img__2 img.btn--img__xs, .btn__with-img__left img.btn--img__xs, .btn__with-img__right img.btn--img__xs {
  width: 8px;
  height: 8px;
}
.btn__with-img__2 img.btn--img__xl, .btn__with-img__left img.btn--img__xl, .btn__with-img__right img.btn--img__xl {
  width: 18px;
  height: 18px;
}
.btn__with-img__2.btn__nowrap, .btn__with-img__left.btn__nowrap, .btn__with-img__right.btn__nowrap {
  flex-wrap: nowrap !important;
}

.btn__with-img__2 img {
  margin: 0 3px;
}

.btn__with-img__left img {
  margin-right: 3px;
}

.btn__with-img__right img {
  margin-left: 3px;
}

.btn-with-dropdown {
  padding-right: 20px;
  background: var(--ecs-caret-icon) calc(100% - 5px) center/10px no-repeat;
}

body {
  font: 13px var(--ecs-font-family);
}

#dc-app {
  font: 13px var(--ecs-font-family);
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.heading_underline {
  background: url(../../../../images/underline_blue.gif) no-repeat scroll 0 80% transparent;
  bottom: 0;
  color: var(--ecs-base-clr-primary);
  font-weight: bold;
  height: 5px;
  padding-top: 0;
}

.header__underline {
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ecs-container-border-clr);
}

.section--header, .section--header__bold {
  font: 16px var(--ecs-font-family);
}

.section--header__bold {
  font-weight: bold;
}

.hide {
  display: none;
}

.border--default, .border__default {
  border: 1px solid var(--ecs-container-border-clr);
  border-radius: 3px;
}

.border__none-strict, .border__none-strict:focus, .border__none-strict:active {
  border: none !important;
}

.border__none--left {
  border-left: none !important;
}

.border--left__dotted {
  border-left: 2px dotted var(--ecs-container-border-clr);
}

.border__none--right {
  border-right: none !important;
}

.border--right__dotted {
  border-right: 2px dotted var(--ecs-container-border-clr);
}

.border__none--top {
  border-top: none !important;
}

.border--top__dotted {
  border-top: 2px dotted var(--ecs-container-border-clr);
}

.border__none--bottom {
  border-bottom: none !important;
}

.border--bottom__dotted {
  border-bottom: 2px dotted var(--ecs-container-border-clr);
}

.border-color__black {
  border-color: var(--ecs-container-border-clr-secondary) !important;
}

.border__focus:focus, .border__focus-within:focus-within {
  border-color: var(--ecs-container-border-clr-active);
}

.border-focus__strict {
  border-color: var(--ecs-container-border-clr-active) !important;
}

.border__error {
  border-color: var(--ecs-container-border-clr-error);
}

.border-radius__none {
  border-radius: 0;
}

.border__rounded {
  border-radius: 50%;
}

.divider-col-right::before {
  right: 0;
}

/* responsive design using media queries */
[class^=col-] {
  float: left;
  padding: 5px;
}

.message-banner-container.col-12 {
  padding: 0;
}

/*
  column width calculation is simply done on the hardcoded list $ucs-layout-width rather than on index based CSS calc() function
  As index based calculation gives decimbal computed values, which is creating slightly changed width values than the existing one,
  also calc function has few bugs in IE and the computed values are not accurate
*/
.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto !important;
}

.w-50 {
  width: 50% !important;
}

.w-100__strict {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
  [class*=col-] {
    width: 100%;
  }
}
/* for active link
  */
.active {
  background-color: var(--ecs-bg-active);
}

.dc-loading {
  width: 10%;
  margin: 7% auto;
}

.greytext {
  color: var(--ecs-base-clr-disabled);
  font-family: var(--ecs-font-family);
}

.uems-font-12 {
  font-size: 12px !important;
}

.uems-font-13 {
  font-size: 13px !important;
}

.uems-font-14 {
  font-size: 14px !important;
}

.uems-font-15 {
  font-size: 15px !important;
}

.uems-font-16 {
  font-size: 16px !important;
}

.uems-font-17 {
  font-size: 17px !important;
}

.uems-font-18 {
  font-size: 18px !important;
}

.uems-font-19 {
  font-size: 19px !important;
}

.uems-font-20 {
  font-size: 20px !important;
}

.text-bracketed {
  position: relative;
}
.text-bracketed:after, .text-bracketed:before {
  position: absolute;
  top: 0;
}
.text-bracketed:after {
  content: ")";
  left: 105%;
}
.text-bracketed:before {
  content: "(";
  right: 105%;
}

.multi-line--text {
  word-break: break-word;
  line-height: 1.5;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.display-table-cell {
  display: table-cell;
}

.display-table-row {
  display: table-row;
}

.float-right {
  float: right;
}

.bodytextred,
.text--red {
  color: var(--ecs-base-clr-danger);
  text-decoration: none;
}

.bodytextgreen,
.text--green {
  color: var(--ecs-base-clr-success);
  text-decoration: none;
}

.color__black {
  color: var(--ecs-base-clr-primary) !important;
}

.color__white {
  color: var(--ecs-base-clr-primary-surface) !important;
}

.link--text__disabled {
  color: var(--ecs-anchor-clr-disabled);
  font: 13px var(--ecs-font-family);
  text-decoration: none;
}

.valign--middle {
  vertical-align: middle;
}

select::-ms-expand {
  display: none;
}

.splitter-img {
  width: 2px;
  height: 20px;
  margin: 0px 0px 0px 10px;
}

.dark-grey-text {
  color: var(--ecs-base-clr-tertiary);
  font-size: 13px;
}

.dark-grey-title {
  color: var(--ecs-base-clr-tertiary);
  font-size: 15px;
}

.horizontal-list {
  margin: 0px;
  padding: 5px 0px 0px;
}
.horizontal-list li {
  display: inline-block;
  padding: 0px 7.5px 0px 7.5px;
}
.horizontal-list li:first-child {
  padding: 0px 7.5px 0px 0px;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
  .right-align {
    text-align: left;
  }
  .horizontal-list li {
    display: block;
    text-decoration: none;
  }
}
.table__container {
  display: table;
  text-align: left;
  width: 100%;
  margin: 0 auto 0;
  border-collapse: separate;
}

.table__header,
.table__row {
  display: table-row;
}

.table__header__cell {
  display: table-cell;
  padding: 7px 0px;
  color: var(--ecs-base-clr-primary);
  font-size: 14px;
}

.table__cell {
  display: table-cell;
}

.info--grey {
  color: var(--ecs-base-clr-tertiary);
  font: 13px var(--ecs-font-family);
}

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

.disk-drive-select {
  width: 65px;
}

.body-text {
  font: 13px var(--ecs-font-family);
  line-height: 21px;
  padding: 0px 5px;
}

@keyframes tooltip-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.icon__md {
  width: 50px;
  height: 50px;
}

.img__basic {
  margin: 0 5px;
}

.placeholder-img, .icon__lg {
  width: 100px;
  height: 100px;
  display: inline-block;
}

.card-img {
  width: 100px;
  cursor: pointer;
}

/* overriding calendar css */
.calendar {
  z-index: 2000;
}

.selectbox--default {
  height: 25px !important;
  width: 180px;
}

.spacer--margin {
  margin: 8px 0;
}

.spacer--padding {
  padding: 8px 0;
}

.p-tb-5 {
  padding: 5px 0 !important;
}

.action-block img {
  position: relative;
  top: 1px;
}
.action-block .bodybold {
  text-decoration: none;
  background: var(--ecs-caret-icon) no-repeat right 4px;
  padding-right: 10px;
  font: 13px var(--ecs-font-family);
  color: var(--ecs-base-clr-active);
}

.opacity-zero {
  opacity: 0 !important;
}

.opacity-one {
  opacity: 1 !important;
}

.lite-table-container {
  padding-bottom: 15px;
}
.lite-table-container .lite-table__menu-handler {
  padding-bottom: 10px;
}

.restricted-mode__text {
  color: red;
}

.menu-splitter-common {
  display: inline-flex;
  margin: 0 5px;
  position: relative;
}
.menu-splitter-common:after {
  content: "";
  position: absolute;
  top: calc(50% - 11px);
  width: 1px;
  height: 22px;
  background-color: var(--ecs-btn-border-clr);
  left: 2px;
}

.block__inner--header {
  font: 15px var(--ecs-font-family) !important;
  padding: 15px;
}

.dialog-helptext {
  text-align: center;
  padding-bottom: 10px;
}

.grid--container {
  width: 100%;
  padding: 25px;
}
.grid--container .gc--row {
  width: 100%;
  display: inline-flex;
  flex-flow: row wrap;
}
.grid--container .gc--row:not(.gc--row__persist-col-width) div[class^=gc--col] {
  display: inline-block;
  padding: 0 10px;
}
@media screen and (max-width: 1024px) {
  .grid--container .gc--row:not(.gc--row__persist-col-width) div[class^=gc--col] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 25px;
  }
}
.grid--container .gc--row .gc--col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 1));
  flex: 0 0 calc(100% / (12 / 1));
  max-width: calc(100% / (12 / 1));
}
.grid--container .gc--row .gc--col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 2));
  flex: 0 0 calc(100% / (12 / 2));
  max-width: calc(100% / (12 / 2));
}
.grid--container .gc--row .gc--col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 3));
  flex: 0 0 calc(100% / (12 / 3));
  max-width: calc(100% / (12 / 3));
}
.grid--container .gc--row .gc--col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 4));
  flex: 0 0 calc(100% / (12 / 4));
  max-width: calc(100% / (12 / 4));
}
.grid--container .gc--row .gc--col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 5));
  flex: 0 0 calc(100% / (12 / 5));
  max-width: calc(100% / (12 / 5));
}
.grid--container .gc--row .gc--col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 6));
  flex: 0 0 calc(100% / (12 / 6));
  max-width: calc(100% / (12 / 6));
}
.grid--container .gc--row .gc--col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 7));
  flex: 0 0 calc(100% / (12 / 7));
  max-width: calc(100% / (12 / 7));
}
.grid--container .gc--row .gc--col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 8));
  flex: 0 0 calc(100% / (12 / 8));
  max-width: calc(100% / (12 / 8));
}
.grid--container .gc--row .gc--col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 9));
  flex: 0 0 calc(100% / (12 / 9));
  max-width: calc(100% / (12 / 9));
}
.grid--container .gc--row .gc--col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 10));
  flex: 0 0 calc(100% / (12 / 10));
  max-width: calc(100% / (12 / 10));
}
.grid--container .gc--row .gc--col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 11));
  flex: 0 0 calc(100% / (12 / 11));
  max-width: calc(100% / (12 / 11));
}
.grid--container .gc--row .gc--col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / (12 / 12));
  flex: 0 0 calc(100% / (12 / 12));
  max-width: calc(100% / (12 / 12));
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .grid--container .gc--row .gc--col-1 {
    width: 8.33%;
  }
  .grid--container .gc--row .gc--col-2 {
    width: 16.66%;
  }
  .grid--container .gc--row .gc--col-3 {
    width: 25%;
  }
  .grid--container .gc--row .gc--col-4 {
    width: 33.33%;
  }
  .grid--container .gc--row .gc--col-5 {
    width: 41.66%;
  }
  .grid--container .gc--row .gc--col-6 {
    width: 50%;
  }
  .grid--container .gc--row .gc--col-7 {
    width: 58.33%;
  }
  .grid--container .gc--row .gc--col-8 {
    width: 66.66%;
  }
  .grid--container .gc--row .gc--col-9 {
    width: 75%;
  }
  .grid--container .gc--row .gc--col-10 {
    width: 83.33%;
  }
  .grid--container .gc--row .gc--col-11 {
    width: 91.66%;
  }
  .grid--container .gc--row .gc--col-12 {
    width: 100%;
  }
}

.app-container {
  overflow-y: auto;
  overflow-y: overlay;
}

.flex--common, .logs-container .lc--row, .box--center {
  align-items: center;
}

.flex--common__stretch {
  align-items: stretch;
}

.inline-flex--common {
  align-items: center;
}

.row--inline .ri--inline {
  margin-left: 10px;
}

.row--inline__right {
  justify-content: flex-end;
}

.row--inline__left {
  justify-content: flex-start;
}

.row--inline__center {
  justify-content: center;
}

.box--center {
  justify-content: center;
}

.row--sides {
  padding: 0 5px;
}

.flex-shrink__none {
  flex-shrink: 0;
}

.flex__equal, .flex--child__equal {
  flex: 1 1 auto;
}

.flex--child__50 {
  flex: 1 1 50%;
}

.align-self__center {
  align-self: center !important;
}

.align-self__flex-start {
  align-self: flex-start !important;
}

.align-self__flex-end {
  align-self: flex-end !important;
}

.align-self__stretch {
  align-self: stretch !important;
}

.back-button__link {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.back-button__link img {
  margin-right: 5px;
}
.back-button__link ~ img {
  vertical-align: unset;
}

.anchor-text {
  color: var(--ecs-base-clr-active);
  text-decoration: none !important;
  cursor: pointer;
}
.anchor-text:hover {
  text-decoration: none !important;
}

.anchor-text__imp {
  color: var(--ecs-base-clr-active) !important;
  text-decoration: none !important;
  cursor: pointer;
}
.anchor-text__imp:hover {
  text-decoration: none !important;
}

.center-align, .text-center {
  text-align: center !important;
}

.left-align, .text-left {
  text-align: left !important;
}

.right-align, .text-right {
  text-align: right !important;
}

.text-img__inline {
  padding: 5px;
  display: inline-flex;
  align-items: center;
  font: 13px var(--ecs-font-family);
}
.text-img__inline p {
  margin: 0;
}
.text-img__inline img {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}

.page-sub-header:after {
  width: 40%;
}

.text-caption {
  font: 16px var(--ecs-font-family);
}

.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, .dc-page-title-container .row--inline.page-desc .logs-container .lc--row, .logs-container .dc-page-title-container .row--inline.page-desc .lc--row, .dc-page-title-container .row--inline.page-desc .box--center, .uems-page-title-container .row--inline.page-desc .flex--common, .uems-page-title-container .row--inline.page-desc .logs-container .lc--row, .logs-container .uems-page-title-container .row--inline.page-desc .lc--row, .uems-page-title-container .row--inline.page-desc .box--center {
  justify-content: space-between;
  padding-bottom: 5px;
}

.tab__content--title {
  font: 13px var(--ecs-font-family);
  line-height: 21px;
  padding: 0 5px;
}

.row, .row--inline, .col-12, .list-table-view__container .list-table-view .table-row, .list-table-view__container .list-table-view .table-head--row {
  font: 13px var(--ecs-font-family);
}

.logs-container {
  padding: 15px 0 20px 20px;
}
.logs-container .lc--row {
  align-items: flex-end;
  padding-bottom: 10px;
}
.logs-container .lc--row div, .logs-container .lc--row img {
  margin-right: 10px;
}
.logs-container .lc--row img {
  margin-left: 0;
}
.logs-container .lc--row .help-text {
  margin-left: 5px;
}
.logs-container ul {
  padding-left: 25px;
}
.logs-container ul li {
  margin-bottom: 10px;
  list-style-type: none;
}
.logs-container ul.lc--chunk-text b, .logs-container ul.lc--chunk-text span {
  margin-right: 10px;
}
.logs-container[data-list=bullet] ul li {
  list-style-type: disc;
}
.logs-container[data-list=number] ul li {
  list-style-type: decimal;
}
.logs-container[data-list=circle] ul li {
  list-style-type: circle;
}
.logs-container[data-list=caret] ul {
  list-style-image: var(--ecs-caret-right);
}
.logs-container .logs-container {
  padding-bottom: 10px;
}

.text--error {
  color: var(--ecs-base-clr-error) !important;
}

.background-color-menu-button {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}

.background-color-primary-button {
  background-color: var(--ecs-cta-btn-bg) !important;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.background-color-primary-button:hover {
  background-color: var(--ecs-cta-btn-bg-hover) !important;
}

.background-color-secondary-button {
  background-color: var(--ecs-btn-bg);
  color: var(--ecs-base-clr-primary) !important;
}
.background-color-secondary-button:hover {
  background-color: var(--ecs-btn-bg-hover) !important;
}

.background-color-tooltip-error {
  background-color: var(--ecs-container-bg-error-secondary) !important;
  color: var(--ecs-base-clr-error) !important;
}

.background-color-tooltip-success {
  background-color: var(--ecs-container-bg-success-secondary) !important;
  color: var(--ecs-base-clr-primary) !important;
}

.background-color-gray {
  background-color: var(--ecs-dark-bg-tertiary);
  color: var(--ecs-base-clr-primary-surface);
}

.reports-table-container {
  padding: 0 5px;
  width: 100%;
}
.reports-table-container .rtc--table {
  padding: 10px 5px;
}
.reports-table-container .rtc--table:first-child {
  padding-top: 0px;
}
.reports-table-container .rtc--table .rtc--table {
  padding: 0;
}
.reports-table-container .rtc--table .dc-reports {
  padding: 0;
}

.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.m-5 {
  margin: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.m-10 {
  margin: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.m-15 {
  margin: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.m-25 {
  margin: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.m-30 {
  margin: 30px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-l-30, .ucs-card-collections .textbox--form {
  padding-left: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.margin-auto {
  margin: 0 auto;
}

.text-bold {
  font-weight: bold !important;
}

.text--bold {
  font-weight: bold !important;
}

.text--semi-bold {
  font-weight: 600 !important;
}

.text--medium {
  font-weight: 500 !important;
}

.text--italics {
  font-style: italic !important;
}

.border__none {
  border: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer[disabled], .cursor-pointer[data-disabled] {
  cursor: default;
}

.display-inline-block {
  display: inline-block !important;
}

.display-inline {
  display: inline !important;
}

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

.res-container {
  padding: 0 30px;
}
@media (max-width: 1368px) {
  .res-container {
    padding: 0 10px;
  }
}
@media (max-width: 1072px) {
  .res-container {
    padding: 0 5px;
  }
}

.h-dnone {
  display: none !important;
}

.common-bg {
  background-color: var(--ecs-container-bg-primary) !important;
}

.common-bg__lite, common-bg-secondary {
  background-color: var(--ecs-container-bg-secondary) !important;
}

.common-bg-tertiary {
  background-color: var(--ecs-container-bg-tertiary) !important;
}

.selected-bg {
  background-color: var(--ecs-container-bg-selected) !important;
}

.disabled-bg {
  background-color: var(--ecs-container-bg-disabled) !important;
}

.dark-bg {
  background-color: var(--ecs-dark-bg) !important;
}

.lite-BG {
  background-color: var(--ecs-base-bg-primary) !important;
}

.common-bg__hover.common-bg:hover, .common-bg__hover.common-bg__lite:hover {
  background-color: var(--ecs-container-bg-hover) !important;
}

.common-transition {
  transition: background 250ms ease-in, color 250ms ease-in, border 250ms ease-in;
}
.common-transition__opacity {
  transition: opacity 250ms ease-in;
}
.common-transition__transform {
  transition: transform 250ms ease-in;
}

.common-box-shadow__lite, .common-box-shadow__hover:hover {
  box-shadow: 1px 1px 1px 0px var(--ecs-container-shadow);
}
.common-box-shadow__none, .common-box-shadow__none:hover {
  box-shadow: none;
}

.pointer-events__all {
  pointer-events: all;
}

.pointer-events__none {
  pointer-events: none;
}

.resize__both {
  resize: both;
}

.resize__horizontal {
  resize: horizontal;
}

.resize__vertical {
  resize: vertical;
}

.outline__none-strict, .outline__none-strict:focus, .outline__none-strict:active {
  outline: none !important;
}

.key-focused:active, .key-focused:focus, .key-focused span:focus, .key-focused span:active {
  outline: none;
}
.key-focused:focus > span {
  outline: 1px solid var(--ecs-container-border-clr-active);
}
.key-focused[data-focus-type=border]:focus > span {
  outline: none;
  box-shadow: 0 0 0 1px var(--ecs-container-shadow-active);
  border-radius: 3px;
}

.ucs-flex__nowrap {
  display: flex;
}

.ucs-inline-flex__nowrap {
  display: inline-flex;
}

.ucs-overflow__hidden {
  overflow: hidden;
}

.ucs-overflow__auto {
  overflow: auto;
}

.ucs-background-none {
  background: none !important;
}

.windows {
  background: url(../../../../images/common/form/multi-select/windows.png) no-repeat center center;
  background-size: 100%;
}

.windows-active {
  background: url(../../../../images/common/form/multi-select/windows-active.png) no-repeat;
  background-size: 100%;
}

.windows-hover {
  background: url(../../../../images/common/form/multi-select/windows-hover.png) no-repeat;
  background-size: 100%;
}

.mac {
  background: url(../../../../images/common/form/multi-select/mac.png) no-repeat center center;
  background-size: 100%;
}

.mac-active {
  background: url(../../../../images/common/form/multi-select/mac-active.png) no-repeat;
  background-size: 100%;
}

.mac-hover {
  background: url(../../../../images/common/form/multi-select/mac-hover.png) no-repeat;
  background-size: 100%;
}

.linux {
  background: url(../../../../images/common/form/multi-select/linux.png) no-repeat center center;
  background-size: 100%;
}

.linux-active {
  background: url(../../../../images/common/form/multi-select/linux-active.png) no-repeat;
  background-size: 100%;
}

.linux-hover {
  background: url(../../../../images/common/form/multi-select/linux-hover.png) no-repeat;
  background-size: 100%;
}

.exclamation-icon {
  background: url(../../../../images/common/form/exclamation-icon.png) no-repeat center center;
  background-size: 100%;
}

.cancel {
  background: var(--ecs-cancel-icon) no-repeat center center;
  background-size: 100%;
}

.info {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/form/info.png) no-repeat center center;
  background-size: 100%;
}

.process {
  background: var(--ecs-base-bg-primary) var(--ecs-process-icon) no-repeat center center;
  background-size: 100%;
}

.learn-video {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/form/learn-video.png) no-repeat center center;
  background-size: 100%;
}

.notes {
  background: transparent url(../../../../images/common/form/notes-icon.png) no-repeat center center;
  background-size: 70%;
}

.add-icon__new {
  background: var(--ecs-base-bg-primary) var(--ecs-add-icon) no-repeat center center;
  background-size: 100%;
}

.reset__new {
  background: var(--ecs-base-bg-primary) var(--ecs-reload-icon) no-repeat center center;
  background-size: 100%;
}

.cancel__new {
  background: var(--ecs-base-bg-primary) var(--ecs-cancel-icon) no-repeat center center/100%;
}

.dynamic_variable {
  background: var(--ecs-base-bg-primary) var(--ecs-star-icon) no-repeat center center/100%;
  height: 16px;
  width: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: -4px;
  margin-right: 4px;
}

.edit {
  background: var(--ecs-base-bg-primary) var(--ecs-edit-icon) no-repeat center center;
  background-size: 100%;
}

.success {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/succes.png) no-repeat center center;
  background-size: 100%;
}

.failed {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/failed.png) no-repeat center center;
  background-size: 100%;
}

.info-book {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/form/info-icon.png) no-repeat center center;
  background-size: 100%;
}

.pwd-edit {
  width: 15px;
  height: 15px;
  background: var(--ecs-base-bg-primary) var(--ecs-edit-icon) no-repeat center center/100%;
}

:root {
  --ecs-search-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g clip-path="url(%23search__a)"><path d="M17.5 18a.47.47 0 0 1-.35-.15l-3.28-3.28a7.111 7.111 0 0 1-4.7 1.76C5.22 16.33 2 13.12 2 9.16S5.21 2 9.17 2a7.17 7.17 0 0 1 7.17 7.17c0 1.8-.66 3.44-1.76 4.7l3.28 3.28c.2.2.2.51 0 .71-.1.1-.23.15-.35.15L17.5 18ZM9.17 3A6.18 6.18 0 0 0 3 9.17c0 3.4 2.77 6.17 6.17 6.17 1.68 0 3.2-.67 4.31-1.76.01-.02.03-.04.04-.05.01-.01.03-.03.05-.04a6.127 6.127 0 0 0 1.76-4.31c0-3.4-2.77-6.17-6.17-6.17L9.17 3Z"/></g><defs><clipPath id="search__a"><path d="M2 2h16v16H2z"/></clipPath></defs></svg>');
  --ecs-search-icon: var(--ecs-search-icon-light);
  --ecs-search-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g clip-path="url(%23search__a)"><path d="M17.5 18a.47.47 0 0 1-.35-.15l-3.28-3.28a7.111 7.111 0 0 1-4.7 1.76C5.22 16.33 2 13.12 2 9.16S5.21 2 9.17 2a7.17 7.17 0 0 1 7.17 7.17c0 1.8-.66 3.44-1.76 4.7l3.28 3.28c.2.2.2.51 0 .71-.1.1-.23.15-.35.15L17.5 18ZM9.17 3A6.18 6.18 0 0 0 3 9.17c0 3.4 2.77 6.17 6.17 6.17 1.68 0 3.2-.67 4.31-1.76.01-.02.03-.04.04-.05.01-.01.03-.03.05-.04a6.127 6.127 0 0 0 1.76-4.31c0-3.4-2.77-6.17-6.17-6.17L9.17 3Z"/></g><defs><clipPath id="search__a"><path d="M2 2h16v16H2z"/></clipPath></defs></svg>');
}
:root body[ems-theme=dark] {
  --ecs-search-icon: var(--ecs-search-icon-dark);
}

:root {
  --ecs-cancel-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M4.146 4.146a.5.5 0 0 1 .708 0L10 9.293l5.146-5.147a.5.5 0 0 1 .708.708L10.707 10l5.147 5.146a.5.5 0 0 1-.708.708L10 10.707l-5.146 5.147a.5.5 0 0 1-.708-.708L9.293 10 4.146 4.854a.5.5 0 0 1 0-.708Z"/></svg>');
  --ecs-cancel-icon: var(--ecs-cancel-icon-light);
  --ecs-cancel-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M4.146 4.146a.5.5 0 0 1 .708 0L10 9.293l5.146-5.147a.5.5 0 0 1 .708.708L10.707 10l5.147 5.146a.5.5 0 0 1-.708.708L10 10.707l-5.146 5.147a.5.5 0 0 1-.708-.708L9.293 10 4.146 4.854a.5.5 0 0 1 0-.708Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-cancel-icon: var(--ecs-cancel-icon-dark);
}

:root {
  --ecs-success-icon-light: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css">.st0{fill:%2300BD00;}</style><path fill="none"></path><path class="st0" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M79.3,38L43.6,72c-1,0.9-2.1,1.4-3.4,1.4c-1.3,0-2.6-0.4-3.4-1.4l-16-15.7c-2-2-2-5.1-0.1-7c2-2,5.1-2,7.1-0.1l12.6,12.3l32.1-30.7c2-1.9,5.1-1.9,7,0.1C81.4,33,81.3,36.1,79.3,38z"/></svg>');
  --ecs-success-icon: var(--ecs-success-icon-light);
}

:root {
  --ecs-error-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="46.12" fill="#ff5f5f"/><path d="M44.64,70.28a5.33,5.33,0,0,1,5.29-5.35H50a5.36,5.36,0,1,1-5.36,5.35Zm1.18-13.21c0-8.28-1-20.17-1-28.42,0-2.73,2.23-4.26,5.08-4.26a4.46,4.46,0,0,1,5,3.89,2.22,2.22,0,0,1,0,.37c0,8.27-1,20.16-1,28.44,0,2.15-2.36,3.06-4,3.06C47.7,60.13,45.82,59.23,45.82,57.07Z" fill="#fff"/></svg>');
  --ecs-error-icon: var(--ecs-error-icon-light);
}

:root {
  --ecs-warning-icon-light: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFA300;}</style><path fill="none"></path><path class="st0" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M54.9,82.9h-9.7V72.6h9.7V82.9z M54.9,64.1h-9.7v-47h9.7V64.1z"/></svg>');
  --ecs-warning-icon: var(--ecs-warning-icon-light);
}

:root {
  --ecs-caret-icon-light: url('data:image/svg+xml,<svg stroke="%23000" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M8.94 13.396a1.5 1.5 0 0 0 2.12 0l6.794-6.792a.5.5 0 0 0-.708-.708l-6.792 6.793a.5.5 0 0 1-.708 0L2.854 5.896a.5.5 0 1 0-.708.708l6.793 6.792Z"/></svg>');
  --ecs-caret-icon: var(--ecs-caret-icon-light);
  --ecs-caret-icon-dark: url('data:image/svg+xml,<svg stroke="%23fff" fill="%23fff" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M8.94 13.396a1.5 1.5 0 0 0 2.12 0l6.794-6.792a.5.5 0 0 0-.708-.708l-6.792 6.793a.5.5 0 0 1-.708 0L2.854 5.896a.5.5 0 1 0-.708.708l6.793 6.792Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-caret-icon: var(--ecs-caret-icon-dark);
}

:root {
  --ecs-user-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.996 3a3.068 3.068 0 0 0-3.077 3.058 3.068 3.068 0 0 0 3.077 3.058 3.067 3.067 0 0 0 3.077-3.058A3.068 3.068 0 0 0 9.996 3ZM5.919 6.058C5.919 3.814 7.747 2 9.996 2c2.25 0 4.077 1.814 4.077 4.058 0 2.244-1.828 4.058-4.077 4.058-2.25 0-4.077-1.814-4.077-4.058Zm1.136 6.19h5.978c1.073 0 1.726 0 2.274.165a3.842 3.842 0 0 1 2.568 2.555c.094.31.117.678.123 1.073.004.225.001.488-.002.777-.002.215-.004.443-.004.682a.5.5 0 0 1-1 0c0-.265.002-.5.005-.713.002-.274.005-.512.001-.731-.006-.389-.03-.632-.08-.796a2.842 2.842 0 0 0-1.9-1.89c-.388-.116-.88-.121-2.085-.121H7.156c-1.205 0-1.698.005-2.085.122a2.842 2.842 0 0 0-1.9 1.89C3.051 15.65 3 16.326 3 17.5a.5.5 0 0 1-1 0c0-1.153.045-1.976.214-2.532a3.842 3.842 0 0 1 2.568-2.555c.548-.165 1.2-.165 2.273-.165Z"/></svg>');
  --ecs-user-icon: var(--ecs-user-icon-light);
  --ecs-user-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.996 3a3.068 3.068 0 0 0-3.077 3.058 3.068 3.068 0 0 0 3.077 3.058 3.067 3.067 0 0 0 3.077-3.058A3.068 3.068 0 0 0 9.996 3ZM5.919 6.058C5.919 3.814 7.747 2 9.996 2c2.25 0 4.077 1.814 4.077 4.058 0 2.244-1.828 4.058-4.077 4.058-2.25 0-4.077-1.814-4.077-4.058Zm1.136 6.19h5.978c1.073 0 1.726 0 2.274.165a3.842 3.842 0 0 1 2.568 2.555c.094.31.117.678.123 1.073.004.225.001.488-.002.777-.002.215-.004.443-.004.682a.5.5 0 0 1-1 0c0-.265.002-.5.005-.713.002-.274.005-.512.001-.731-.006-.389-.03-.632-.08-.796a2.842 2.842 0 0 0-1.9-1.89c-.388-.116-.88-.121-2.085-.121H7.156c-1.205 0-1.698.005-2.085.122a2.842 2.842 0 0 0-1.9 1.89C3.051 15.65 3 16.326 3 17.5a.5.5 0 0 1-1 0c0-1.153.045-1.976.214-2.532a3.842 3.842 0 0 1 2.568-2.555c.548-.165 1.2-.165 2.273-.165Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-user-icon: var(--ecs-user-icon-dark);
}

:root {
  --ecs-probe-icon-light: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.11 23.02"><defs><style> .cls-1 { fill: %23fff; } </style></defs><g id="ICONS"><g id="nw"><g id="Path_27473" data-name="Path 27473"><path class="cls-1" d="m14.82,9.56h-7.85c-.41,0-.75-.34-.75-.75s.34-.75.75-.75h7.85c.41,0,.75.34.75.75s-.34.75-.75.75Z"></path></g><g id="Path_27474" data-name="Path 27474"><path class="cls-1" d="m14.82,18.53h-7.85c-.41,0-.75-.34-.75-.75s.34-.75.75-.75h7.85c.41,0,.75.34.75.75s-.34.75-.75.75Z"></path></g><g id="Path_27472" data-name="Path 27472"><path class="cls-1" d="m22.01,5.07H.14L1.98,1.69c.42-.95,1.38-1.62,2.48-1.69l13.03.11c1.05,0,2.06.54,2.61,1.46l1.9,3.5ZM2.67,3.57h16.82l-.68-1.26c-.26-.43-.74-.73-1.3-.7l-13-.11c-.48.03-.96.36-1.18.85l-.66,1.21Z"></path></g><g id="Rectangle_2598" data-name="Rectangle 2598"><path class="cls-1" d="m19.69,14.04H2.42C1.08,14.04,0,12.96,0,11.63v-5.64c0-1.33,1.08-2.42,2.42-2.42h17.28c1.33,0,2.41,1.08,2.41,2.41v5.65c0,1.33-1.08,2.41-2.41,2.41ZM2.42,5.07c-.5,0-.92.41-.92.92v5.64c0,.5.41.91.92.91h17.28c.5,0,.91-.41.91-.91v-5.65c0-.5-.41-.91-.91-.91H2.42Z"></path></g><g id="Rectangle_2599" data-name="Rectangle 2599"><path class="cls-1" d="m19.69,23.02H2.42C1.08,23.02,0,21.93,0,20.6v-5.64c0-1.33,1.08-2.42,2.42-2.42h17.28c1.33,0,2.41,1.08,2.41,2.41v5.65c0,1.33-1.08,2.41-2.41,2.41ZM2.42,14.04c-.5,0-.92.41-.92.92v5.64c0,.5.41.91.92.91h17.28c.5,0,.91-.41.91-.91v-5.65c0-.5-.41-.91-.91-.91H2.42Z"></path></g></g></g></svg>');
  --ecs-probe-icon: var(--ecs-probe-icon-light);
}

:root {
  --ecs-add-icon-light: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="padding=8px" xml:space="preserve"><path d="M93.8,56.2H56.2v37.6c0,3.4-2.8,6.2-6.2,6.2h0c-3.4,0-6.2-2.8-6.2-6.2V56.2H6.2C2.8,56.2,0,53.4,0,50v0c0-3.4,2.8-6.2,6.2-6.2h37.6V6.2C43.8,2.8,46.6,0,50,0h0.1c3.4,0,6.2,2.8,6.2,6.2v37.6h37.5c3.4,0,6.2,2.8,6.2,6.2v0C100,53.4,97.2,56.2,93.8,56.2z"/></svg>');
  --ecs-add-icon: var(--ecs-add-icon-light);
  --ecs-add-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="padding=8px" xml:space="preserve"><path d="M93.8,56.2H56.2v37.6c0,3.4-2.8,6.2-6.2,6.2h0c-3.4,0-6.2-2.8-6.2-6.2V56.2H6.2C2.8,56.2,0,53.4,0,50v0c0-3.4,2.8-6.2,6.2-6.2h37.6V6.2C43.8,2.8,46.6,0,50,0h0.1c3.4,0,6.2,2.8,6.2,6.2v37.6h37.5c3.4,0,6.2,2.8,6.2,6.2v0C100,53.4,97.2,56.2,93.8,56.2z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-add-icon: var(--ecs-add-icon-dark);
}

:root {
  --ecs-check-icon-light: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><path d="M97.4,28L39.2,84.1c-1.6,1.5-3.6,2.2-5.7,2.2c-2.1,0-4.3-0.9-5.8-2.5L2.3,58.1c-3.1-3.3-3.1-8.5,0.1-11.7s8.5-3.1,11.7,0.1l19.5,19.9L86,16c3.3-3.1,8.5-3,11.7,0.1C100.9,19.6,100.7,24.7,97.4,28z"/></svg>');
  --ecs-check-icon: var(--ecs-check-icon-light);
  --ecs-check-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><path d="M97.4,28L39.2,84.1c-1.6,1.5-3.6,2.2-5.7,2.2c-2.1,0-4.3-0.9-5.8-2.5L2.3,58.1c-3.1-3.3-3.1-8.5,0.1-11.7s8.5-3.1,11.7,0.1l19.5,19.9L86,16c3.3-3.1,8.5-3,11.7,0.1C100.9,19.6,100.7,24.7,97.4,28z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-check-icon: var(--ecs-check-icon-dark);
}

:root {
  --ecs-caret-left-light: url('data:image/svg+xml,<svg stroke="%23000" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.603 8.94a1.5 1.5 0 0 0 0 2.12l6.793 6.794a.5.5 0 0 0 .707-.708l-6.792-6.792a.5.5 0 0 1 0-.708l6.792-6.792a.5.5 0 1 0-.707-.708L6.603 8.94Z"/></svg>');
  --ecs-caret-left: var(--ecs-caret-left-light);
  --ecs-caret-left-dark: url('data:image/svg+xml,<svg stroke="%23fff" fill="%23fff" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.603 8.94a1.5 1.5 0 0 0 0 2.12l6.793 6.794a.5.5 0 0 0 .707-.708l-6.792-6.792a.5.5 0 0 1 0-.708l6.792-6.792a.5.5 0 1 0-.707-.708L6.603 8.94Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-caret-left: var(--ecs-caret-left-dark);
}

:root {
  --ecs-caret-right-light: url('data:image/svg+xml,<svg stroke="%23000" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.397 8.94a1.5 1.5 0 0 1 0 2.12l-6.793 6.794a.5.5 0 0 1-.707-.708l6.793-6.792a.5.5 0 0 0 0-.708L5.897 2.854a.5.5 0 0 1 .707-.708l6.793 6.793Z"/></svg>');
  --ecs-caret-right: var(--ecs-caret-right-light);
  --ecs-caret-right-dark: url('data:image/svg+xml,<svg stroke="%23fff" fill="%23fff" stroke-width="0.8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.397 8.94a1.5 1.5 0 0 1 0 2.12l-6.793 6.794a.5.5 0 0 1-.707-.708l6.793-6.792a.5.5 0 0 0 0-.708L5.897 2.854a.5.5 0 0 1 .707-.708l6.793 6.793Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-caret-right: var(--ecs-caret-right-dark);
}

:root {
  --ecs-edit-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.503 17.992a.47.47 0 0 1-.35-.15.486.486 0 0 1-.14-.41l.29-2.63c.04-.34.06-.53.12-.73.06-.17.14-.34.24-.5.11-.17.24-.3.48-.54l7.93-7.93v-.01l2.32-2.32c1.02-1.02 2.79-1.02 3.81 0a2.698 2.698 0 0 1 0 3.81l-2.32 2.32h-.01s0 .02-.01.02l-7.91 7.91c-.25.25-.38.38-.55.49-.15.1-.32.18-.5.24-.19.06-.38.08-.72.12l-2.64.29h-.06l.02.02Zm8.92-11.82-7.56 7.57c-.21.21-.31.31-.36.39-.05.08-.09.17-.12.26-.03.1-.05.23-.08.53l-.22 2 2.01-.22c.29-.03.43-.05.53-.08.09-.03.18-.07.26-.12.11-.07.2-.17.38-.35l7.58-7.58-2.4-2.4h-.02Zm.71-.71 2.4 2.4 1.97-1.97c.66-.66.66-1.74 0-2.4-.66-.66-1.74-.66-2.4 0l-1.97 1.97Z"/></svg>');
  --ecs-edit-icon: var(--ecs-edit-icon-light);
  --ecs-edit-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.503 17.992a.47.47 0 0 1-.35-.15.486.486 0 0 1-.14-.41l.29-2.63c.04-.34.06-.53.12-.73.06-.17.14-.34.24-.5.11-.17.24-.3.48-.54l7.93-7.93v-.01l2.32-2.32c1.02-1.02 2.79-1.02 3.81 0a2.698 2.698 0 0 1 0 3.81l-2.32 2.32h-.01s0 .02-.01.02l-7.91 7.91c-.25.25-.38.38-.55.49-.15.1-.32.18-.5.24-.19.06-.38.08-.72.12l-2.64.29h-.06l.02.02Zm8.92-11.82-7.56 7.57c-.21.21-.31.31-.36.39-.05.08-.09.17-.12.26-.03.1-.05.23-.08.53l-.22 2 2.01-.22c.29-.03.43-.05.53-.08.09-.03.18-.07.26-.12.11-.07.2-.17.38-.35l7.58-7.58-2.4-2.4h-.02Zm.71-.71 2.4 2.4 1.97-1.97c.66-.66.66-1.74 0-2.4-.66-.66-1.74-.66-2.4 0l-1.97 1.97Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-edit-icon: var(--ecs-edit-icon-dark);
}

:root {
  --ecs-reload-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 10a7.605 7.605 0 0 1 12.985-5.376c.664.664 1.395 1.543 1.954 2.247l.061.076V3.684a.5.5 0 0 1 1 0v4.737a.5.5 0 0 1-.5.5h-4.737a.5.5 0 1 1 0-1h3.73a49.107 49.107 0 0 0-.337-.428c-.553-.696-1.256-1.54-1.878-2.162a6.605 6.605 0 1 0 1.675 6.504.5.5 0 0 1 .96.277A7.605 7.605 0 0 1 2 10Z"/></svg>');
  --ecs-reload-icon: var(--ecs-reload-icon-light);
  --ecs-reload-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2 10a7.605 7.605 0 0 1 12.985-5.376c.664.664 1.395 1.543 1.954 2.247l.061.076V3.684a.5.5 0 0 1 1 0v4.737a.5.5 0 0 1-.5.5h-4.737a.5.5 0 1 1 0-1h3.73a49.107 49.107 0 0 0-.337-.428c-.553-.696-1.256-1.54-1.878-2.162a6.605 6.605 0 1 0 1.675 6.504.5.5 0 0 1 .96.277A7.605 7.605 0 0 1 2 10Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-reload-icon: var(--ecs-reload-icon-dark);
}

:root {
  --ecs-star-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--svg-icon-fill, transparent)" d="M2.623 8.681a.382.382 0 0 1 .214-.66l4.582-.543a.382.382 0 0 0 .302-.219l1.933-4.19a.382.382 0 0 1 .693 0l1.933 4.19c.055.12.169.204.3.22l4.583.543a.382.382 0 0 1 .214.66l-3.387 3.132a.382.382 0 0 0-.115.355l.899 4.525a.382.382 0 0 1-.56.408l-4.027-2.254a.38.38 0 0 0-.373 0l-4.026 2.254a.382.382 0 0 1-.562-.408l.9-4.525a.382.382 0 0 0-.115-.355L2.623 8.681Z"/><path d="M5.605 17.645c-.18 0-.36-.06-.52-.17a.882.882 0 0 1-.35-.88l.89-4.46-3.34-3.09a.863.863 0 0 1-.24-.92c.11-.33.39-.56.73-.6l4.52-.54 1.91-4.13c.15-.32.45-.51.8-.51.35 0 .65.2.8.51l1.9 4.13 4.52.54c.35.04.63.27.73.6.11.33.02.68-.24.92l-3.34 3.09.89 4.46c.07.34-.06.68-.35.89-.28.2-.65.23-.95.06l-3.97-2.22-3.97 2.22c-.14.08-.28.11-.43.11l.01-.01Zm-2.45-9.16 3.2 2.96a.9.9 0 0 1 .27.82l-.85 4.27 3.8-2.13c.27-.15.59-.15.86 0l3.8 2.13-.85-4.27c-.06-.3.04-.61.26-.82l3.2-2.96-4.33-.51a.905.905 0 0 1-.7-.51l-1.82-3.96-1.83 3.96a.89.89 0 0 1-.7.51l-4.33.51h.02Z"/></svg>');
  --ecs-star-icon: var(--ecs-star-icon-light);
  --ecs-star-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--svg-icon-fill, transparent)" d="M2.623 8.681a.382.382 0 0 1 .214-.66l4.582-.543a.382.382 0 0 0 .302-.219l1.933-4.19a.382.382 0 0 1 .693 0l1.933 4.19c.055.12.169.204.3.22l4.583.543a.382.382 0 0 1 .214.66l-3.387 3.132a.382.382 0 0 0-.115.355l.899 4.525a.382.382 0 0 1-.56.408l-4.027-2.254a.38.38 0 0 0-.373 0l-4.026 2.254a.382.382 0 0 1-.562-.408l.9-4.525a.382.382 0 0 0-.115-.355L2.623 8.681Z"/><path d="M5.605 17.645c-.18 0-.36-.06-.52-.17a.882.882 0 0 1-.35-.88l.89-4.46-3.34-3.09a.863.863 0 0 1-.24-.92c.11-.33.39-.56.73-.6l4.52-.54 1.91-4.13c.15-.32.45-.51.8-.51.35 0 .65.2.8.51l1.9 4.13 4.52.54c.35.04.63.27.73.6.11.33.02.68-.24.92l-3.34 3.09.89 4.46c.07.34-.06.68-.35.89-.28.2-.65.23-.95.06l-3.97-2.22-3.97 2.22c-.14.08-.28.11-.43.11l.01-.01Zm-2.45-9.16 3.2 2.96a.9.9 0 0 1 .27.82l-.85 4.27 3.8-2.13c.27-.15.59-.15.86 0l3.8 2.13-.85-4.27c-.06-.3.04-.61.26-.82l3.2-2.96-4.33-.51a.905.905 0 0 1-.7-.51l-1.82-3.96-1.83 3.96a.89.89 0 0 1-.7.51l-4.33.51h.02Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-star-icon: var(--ecs-star-icon-dark);
}

:root {
  --ecs-process-icon-light: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="76" height="62"><path d="M0 0 C0.93752106 -0.00315216 1.87504211 -0.00630432 2.8409729 -0.009552 C4.35514297 -0.00651566 4.35514297 -0.00651566 5.89990234 -0.00341797 C6.93649994 -0.00437469 7.97309753 -0.00533142 9.04110718 -0.00631714 C11.23166973 -0.00699769 13.42223429 -0.00515211 15.61279297 -0.00097656 C18.97937505 0.00438424 22.34582437 -0.00093136 25.71240234 -0.00732422 C27.83740264 -0.00666363 29.96240285 -0.00538286 32.08740234 -0.00341797 C33.60764511 -0.00645432 33.60764511 -0.00645432 35.15859985 -0.009552 C36.55542496 -0.00482376 36.55542496 -0.00482376 37.98046875 0 C38.80414948 0.00079559 39.6278302 0.00159119 40.47647095 0.00241089 C42.36083984 0.12939453 42.36083984 0.12939453 43.36083984 1.12939453 C43.45915131 2.62809501 43.48882441 4.13137992 43.49023438 5.63330078 C43.49338654 6.59099365 43.4965387 7.54868652 43.49978638 8.53540039 C43.49776215 9.57704346 43.49573792 10.61868652 43.49365234 11.69189453 C43.49460907 12.75351807 43.4955658 13.8151416 43.49655151 14.90893555 C43.49723348 17.15852925 43.49537803 19.4081249 43.49121094 21.65771484 C43.48586294 25.11446525 43.49115539 28.5710857 43.49755859 32.02783203 C43.49689782 34.20751982 43.49561666 36.38720753 43.49365234 38.56689453 C43.49567657 39.6085376 43.49770081 40.65018066 43.49978638 41.72338867 C43.49505814 43.15992798 43.49505814 43.15992798 43.49023438 44.62548828 C43.48943878 45.47296631 43.48864319 46.32044434 43.48782349 47.19360352 C43.36083984 49.12939453 43.36083984 49.12939453 42.36083984 50.12939453 C42.15246565 51.95845688 41.99334325 53.79327587 41.86083984 55.62939453 C41.47195095 61.01828342 41.47195095 61.01828342 40.36083984 62.12939453 C38.97018727 62.23260082 37.57439221 62.26788815 36.17993164 62.2746582 C35.2919841 62.28103806 34.40403656 62.28741791 33.48918152 62.29399109 C32.52257095 62.29510391 31.55596039 62.29621674 30.56005859 62.29736328 C29.57213821 62.30069168 28.58421783 62.30402008 27.56636047 62.30744934 C25.47059598 62.31252388 23.37482337 62.3148575 21.27905273 62.31469727 C18.07245508 62.31687813 14.86620441 62.33501281 11.65966797 62.35400391 C9.62646602 62.35693883 7.59326244 62.35892296 5.56005859 62.35986328 C4.11925179 62.37064156 4.11925179 62.37064156 2.64933777 62.38163757 C1.75193375 62.37856094 0.85452972 62.37548431 -0.07006836 62.37231445 C-0.85758987 62.37373947 -1.64511139 62.37516449 -2.45649719 62.37663269 C-4.99401323 62.08919903 -6.51723563 61.5538505 -8.63916016 60.12939453 C-10.65475681 57.16246719 -10.89496238 54.70190927 -10.91381836 51.16479492 C-10.92335037 50.18019791 -10.93288239 49.19560089 -10.94270325 48.1811676 C-10.94179184 47.12380905 -10.94088043 46.0664505 -10.93994141 44.97705078 C-10.94422653 43.88476669 -10.94851166 42.7924826 -10.95292664 41.667099 C-10.95866728 39.35806979 -10.95917216 37.0490225 -10.95483398 34.73999023 C-10.95167516 31.20867028 -10.97513343 27.67818897 -11.00048828 24.14697266 C-11.00276141 21.90283309 -11.00346471 19.65869127 -11.00244141 17.41455078 C-11.01165115 16.35921646 -11.0208609 15.30388214 -11.03034973 14.21656799 C-10.971262 4.84655228 -10.971262 4.84655228 -7.63916016 1.12939453 C-4.77073802 0.17325382 -2.97715203 0.00287009 0 0 Z M-5.67724609 4.54443359 C-8.59579749 8.38983207 -8.14102415 11.78782736 -8.02978516 16.48876953 C-8.02575684 17.29072754 -8.02172852 18.09268555 -8.01757812 18.91894531 C-7.99669756 21.90599546 -7.94085174 24.89271869 -7.88916016 27.87939453 C-7.80666016 34.56189453 -7.72416016 41.24439453 -7.63916016 48.12939453 C8.20083984 47.79939453 24.04083984 47.46939453 40.36083984 47.12939453 C40.36083984 32.60939453 40.36083984 18.08939453 40.36083984 3.12939453 C27.16083984 3.12939453 13.96083984 3.12939453 0.36083984 3.12939453 C0.36083984 16.98939453 0.36083984 30.84939453 0.36083984 45.12939453 C-0.62916016 45.12939453 -1.61916016 45.12939453 -2.63916016 45.12939453 C-2.63916016 31.26939453 -2.63916016 17.40939453 -2.63916016 3.12939453 C-3.9157816 3.03434209 -3.9157816 3.03434209 -5.67724609 4.54443359 Z M-5.63916016 50.12939453 C-6.29916016 51.77939453 -6.95916016 53.42939453 -7.63916016 55.12939453 C-5.95281708 57.50672697 -4.58635959 58.95903241 -1.65124512 59.48693848 C0.88715887 59.59251067 3.39897685 59.57841071 5.93896484 59.52001953 C7.32882599 59.51152985 7.32882599 59.51152985 8.74676514 59.50286865 C11.70198546 59.48050375 14.6559869 59.43030715 17.61083984 59.37939453 C19.61603065 59.35932968 21.62124049 59.34107888 23.62646484 59.32470703 C28.53839179 59.28063853 33.44940926 59.21161008 38.36083984 59.12939453 C38.36083984 58.13939453 38.36083984 57.14939453 38.36083984 56.12939453 C24.50083984 56.12939453 10.64083984 56.12939453 -3.63916016 56.12939453 C-3.63916016 55.13939453 -3.63916016 54.14939453 -3.63916016 53.12939453 C10.22083984 53.12939453 24.08083984 53.12939453 38.36083984 53.12939453 C38.36083984 52.13939453 38.36083984 51.14939453 38.36083984 50.12939453 C23.84083984 50.12939453 9.32083984 50.12939453 -5.63916016 50.12939453 Z " fill="%23454545" transform="translate(21.63916015625,-0.12939453125)"/><path d="M0 0 C0.99 0 1.98 0 3 0 C3 1.65 3 3.3 3 5 C2.01 5 1.02 5 0 5 C0 3.35 0 1.7 0 0 Z M-10 4 C-8.68 4.66 -7.36 5.32 -6 6 C-6 6.99 -6 7.98 -6 9 C-7.32 8.67 -8.64 8.34 -10 8 C-10 6.68 -10 5.36 -10 4 Z M10 4 C10.99 4.33 11.98 4.66 13 5 C12.34 6.32 11.68 7.64 11 9 C10.01 9 9.02 9 8 9 C8.875 5.125 8.875 5.125 10 4 Z M6 7 C9.24875254 9.22283069 9.89631231 10.61981182 10.9375 14.4375 C11.00992674 18.56582411 10.24510352 19.63234471 8 23 C6.88175959 25.96358782 5.92998335 28.97260739 5 32 C2.11436935 32.88172048 0.60428374 33.27624399 -2.1875 32 C-4.65431524 29.27799697 -5.10403364 26.51986783 -6 23 C-6.66 22.34 -7.32 21.68 -8 21 C-9.16326668 16.63774995 -9.15638541 13.98931302 -7 10 C-3.25852146 5.44515656 0.50464351 5.74667308 6 7 Z M-2 25 C-2 25.33 -2 25.66 -2 26 C-0.02 26 1.96 26 4 26 C4 25.67 4 25.34 4 25 C2.02 25 0.04 25 -2 25 Z M-1 28 C3 29 3 29 3 29 Z M-15 14 C-13.35 14 -11.7 14 -10 14 C-10 14.99 -10 15.98 -10 17 C-11.65 17 -13.3 17 -15 17 C-15 16.01 -15 15.02 -15 14 Z M12 14 C13.65 14 15.3 14 17 14 C17 14.99 17 15.98 17 17 C15.35 17 13.7 17 12 17 C12 16.01 12 15.02 12 14 Z M-9 23 C-8.01 23 -7.02 23 -6 23 C-6.33 24.32 -6.66 25.64 -7 27 C-8.32 27 -9.64 27 -11 27 C-10.34 25.68 -9.68 24.36 -9 23 Z M8 23 C9.32 23.33 10.64 23.66 12 24 C12 25.32 12 26.64 12 28 C10.68 27.34 9.36 26.68 8 26 C8 25.01 8 24.02 8 23 Z " fill="%23FF0200" transform="translate(41,7)"/></svg>');
  --ecs-process-icon: var(--ecs-process-icon-light);
  --ecs-process-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" version="1.1" xmlns="http://www.w3.org/2000/svg" width="76" height="62"><path d="M0 0 C0.93752106 -0.00315216 1.87504211 -0.00630432 2.8409729 -0.009552 C4.35514297 -0.00651566 4.35514297 -0.00651566 5.89990234 -0.00341797 C6.93649994 -0.00437469 7.97309753 -0.00533142 9.04110718 -0.00631714 C11.23166973 -0.00699769 13.42223429 -0.00515211 15.61279297 -0.00097656 C18.97937505 0.00438424 22.34582437 -0.00093136 25.71240234 -0.00732422 C27.83740264 -0.00666363 29.96240285 -0.00538286 32.08740234 -0.00341797 C33.60764511 -0.00645432 33.60764511 -0.00645432 35.15859985 -0.009552 C36.55542496 -0.00482376 36.55542496 -0.00482376 37.98046875 0 C38.80414948 0.00079559 39.6278302 0.00159119 40.47647095 0.00241089 C42.36083984 0.12939453 42.36083984 0.12939453 43.36083984 1.12939453 C43.45915131 2.62809501 43.48882441 4.13137992 43.49023438 5.63330078 C43.49338654 6.59099365 43.4965387 7.54868652 43.49978638 8.53540039 C43.49776215 9.57704346 43.49573792 10.61868652 43.49365234 11.69189453 C43.49460907 12.75351807 43.4955658 13.8151416 43.49655151 14.90893555 C43.49723348 17.15852925 43.49537803 19.4081249 43.49121094 21.65771484 C43.48586294 25.11446525 43.49115539 28.5710857 43.49755859 32.02783203 C43.49689782 34.20751982 43.49561666 36.38720753 43.49365234 38.56689453 C43.49567657 39.6085376 43.49770081 40.65018066 43.49978638 41.72338867 C43.49505814 43.15992798 43.49505814 43.15992798 43.49023438 44.62548828 C43.48943878 45.47296631 43.48864319 46.32044434 43.48782349 47.19360352 C43.36083984 49.12939453 43.36083984 49.12939453 42.36083984 50.12939453 C42.15246565 51.95845688 41.99334325 53.79327587 41.86083984 55.62939453 C41.47195095 61.01828342 41.47195095 61.01828342 40.36083984 62.12939453 C38.97018727 62.23260082 37.57439221 62.26788815 36.17993164 62.2746582 C35.2919841 62.28103806 34.40403656 62.28741791 33.48918152 62.29399109 C32.52257095 62.29510391 31.55596039 62.29621674 30.56005859 62.29736328 C29.57213821 62.30069168 28.58421783 62.30402008 27.56636047 62.30744934 C25.47059598 62.31252388 23.37482337 62.3148575 21.27905273 62.31469727 C18.07245508 62.31687813 14.86620441 62.33501281 11.65966797 62.35400391 C9.62646602 62.35693883 7.59326244 62.35892296 5.56005859 62.35986328 C4.11925179 62.37064156 4.11925179 62.37064156 2.64933777 62.38163757 C1.75193375 62.37856094 0.85452972 62.37548431 -0.07006836 62.37231445 C-0.85758987 62.37373947 -1.64511139 62.37516449 -2.45649719 62.37663269 C-4.99401323 62.08919903 -6.51723563 61.5538505 -8.63916016 60.12939453 C-10.65475681 57.16246719 -10.89496238 54.70190927 -10.91381836 51.16479492 C-10.92335037 50.18019791 -10.93288239 49.19560089 -10.94270325 48.1811676 C-10.94179184 47.12380905 -10.94088043 46.0664505 -10.93994141 44.97705078 C-10.94422653 43.88476669 -10.94851166 42.7924826 -10.95292664 41.667099 C-10.95866728 39.35806979 -10.95917216 37.0490225 -10.95483398 34.73999023 C-10.95167516 31.20867028 -10.97513343 27.67818897 -11.00048828 24.14697266 C-11.00276141 21.90283309 -11.00346471 19.65869127 -11.00244141 17.41455078 C-11.01165115 16.35921646 -11.0208609 15.30388214 -11.03034973 14.21656799 C-10.971262 4.84655228 -10.971262 4.84655228 -7.63916016 1.12939453 C-4.77073802 0.17325382 -2.97715203 0.00287009 0 0 Z M-5.67724609 4.54443359 C-8.59579749 8.38983207 -8.14102415 11.78782736 -8.02978516 16.48876953 C-8.02575684 17.29072754 -8.02172852 18.09268555 -8.01757812 18.91894531 C-7.99669756 21.90599546 -7.94085174 24.89271869 -7.88916016 27.87939453 C-7.80666016 34.56189453 -7.72416016 41.24439453 -7.63916016 48.12939453 C8.20083984 47.79939453 24.04083984 47.46939453 40.36083984 47.12939453 C40.36083984 32.60939453 40.36083984 18.08939453 40.36083984 3.12939453 C27.16083984 3.12939453 13.96083984 3.12939453 0.36083984 3.12939453 C0.36083984 16.98939453 0.36083984 30.84939453 0.36083984 45.12939453 C-0.62916016 45.12939453 -1.61916016 45.12939453 -2.63916016 45.12939453 C-2.63916016 31.26939453 -2.63916016 17.40939453 -2.63916016 3.12939453 C-3.9157816 3.03434209 -3.9157816 3.03434209 -5.67724609 4.54443359 Z M-5.63916016 50.12939453 C-6.29916016 51.77939453 -6.95916016 53.42939453 -7.63916016 55.12939453 C-5.95281708 57.50672697 -4.58635959 58.95903241 -1.65124512 59.48693848 C0.88715887 59.59251067 3.39897685 59.57841071 5.93896484 59.52001953 C7.32882599 59.51152985 7.32882599 59.51152985 8.74676514 59.50286865 C11.70198546 59.48050375 14.6559869 59.43030715 17.61083984 59.37939453 C19.61603065 59.35932968 21.62124049 59.34107888 23.62646484 59.32470703 C28.53839179 59.28063853 33.44940926 59.21161008 38.36083984 59.12939453 C38.36083984 58.13939453 38.36083984 57.14939453 38.36083984 56.12939453 C24.50083984 56.12939453 10.64083984 56.12939453 -3.63916016 56.12939453 C-3.63916016 55.13939453 -3.63916016 54.14939453 -3.63916016 53.12939453 C10.22083984 53.12939453 24.08083984 53.12939453 38.36083984 53.12939453 C38.36083984 52.13939453 38.36083984 51.14939453 38.36083984 50.12939453 C23.84083984 50.12939453 9.32083984 50.12939453 -5.63916016 50.12939453 Z " fill="%23454545" transform="translate(21.63916015625,-0.12939453125)"/><path d="M0 0 C0.99 0 1.98 0 3 0 C3 1.65 3 3.3 3 5 C2.01 5 1.02 5 0 5 C0 3.35 0 1.7 0 0 Z M-10 4 C-8.68 4.66 -7.36 5.32 -6 6 C-6 6.99 -6 7.98 -6 9 C-7.32 8.67 -8.64 8.34 -10 8 C-10 6.68 -10 5.36 -10 4 Z M10 4 C10.99 4.33 11.98 4.66 13 5 C12.34 6.32 11.68 7.64 11 9 C10.01 9 9.02 9 8 9 C8.875 5.125 8.875 5.125 10 4 Z M6 7 C9.24875254 9.22283069 9.89631231 10.61981182 10.9375 14.4375 C11.00992674 18.56582411 10.24510352 19.63234471 8 23 C6.88175959 25.96358782 5.92998335 28.97260739 5 32 C2.11436935 32.88172048 0.60428374 33.27624399 -2.1875 32 C-4.65431524 29.27799697 -5.10403364 26.51986783 -6 23 C-6.66 22.34 -7.32 21.68 -8 21 C-9.16326668 16.63774995 -9.15638541 13.98931302 -7 10 C-3.25852146 5.44515656 0.50464351 5.74667308 6 7 Z M-2 25 C-2 25.33 -2 25.66 -2 26 C-0.02 26 1.96 26 4 26 C4 25.67 4 25.34 4 25 C2.02 25 0.04 25 -2 25 Z M-1 28 C3 29 3 29 3 29 Z M-15 14 C-13.35 14 -11.7 14 -10 14 C-10 14.99 -10 15.98 -10 17 C-11.65 17 -13.3 17 -15 17 C-15 16.01 -15 15.02 -15 14 Z M12 14 C13.65 14 15.3 14 17 14 C17 14.99 17 15.98 17 17 C15.35 17 13.7 17 12 17 C12 16.01 12 15.02 12 14 Z M-9 23 C-8.01 23 -7.02 23 -6 23 C-6.33 24.32 -6.66 25.64 -7 27 C-8.32 27 -9.64 27 -11 27 C-10.34 25.68 -9.68 24.36 -9 23 Z M8 23 C9.32 23.33 10.64 23.66 12 24 C12 25.32 12 26.64 12 28 C10.68 27.34 9.36 26.68 8 26 C8 25.01 8 24.02 8 23 Z " fill="%23FF0200" transform="translate(41,7)"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-process-icon: var(--ecs-process-icon-dark);
}

:root {
  --ecs-summary-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.785 15.375h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.53h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.62h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Z"/><path d="M12.535 18.245h-5.07c-1.41 0-2.12 0-2.73-.31-.54-.28-.98-.71-1.26-1.26-.31-.61-.31-1.32-.31-2.73v-7.28c0-.78 0-1.17.1-1.54.27-.99 1.04-1.77 2.03-2.03.28-.07.57-.09 1.04-.1 0-.25.02-.35.12-.5.15-.28.34-.48.59-.6.28-.14.55-.14 1.06-.14h3.8c.51 0 .79 0 1.06.14.24.12.44.32.56.56.12.19.14.29.14.54.47 0 .76.02 1.04.1.99.26 1.77 1.04 2.03 2.03.1.37.1.76.1 1.54v7.28c0 1.41 0 2.12-.31 2.73-.28.54-.71.98-1.26 1.26-.61.31-1.32.31-2.73.31Zm-6.2-14.25c-.38 0-.6.02-.78.06-.65.17-1.15.68-1.33 1.33-.06.24-.06.59-.06 1.28v7.28c0 1.25 0 1.88.2 2.28.18.36.46.64.82.82.4.2 1.03.2 2.28.2h5.07c1.25 0 1.88 0 2.28-.2.35-.18.64-.46.82-.82.2-.4.2-1.03.2-2.28v-7.28c0-.69 0-1.04-.06-1.28-.17-.65-.68-1.15-1.33-1.33-.17-.05-.4-.06-.78-.06 0 .29-.02.39-.13.6-.14.27-.33.47-.58.59-.28.14-.55.14-1.06.14h-3.8c-.51 0-.79 0-1.06-.14-.24-.12-.44-.32-.56-.56-.12-.23-.14-.33-.14-.63Zm1-.5v.64c.05.09.1.14.15.17.06.03.33.03.61.03h3.8c.28 0 .54 0 .61-.03.06-.03.1-.07.13-.13.04-.1.03-.18.03-.36v-.84c-.02-.03-.03-.05-.03-.06a.325.325 0 0 0-.13-.13c-.06-.03-.33-.03-.61-.03h-3.8c-.28 0-.54 0-.61.03-.05.03-.1.07-.13.13 0 0-.02.03-.03.06v.53l.01-.01Z"/><path d="M6.965 8.755a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15a.51.51 0 0 1-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Z"/></svg>');
  --ecs-summary-icon: var(--ecs-summary-icon-light);
  --ecs-summary-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.785 15.375h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.53h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.62h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Z"/><path d="M12.535 18.245h-5.07c-1.41 0-2.12 0-2.73-.31-.54-.28-.98-.71-1.26-1.26-.31-.61-.31-1.32-.31-2.73v-7.28c0-.78 0-1.17.1-1.54.27-.99 1.04-1.77 2.03-2.03.28-.07.57-.09 1.04-.1 0-.25.02-.35.12-.5.15-.28.34-.48.59-.6.28-.14.55-.14 1.06-.14h3.8c.51 0 .79 0 1.06.14.24.12.44.32.56.56.12.19.14.29.14.54.47 0 .76.02 1.04.1.99.26 1.77 1.04 2.03 2.03.1.37.1.76.1 1.54v7.28c0 1.41 0 2.12-.31 2.73-.28.54-.71.98-1.26 1.26-.61.31-1.32.31-2.73.31Zm-6.2-14.25c-.38 0-.6.02-.78.06-.65.17-1.15.68-1.33 1.33-.06.24-.06.59-.06 1.28v7.28c0 1.25 0 1.88.2 2.28.18.36.46.64.82.82.4.2 1.03.2 2.28.2h5.07c1.25 0 1.88 0 2.28-.2.35-.18.64-.46.82-.82.2-.4.2-1.03.2-2.28v-7.28c0-.69 0-1.04-.06-1.28-.17-.65-.68-1.15-1.33-1.33-.17-.05-.4-.06-.78-.06 0 .29-.02.39-.13.6-.14.27-.33.47-.58.59-.28.14-.55.14-1.06.14h-3.8c-.51 0-.79 0-1.06-.14-.24-.12-.44-.32-.56-.56-.12-.23-.14-.33-.14-.63Zm1-.5v.64c.05.09.1.14.15.17.06.03.33.03.61.03h3.8c.28 0 .54 0 .61-.03.06-.03.1-.07.13-.13.04-.1.03-.18.03-.36v-.84c-.02-.03-.03-.05-.03-.06a.325.325 0 0 0-.13-.13c-.06-.03-.33-.03-.61-.03h-3.8c-.28 0-.54 0-.61.03-.05.03-.1.07-.13.13 0 0-.02.03-.03.06v.53l.01-.01Z"/><path d="M6.965 8.755a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15a.51.51 0 0 1-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-summary-icon: var(--ecs-summary-icon-dark);
}

:root {
  --ecs-summary-icon-active-light: url('data:image/svg+xml,<svg fill="%23006aff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.785 15.375h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.53h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Zm0-3.62h-3.19c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3.19c.28 0 .5.22.5.5s-.22.5-.5.5Z"/><path d="M12.535 18.245h-5.07c-1.41 0-2.12 0-2.73-.31-.54-.28-.98-.71-1.26-1.26-.31-.61-.31-1.32-.31-2.73v-7.28c0-.78 0-1.17.1-1.54.27-.99 1.04-1.77 2.03-2.03.28-.07.57-.09 1.04-.1 0-.25.02-.35.12-.5.15-.28.34-.48.59-.6.28-.14.55-.14 1.06-.14h3.8c.51 0 .79 0 1.06.14.24.12.44.32.56.56.12.19.14.29.14.54.47 0 .76.02 1.04.1.99.26 1.77 1.04 2.03 2.03.1.37.1.76.1 1.54v7.28c0 1.41 0 2.12-.31 2.73-.28.54-.71.98-1.26 1.26-.61.31-1.32.31-2.73.31Zm-6.2-14.25c-.38 0-.6.02-.78.06-.65.17-1.15.68-1.33 1.33-.06.24-.06.59-.06 1.28v7.28c0 1.25 0 1.88.2 2.28.18.36.46.64.82.82.4.2 1.03.2 2.28.2h5.07c1.25 0 1.88 0 2.28-.2.35-.18.64-.46.82-.82.2-.4.2-1.03.2-2.28v-7.28c0-.69 0-1.04-.06-1.28-.17-.65-.68-1.15-1.33-1.33-.17-.05-.4-.06-.78-.06 0 .29-.02.39-.13.6-.14.27-.33.47-.58.59-.28.14-.55.14-1.06.14h-3.8c-.51 0-.79 0-1.06-.14-.24-.12-.44-.32-.56-.56-.12-.23-.14-.33-.14-.63Zm1-.5v.64c.05.09.1.14.15.17.06.03.33.03.61.03h3.8c.28 0 .54 0 .61-.03.06-.03.1-.07.13-.13.04-.1.03-.18.03-.36v-.84c-.02-.03-.03-.05-.03-.06a.325.325 0 0 0-.13-.13c-.06-.03-.33-.03-.61-.03h-3.8c-.28 0-.54 0-.61.03-.05.03-.1.07-.13.13 0 0-.02.03-.03.06v.53l.01-.01Z"/><path d="M6.965 8.755a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15a.51.51 0 0 1-.35.15h-.02Zm0 3.58a.47.47 0 0 1-.35-.15l-.51-.51c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l.16.16.8-.8c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-1.15 1.15c-.1.1-.23.15-.35.15h-.02Z"/></svg>');
  --ecs-summary-icon-active: var(--ecs-summary-icon-active-light);
}

:root {
  --ecs-move-icon-light: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.938 3.5a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.375.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.376.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm-4.75 5.75a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75ZM5.563 10a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75ZM11.688 10a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm-4.75 5.75a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.375.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.376.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Z"/></svg>');
  --ecs-move-icon: var(--ecs-move-icon-light);
  --ecs-move-icon-dark: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.938 3.5a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.375.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.376.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm-4.75 5.75a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75ZM5.563 10a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75ZM11.688 10a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm-4.75 5.75a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.375.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Zm7.5-.375a.375.375 0 1 0 0 .75.375.375 0 0 0 0-.75Zm-1.376.375a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0Z"/></svg>');
}
:root body[ems-theme=dark] {
  --ecs-move-icon: var(--ecs-move-icon-dark);
}

.dc-loading {
  width: 10%;
  margin: 7% auto;
}
.dc-loading .dc-loader {
  margin: 200px auto;
}
.dc-loading .dc-loader h1 {
  font: 16px var(--ecs-font-family);
  color: var(--ecs-base-clr-secondary);
  letter-spacing: 1px;
  text-align: center;
}
.dc-loading .dc-loader span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  -webkit-animation: 3s infinite linear;
  -moz-animation: 3s infinite linear;
  -o-animation: 3s infinite linear;
  animation: 3s infinite linear;
}
.dc-loading .dc-loader span:nth-child(2) {
  background: var(--ecs-container-bg-error);
  -webkit-animation: kiri 1.2s infinite linear;
  -moz-animation: kiri 1.2s infinite linear;
  -o-animation: kiri 1.2s infinite linear;
  animation: kiri 1.2s infinite linear;
}
.dc-loading .dc-loader span:nth-child(3) {
  background: var(--ecs-promo-bg-primary);
  z-index: 100;
}
.dc-loading .dc-loader span:nth-child(4) {
  background: var(--ecs-container-bg-success);
  -webkit-animation: kanan 1.2s infinite linear;
  -moz-animation: kanan 1.2s infinite linear;
  -o-animation: kanan 1.2s infinite linear;
  animation: kanan 1.2s infinite linear;
}

.dc--dialog-loader {
  min-height: 475px;
  position: relative;
  display: flex;
  justify-content: center;
}
.dc--dialog-loader .spinner {
  margin: 100px auto 0;
  width: 78px;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dc--dialog-loader .spinner {
    margin: 100px auto auto 0;
  }
}
.dc--dialog-loader .spinner > div {
  width: 6px;
  height: 6px;
  background-color: var(--ecs-dark-bg);
  margin-right: 4px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-opacitydelay 0.9s infinite ease-in-out both;
  animation: sk-opacitydelay 0.9s infinite ease-in-out both;
}
.dc--dialog-loader .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.dc--dialog-loader .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes kanan {
  0% {
    -webkit-transform: translateX(20px);
  }
  50% {
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(20px);
    z-index: 200;
  }
}
@-moz-keyframes kanan {
  0% {
    -moz-transform: translateX(20px);
  }
  50% {
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(20px);
    z-index: 200;
  }
}
@-o-keyframes kanan {
  0% {
    -o-transform: translateX(20px);
  }
  50% {
    -o-transform: translateX(-20px);
  }
  100% {
    -o-transform: translateX(20px);
    z-index: 200;
  }
}
@keyframes kanan {
  0% {
    transform: translateX(20px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(20px);
    z-index: 200;
  }
}
@-webkit-keyframes kiri {
  0% {
    -webkit-transform: translateX(-20px);
    z-index: 200;
  }
  50% {
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes kiri {
  0% {
    -moz-transform: translateX(-20px);
    z-index: 200;
  }
  50% {
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes kiri {
  0% {
    -o-transform: translateX(-20px);
    z-index: 200;
  }
  50% {
    -o-transform: translateX(20px);
  }
  100% {
    -o-transform: translateX(-20px);
  }
}
@keyframes kiri {
  0% {
    transform: translateX(-20px);
    z-index: 200;
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@-webkit-keyframes sk-opacitydelay {
  0%, 100% {
    -webkit-opacity: 0.1;
    opacity: 0.1;
  }
  50% {
    -webkit-opacity: 1;
    opacity: 1;
  }
}
@keyframes sk-opacitydelay {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
}
.textarea--form {
  display: inline-block;
  width: auto;
  position: relative;
}
.textarea--form textarea {
  overflow-y: auto;
  transition-property: border;
  padding: 7px 35px 7px 10px;
  width: 300px;
  height: 60px;
  min-width: 300px;
  min-height: 60px;
  display: block;
  resize: vertical;
}
.textarea--form textarea:focus ~ .ta--count, .textarea--form textarea:active ~ .ta--count {
  opacity: 1;
}
.textarea--form textarea:disabled {
  resize: none;
}
.textarea--form .ta--count {
  position: absolute;
  font: 12px var(--ecs-font-family);
  color: var(--ecs-base-clr-secondary);
  padding: 3px;
  background: transparent;
  right: 7%;
  bottom: 3%;
  pointer-events: none;
  opacity: 0;
  transition: all 250ms ease-in;
}

.textbox--address-bar {
  /*Important added for override cases, avoid using this class if you don't want this length exactly*/
  width: 620px !important;
  transition-property: background, border, box-shadow !important;
}

.textbox__loader, [data-input-loader] {
  background: var(--ecs-container-bg-tertiary) url(../../../../images/common/ember-common-loader.gif) left center/25% no-repeat;
  pointer-events: none;
}

.dc-textbox input[type=number].textbox__full {
  width: 300px;
}

.selectbox--form {
  width: 300px;
}

.selectbox--filter {
  height: 25px;
}

.selectbox--number {
  width: 140px;
}

.dc-textbox,
.dc-autocomplete,
.dc-textbox-password {
  position: relative;
  outline: none;
}
.dc-textbox input:focus ~ .char__count, .dc-textbox input:active ~ .char__count, .dc-textbox input:focus ~ .textbox__clear, .dc-textbox input:active ~ .textbox__clear,
.dc-autocomplete input:focus ~ .char__count,
.dc-autocomplete input:active ~ .char__count,
.dc-autocomplete input:focus ~ .textbox__clear,
.dc-autocomplete input:active ~ .textbox__clear,
.dc-textbox-password input:focus ~ .char__count,
.dc-textbox-password input:active ~ .char__count,
.dc-textbox-password input:focus ~ .textbox__clear,
.dc-textbox-password input:active ~ .textbox__clear {
  visibility: visible;
  transition: visibility 0.2s linear;
}
.dc-textbox .textbox__clear,
.dc-textbox .char__count,
.dc-autocomplete .textbox__clear,
.dc-autocomplete .char__count,
.dc-textbox-password .textbox__clear,
.dc-textbox-password .char__count {
  position: absolute;
  font: 12px var(--ecs-font-family);
  width: 20px;
  height: 20px;
  top: 7px;
  color: var(--ecs-base-clr-tertiary);
  visibility: hidden;
  transition: visibility 0.2s linear;
  outline: none;
  white-space: nowrap;
}
.dc-textbox .textbox__clear,
.dc-autocomplete .textbox__clear,
.dc-textbox-password .textbox__clear {
  pointer-events: all;
  cursor: pointer;
  right: 5px;
  background: transparent var(--ecs-cancel-icon) center center/100% no-repeat;
}
.dc-textbox.dc-textbox-count input,
.dc-autocomplete.dc-textbox-count input,
.dc-textbox-password.dc-textbox-count input {
  padding-right: 50px;
}
.dc-textbox.dc-textbox-count .char__count,
.dc-autocomplete.dc-textbox-count .char__count,
.dc-textbox-password.dc-textbox-count .char__count {
  right: 10px;
  line-height: 20px;
}
.dc-textbox.dc-textbox-count .textbox__clear,
.dc-autocomplete.dc-textbox-count .textbox__clear,
.dc-textbox-password.dc-textbox-count .textbox__clear {
  right: 33px;
}
.dc-textbox input[type=number] ~ .textbox__clear,
.dc-autocomplete input[type=number] ~ .textbox__clear,
.dc-textbox-password input[type=number] ~ .textbox__clear {
  display: none !important;
}

/* -------------------------------- Password -------------------------------- */
.dc-textbox-password {
  position: relative;
}
.dc-textbox-password .pwd-toggle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 7px;
}
.dc-textbox-password .pwd-edit {
  align-self: center;
  margin-left: 5px;
  cursor: pointer;
}
.dc-textbox-password .pwd-toggle ~ .textbox__clear {
  right: 33px;
}

@keyframes clear-icon-animation {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  100% {
    display: none;
  }
}
.checkbox--form {
  position: relative;
  padding: 1px 20px 0 20px;
  margin-bottom: 0;
  cursor: default;
  font: 13px var(--ecs-font-family);
  display: inline-block;
  /* Show the checkmark when checked */
}
.checkbox--form .label--text {
  line-height: 1.5;
}
.checkbox--form * {
  cursor: pointer;
}
.checkbox--form input {
  height: 0;
  width: 0;
}
.checkbox--form .checkmark {
  border-radius: 3px;
  top: 1px;
}
.checkbox--form .checkmark:after {
  left: 4px;
  top: 1px;
  width: 3px;
  height: 7px;
  border: solid var(--ecs-base-clr-primary-surface);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .checkbox--form .checkmark:after {
    border-width: 0 2px 2px 0 !important;
  }
}
.checkbox--form input[type=checkbox][disabled] ~ .checkmark {
  cursor: default;
  background-color: var(--ecs-input-radio-bg-disabled);
  border-color: var(--ecs-input-radio-border-clr-disabled);
}
.checkbox--form input[type=checkbox]:checked[disabled] ~ .checkmark {
  cursor: default;
  background-color: var(--ecs-input-radio-bg-disabled-checked);
  border-color: var(--ecs-input-radio-border-clr-disabled-checked);
}
.checkbox--form input:checked ~ .checkmark {
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.checkbox--form input:checked ~ .checkmark:after {
  display: block;
}

body[ems-theme=dark] .checkbox--form [type=checkbox]:checked[disabled] ~ .checkmark:after {
  opacity: 0.5;
}

.dc-checkbox.multiple .checkbox--form {
  padding-right: 15px;
}
.dc-checkbox.multiple .checkbox--form input[type=checkbox][disabled] ~ .checkmark {
  background-color: var(--ecs-container-bg-tertiary);
}
.dc-checkbox.multiple .checkbox--form input[type=checkbox][disabled] ~ .label--text {
  color: var(--ecs-base-clr-disabled);
}
.dc-checkbox.multiple .checkbox--form:last-child {
  margin-bottom: 0;
}

.dc-radio {
  display: inline-flex;
  align-items: center;
}
.dc-radio .radiobox:last-child, .dc-radio .radiobox--img:last-child {
  margin-right: 0;
}

.radiobox, .radiobox--img {
  width: auto;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  margin-right: 15px;
  margin-bottom: 0;
  cursor: default;
  font: 13px var(--ecs-font-family);
  /*Disabled & unchecked*/
  /*Disabled and checked*/
}
.radiobox input:not([disabled]) ~ *, .radiobox--img input:not([disabled]) ~ * {
  cursor: pointer;
}
.radiobox input[type=radio][disabled] ~ .checkmark, .radiobox--img input[type=radio][disabled] ~ .checkmark {
  background-color: var(--ecs-container-bg-secondary);
  border: 1px solid var(--ecs-container-border-clr-disabled);
}
.radiobox input[type=radio]:checked[disabled] ~ .checkmark, .radiobox--img input[type=radio]:checked[disabled] ~ .checkmark {
  background-color: var(--ecs-base-bg-primary);
  border: 5px solid var(--ecs-container-border-clr-disabled);
}
.radiobox input[type=radio][disabled] ~ .label--text, .radiobox--img input[type=radio][disabled] ~ .label--text {
  color: var(--ecs-base-clr-disabled);
  cursor: default;
}
.radiobox input:checked ~ .checkmark, .radiobox--img input:checked ~ .checkmark {
  border: 5px solid var(--ecs-container-border-clr-active);
}
.radiobox .checkmark, .radiobox--img .checkmark {
  background-color: var(--ecs-base-bg-primary);
  border-radius: 50%;
  height: 15px;
  width: 15px;
  min-width: 15px;
  margin-right: 3px;
  position: relative;
  border: 1px solid var(--ecs-input-radio-border-clr);
  transition: 0.2s ease-in-out;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .radiobox .checkmark, .radiobox--img .checkmark {
    top: 0;
  }
}
.radiobox:last-child, .radiobox--img:last-child {
  padding-right: 0;
}

.radiobox-block {
  align-items: center;
  justify-content: center;
}
.radiobox-block .rb-wrapper {
  position: relative;
  pointer-events: none;
  padding: 5px 15px;
}
.radiobox-block .rb-wrapper input[type=radio] {
  pointer-events: all;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.radiobox-block .rb-wrapper input[type=radio]:checked ~ .rb--checkmark {
  background-color: var(--ecs-container-bg-quinary);
}
.radiobox-block .rb-wrapper .rb--checkmark {
  font: 13px var(--ecs-font-family);
  background-color: var(--ecs-container-bg-tertiary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.1s all ease-in-out;
}
.radiobox-block .rb-wrapper .rb--checkmark .rb--image {
  width: 25px;
  height: 25px;
}
.radiobox-block .rb-wrapper:first-child .rb--checkmark {
  border-radius: 4px 0 0 4px;
}
.radiobox-block .rb-wrapper:last-child .rb--checkmark {
  border-radius: 0 4px 4px 0;
}

.radiobox--img {
  align-items: flex-start !important;
  max-height: 40px;
}
.radiobox--img img {
  width: 25px;
  height: 25px;
}
.radiobox--img .checkmark {
  top: 5px;
}
.radiobox--img .label-text {
  align-self: center;
}

.tooltip-req {
  font-weight: 400;
  font: 13px var(--ecs-font-family);
  font-size: 13px;
  z-index: 10;
  opacity: 0;
  display: none;
  width: max-content;
  width: -moz-max-content;
  height: auto;
  padding: 15px 25px 15px 20px;
  left: 260px;
  bottom: -40px;
  position: absolute;
  background: var(--ecs-base-bg-primary);
  border: solid 1px var(--ecs-container-border-clr);
  color: var(--ecs-base-clr-error);
  transition: 0.4s all ease-in-out;
  box-shadow: 0px 4px 14px 0px var(--ecs-container-shadow);
}
.tooltip-req h3 {
  margin: 0 0 7px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--ecs-base-clr-primary);
}
.tooltip-req ul {
  margin: 0;
  padding-left: 0;
}
.tooltip-req:after, .tooltip-req:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip-req:after {
  border-color: var(--ecs-container-border-clr);
  border-right-color: var(--ecs-base-bg-primary);
  border-width: 0.6em;
  margin-top: -5%;
  margin-right: -1px;
}
.tooltip-req:before {
  border-color: var(--ecs-container-border-clr);
  border-right-color: var(--ecs-input-border-clr);
  border-width: 0.65em;
  margin-top: -5.25%;
  margin-right: -0.5px;
}

.fc--action, .fc--action__progress, .fc--action__success {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 3px;
  background-size: 100%;
}

.fc--action__success {
  background-image: url(../../../../images/common/form/save-active.png);
}

.fc--action__progress {
  background-image: url(../../../../images/common/progress-bar-icon.gif);
}

.list-success {
  list-style-type: none;
  color: var(--ecs-base-clr-success) !important;
  padding-left: 20px;
  background: transparent var(--ecs-success-icon) left center / 18px no-repeat;
}

.list-error {
  list-style-type: none;
  color: var(--ecs-base-clr-error) !important;
  padding-left: 20px;
  background: transparent var(--ecs-error-icon) left center / 18px no-repeat;
}

.list-default {
  list-style-type: none;
  color: var(--ecs-base-clr-primary) !important;
  padding-left: 20px;
  background: transparent var(--ecs-cancel-icon) 2px center / 13px no-repeat;
}

.list-empty-error, .list-empty-warning {
  padding: 0;
  background: none !important;
  padding-left: 10px;
}
.list-empty-error:only-child, .list-empty-warning:only-child {
  list-style-type: none;
  padding-left: 0px;
}

.list-empty-error {
  color: var(--ecs-base-clr-error);
}

.list-empty-warning {
  color: var(--ecs-base-clr-primary);
}

.chartooltiptext {
  display: none;
  opacity: 0;
}

.chartooltip input[type=text]:hover ~ .chartooltiptext {
  display: block;
  animation: show-animation 0.2s ease-in 1;
  opacity: 1;
}
.chartooltip input[type=text]:focus ~ .chartooltiptext, .chartooltip input[type=text]:active ~ .chartooltiptext {
  display: none;
  opacity: 0;
}
.chartooltip .chartooltiptext {
  word-break: break-word;
  font: 13px var(--ecs-font-family);
  width: 300px;
  background-color: white;
  color: var(--ecs-base-clr-primary);
  text-align: left;
  border-radius: 0px;
  border: 1px solid var(--ecs-container-border-clr);
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  top: 101%;
  border-radius: 4px;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
  outline: none;
  transition: 0.25s all ease-in;
  box-sizing: border-box;
}

.textbox-count {
  position: relative;
}
.textbox-count input[type] {
  position: relative;
  padding-right: 30px;
  transition: none;
}
.textbox-count input[type]:focus ~ .tf--count-hide, .textbox-count input[type]:active ~ .tf--count-hide {
  opacity: 1;
}
.textbox-count input[type]:focus, .textbox-count input[type]:active {
  padding-right: 45px;
}
.textbox-count input[type]:focus ~ .text-with-dots, .textbox-count input[type]:active ~ .text-with-dots {
  display: none !important;
  opacity: 0 !important;
}
.textbox-count .visible {
  animation: show-animation 0.25s ease-in 1;
  opacity: 1 !important;
  display: inline-block !important;
}
.textbox-count .text-with-dots {
  pointer-events: none;
  opacity: 0;
  display: none;
  top: 3px;
  position: absolute;
  right: 31px;
  font-size: 17px;
  background: var(--ecs-base-bg-primary);
  z-index: 10;
  height: 22px;
}
.textbox-count .tf--count {
  pointer-events: none;
  transition: 0.2s all ease-in;
  font: 12px var(--ecs-font-family);
  display: inline-block;
  position: absolute;
  right: 2px;
  top: 4px;
  padding: 5px 5px 0 5px;
  width: 40px;
  box-sizing: border-box;
  text-align: right;
  background: var(--ecs-base-bg-primary);
}
.textbox-count .tf--count-hide {
  opacity: 0;
  background-color: var(--ecs-base-bg-primary);
}

.input__unit--static, .input__unit, .input__unit--static__number {
  position: relative;
  width: 300px;
  display: block;
  font: 13px var(--ecs-font-family);
  height: 35px;
}
.input__unit--static input[type], .input__unit input[type], .input__unit--static__number input[type] {
  width: 100%;
  padding-right: 50%;
}

.input__unit--static__number {
  width: 140px;
}

.input__unit {
  font: 13px var(--ecs-font-family);
}

.textbox__icon {
  display: inline;
  font: 13px var(--ecs-font-family);
  position: relative;
}
.textbox__icon img {
  position: absolute;
  width: 18px;
  right: 10px;
  top: 3px;
  cursor: pointer;
}

.select__unit, .select__unit--number {
  position: relative;
  width: 250px;
  display: block;
  font: 13px var(--ecs-font-family);
}
.select__unit .dc-select, .select__unit--number .dc-select {
  margin: 0 !important;
}
.select__unit .dc-select .zselectbox, .select__unit--number .dc-select .zselectbox {
  background-position-x: 175px;
}
.select__unit .su--unit, .select__unit--number .su--unit {
  pointer-events: none;
  padding: 0 10px !important;
}

.select__unit--number {
  width: 140px;
}
.select__unit--number .dc-select .zselectbox {
  width: 140px !important;
  background-position: 45px 12px !important;
  padding-top: 10px;
}
.select__unit--number .dc-select .zselectbox .zselectbox__selected {
  line-height: 25px;
}

.textbox--unit, .textbox--unit__left {
  display: inline-flex;
  position: relative;
}
.textbox--unit input[type=number], .textbox--unit__left input[type=number] {
  padding-right: 85px;
}
.textbox--unit__left .textbox--unit--title {
  left: 2px;
  border-radius: 3px 0 0 3px;
  padding: 0px 15px 0 10px;
}
.textbox--unit__left input[type=text],
.textbox--unit__left input[type=number] {
  padding-left: 105px;
}

.textbox--unit input:hover,
.textbox--unit__left input:hover {
  box-shadow: none !important;
}
.textbox--unit:hover,
.textbox--unit__left:hover {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.textbox--unit[data-disabled]:hover,
.textbox--unit__left[data-disabled]:hover {
  box-shadow: none;
}

/* ----------------------------- Selectbox Unit ----------------------------- */
.selectbox--unit {
  position: relative;
}
.selectbox--unit .selectbox--unit--title-container {
  pointer-events: none;
  box-shadow: none;
  right: 4px;
  border: none;
  padding: 0 0 0 15px;
  background-position: left center !important;
  height: 33px;
  top: 1px;
  right: 1px;
  line-height: 32px;
}
.selectbox--unit .selectbox--unit--title {
  background-color: var(--ecs-container-bg-secondary);
  padding: 0 15px;
  pointer-events: none;
}
.selectbox--unit .dc-select .zselectbox {
  background: none;
  background-color: var(--ecs-base-bg-primary);
}

body[ems-theme=dark] .zdialog,
body[ems-theme=dark] .zpopover,
body[ems-theme=dark] .zdropdownlist__grouplabel,
body[ems-theme=dark] .zcolorpicker,
body[ems-theme=dark] .zcolorpicker__nocolorbutton,
body[ems-theme=dark] .zcolorpicker__morecolorbutton,
body[ems-theme=dark] .zcolorpicker__titlebar,
body[ems-theme=dark] .zcolorpicker__title,
body[ems-theme=dark] .zdropdownlist__searchfield.has-focus,
body[ems-theme=dark] .zdropdownlist__searchfield:focus,
body[ems-theme=dark] .zcolorpicker--advanced .zselectbox,
body[ems-theme=dark] .zinputfield__spinbutton,
body[ems-theme=dark] .zinputfield__clearbutton,
body[ems-theme=dark] .zdatetimepicker,
body[ems-theme=dark] .zdatetimepicker--group,
body[ems-theme=dark] .zdatetimeselectbox__option,
body[ems-theme=dark] .zdatetimepicker__timebar .zselectbox {
  background-color: var(--ecs-bg-primary-alt);
  color: var(--ecs-base-clr-primary);
  fill: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zselectbox__text,
body[ems-theme=dark] .zpopover__title,
body[ems-theme=dark] .zdropdownlist__text,
body[ems-theme=dark] .zdialog__primarytext,
body[ems-theme=dark] .zbutton,
body[ems-theme=dark] .zbutton:hover,
body[ems-theme=dark] .zselectbox:not(.is-disabled):hover .zselectbox__text {
  color: var(--ecs-base-clr-primary);
  fill: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .d3container > div,
body[ems-theme=dark] .ember-table-tables-container,
body[ems-theme=dark] .ember-table-table-row,
body[ems-theme=dark] .zdropdownlist__item,
body[ems-theme=dark] .zdropdownlist,
body[ems-theme=dark] .uems-dashboard .dashboard-chart-wrapper,
body[ems-theme=dark] .uems-dashboard .dashboard-lite-table-wrapper,
body[ems-theme=dark] .uems-dashboard .card__body,
body[ems-theme=dark] .zmenu__title,
body[ems-theme=dark] .zmenu__title .zmenu__text {
  background-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zcolorpicker,
body[ems-theme=dark] .zcolorpicker__titlebar,
body[ems-theme=dark] .zcolorpicker__nocolorbutton,
body[ems-theme=dark] .zcolorpicker__palettecontainer,
body[ems-theme=dark] .zcolorpicker__morecolorbutton,
body[ems-theme=dark] .zcolorpicker--advanced .zcolorpicker__colorfieldcontainer,
body[ems-theme=dark] .zcolorpicker--advanced .zcolorpicker__colormodecontainer,
body[ems-theme=dark] .zcolorpicker__maparea,
body[ems-theme=dark] .zinputfield__spinbuttonpane,
body[ems-theme=dark] .zinputfield__spinbutton,
body[ems-theme=dark] .zdropdownlist__search,
body[ems-theme=dark] .zdatetimepicker__navbutton.zbutton {
  border-color: var(--ecs-container-border-clr) !important;
  outline: none;
}
body[ems-theme=dark] .zcolorpicker__morecolorbutton,
body[ems-theme=dark] .zcolorpicker__nocolorbutton {
  background-color: var(--ecs-bg-primary-alt) !important;
}
body[ems-theme=dark] .zselectbox:hover .zselectbox__placeholder {
  color: var(--ecs-base-clr-tertiary);
}
body[ems-theme=dark] .zinputfield__textbox:not([disabled]) {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zmenu__item .zmenu__svg, body[ems-theme=dark] .zmenu__item.on-hover .zmenu__svg {
  fill: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .timezone--select .dc-select .zselectbox.is-disabled {
  background-color: transparent !important;
}

.zmenu__title:before {
  background-color: var(--ecs-container-border-clr);
}

body[ems-theme=dark] {
  --svg-bucket-move-icon: var(--ecs-move-icon-dark);
}

.dc-date-field .zinputfield, .dc-daterange-picker .zinputfield {
  width: 140px !important;
  height: 35px;
}

.helpcard--form .help--icon,
.help-card .help--icon {
  text-align: center;
  transition: 0.35s all ease;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  line-height: 15px;
}

.zp--text--error, .zpopover.error-popover,
.zp--text--help,
.zpopover.helpcard--form-popover,
.zp--text--warning,
.zpopover.warning-popover {
  font: 13px var(--ecs-font-family);
  line-height: 19px;
  height: auto;
  border-radius: 3px;
  text-align: left;
}

.zp--text--error, .zpopover.error-popover, .zp--text--warning, .zpopover.warning-popover {
  min-width: 220px;
  max-width: 280px;
  padding: 0;
}
.zp--text--error h3, .zpopover.error-popover h3, .zp--text--warning h3, .zpopover.warning-popover h3 {
  margin: 0 0 10px 0;
}
.zp--text--error ul, .zpopover.error-popover ul, .zp--text--warning ul, .zpopover.warning-popover ul {
  padding: 0 0 0 15px;
  margin: 0;
}

.zp--text--warning, .zpopover.warning-popover {
  background-color: var(--ecs-container-bg-warning-secondary) !important;
  color: var(--ecs-base-clr-primary) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-warning);
  border: solid 1px var(--ecs-container-border-clr-warning);
}

.zp--text--error, .zpopover.error-popover {
  background-color: var(--ecs-container-bg-error-secondary) !important;
  color: var(--ecs-base-clr-error) !important;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-error);
  border: solid 1px var(--ecs-container-border-clr-error);
}

.zp--text--help, .zpopover.helpcard--form-popover {
  background: var(--ecs-base-bg-primary);
  min-width: 280px;
  padding: 15px 20px 20px 20px;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-hover);
  border: 1px solid var(--ecs-container-border-clr);
}
.zp--text--help h3, .zpopover.helpcard--form-popover h3 {
  margin: 0 0 7px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--ecs-base-clr-primary);
}

.helpcard--form,
.help-card {
  cursor: pointer;
  margin: 0 5px;
}
.helpcard--form .help--icon,
.help-card .help--icon {
  border: 1px solid var(--ecs-container-border-clr);
  background-color: var(--ecs-container-bg-tertiary);
}
.helpcard--form .help--icon:hover, .helpcard--form .help--icon.active,
.help-card .help--icon:hover,
.help-card .help--icon.active {
  background-color: var(--ecs-container-bg-active-tertiary);
  border: 1px solid var(--ecs-container-border-clr-active);
  color: var(--ecs-base-clr-primary-surface);
}

.tooltip--error, .tooltip--warning {
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin: 0 5px;
}

.zpopover.helpcard--form-popover {
  width: 350px;
}
.zpopover.helpcard--form-popover .zpopover__content {
  border: none;
  box-shadow: none;
  padding: 0;
}
.zpopover.helpcard--form-popover .zpopover__pointer:before {
  border-bottom-color: var(--ecs-container-border-clr);
}
.zpopover.helpcard--form-popover.zpopover--left .zpopover__pointer:before {
  border-color: transparent;
  border-right-color: var(--ecs-container-border-clr);
}
.zpopover.helpcard--form-popover.zpopover--right .zpopover__pointer:before {
  border-color: transparent;
  border-left-color: var(--ecs-container-border-clr);
}

.zpopover.error-popover, .zpopover.warning-popover {
  width: 280px;
}
.zpopover.error-popover.zpopover--bottom .zpopover__pointer:before, .zpopover.warning-popover.zpopover--bottom .zpopover__pointer:before {
  border-color: transparent;
}
.zpopover.error-popover.zpopover--bottom .zpopover__pointer:after, .zpopover.warning-popover.zpopover--bottom .zpopover__pointer:after {
  border-top-color: var(--ecs-container-bg-secondary);
}
.zpopover.error-popover .zpopover__pointer:before {
  border-bottom-color: var(--ecs-container-border-clr-error);
}
.zpopover.error-popover.zpopover--bottom .zpopover__pointer:before {
  border-top-color: var(--ecs-container-border-clr-error);
}
.zpopover.warning-popover .zpopover__pointer:before {
  border-bottom-color: var(--ecs-container-border-clr-warning);
}
.zpopover.warning-popover.zpopover--bottom .zpopover__pointer:before {
  border-top-color: var(--ecs-container-border-clr-warning);
}

.zpopover.click-popover .zpopover__content .dc-textbox .textbox__clear {
  top: 15px;
  right: 12px;
}

.dc-select,
.dc-date-select {
  overflow: hidden;
  transition: border 0.25s ease-in;
}
.dc-select .zselectbox,
.dc-date-select .zselectbox {
  width: 300px !important;
  height: 35px;
  font: 13px var(--ecs-font-family);
  transition: background-color 250ms ease-in, border 250ms ease-in;
  background-color: var(--ecs-bg-primary-alt);
  display: inline-flex;
}
.dc-select .zselectbox .zselectbox__selected,
.dc-date-select .zselectbox .zselectbox__selected {
  padding-top: 2px;
}
.dc-select .zselectbox .zselectbox__selected .zselectbox__text,
.dc-date-select .zselectbox .zselectbox__selected .zselectbox__text {
  font: 13px var(--ecs-font-family);
}
.dc-select .zselectbox .zselectbox__selected .zselectbox__placeholder,
.dc-date-select .zselectbox .zselectbox__selected .zselectbox__placeholder {
  color: var(--ecs-base-clr-tertiary);
}
.dc-select .zselectbox:hover,
.dc-date-select .zselectbox:hover {
  background-color: var(--ecs-base-bg-primary);
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary) !important;
}
.dc-select .zselectbox:not(.is-disabled), .dc-select .zselectbox:not(.is-disabled) *,
.dc-date-select .zselectbox:not(.is-disabled),
.dc-date-select .zselectbox:not(.is-disabled) * {
  cursor: pointer;
}
.dc-select .zselectbox.has-focus:hover,
.dc-date-select .zselectbox.has-focus:hover {
  background-color: var(--ecs-base-bg-primary);
}
.dc-select .zselectbox.is-disabled .zselectbox__text,
.dc-date-select .zselectbox.is-disabled .zselectbox__text {
  cursor: default !important;
}
.dc-select:hover,
.dc-date-select:hover {
  box-shadow: none !important;
}

.selectbox--filter .zselectbox {
  width: 180px !important;
  height: 25px;
}
.selectbox--filter .zselectbox .zselectbox__selected {
  padding-top: 0;
}

.selectbox--number .zselectbox {
  width: 140px !important;
}

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

body[ems-theme=dark] .zselectbox.is-active,
body[ems-theme=dark] .zselectbox.has-kfocus,
body[ems-theme=dark] .zdropdownlist__search {
  background-color: var(--ecs-container-bg-primary);
}

.zmenu.zmenu--selectmenu {
  z-index: 99998;
}

.zmenu--selectmenu {
  border-color: var(--ecs-container-border-clr-active) var(--ecs-container-border-clr) var(--ecs-container-border-clr) var(--ecs-container-border-clr);
  padding: 0;
  animation: show-animation 0.1s ease-in 1;
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}
.zmenu--selectmenu * {
  font: 13px var(--ecs-font-family);
}
.zmenu--selectmenu .zmenu__body .zmenu__item {
  transition: 0.2s ease-in all;
}
.zmenu--selectmenu .zmenu__body .zmenu__item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.zmenu--selectmenu .zmenu__search input[type=text].zmenu__textbox:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.zmenu--selectmenu .zdropdownlist__search {
  background-color: var(--ecs-base-bg-primary);
  border-bottom-width: 0;
}
.zmenu--selectmenu .zdropdownlist__item.is-selected .zdropdownlist__text {
  color: var(--ecs-base-clr-primary);
}

.zmenu ul {
  padding: 0;
  margin: 0;
}

.zmenu.zmenu--selectmenu .zmenu__title {
  padding-top: 10px;
}
.zmenu.zmenu--selectmenu .zmenu__title::before {
  top: calc(50% + 4px);
}

.zmenu.menu-popup__container ul li:not([role=group]):not(.is-disabled):not(.disabled) {
  cursor: pointer;
}
.zmenu.menu-popup__container ul li.disabled {
  cursor: default !important;
}
.zmenu.menu-popup__container ul li.disabled, .zmenu.menu-popup__container ul li.disabled:hover {
  border: none !important;
  background-color: transparent;
}
.zmenu.menu-popup__container ul li.disabled span, .zmenu.menu-popup__container ul li.disabled:hover span {
  opacity: 0.5;
}
.zmenu.menu-popup__container ul li[role=menuitem], .zmenu.menu-popup__container ~ ul.menu-popup li[role=menuitem] {
  padding: 10px 25px;
}
.zmenu.menu-popup__container ul li[role=separator], .zmenu.menu-popup__container ~ ul.menu-popup li[role=separator] {
  padding: 0;
}

.zdatetimeselectbox,
.zdatetimeselectbox__listbox {
  min-width: 300px !important;
}

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

.zmenu .zmenu__item.is-disabled {
  opacity: 0.75;
  background-color: var(--ecs-container-bg-disabled) !important;
}

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

fieldset.fc--row[data-error]:not(.fc--custom-field) .fu--mega,
fieldset.fc--row[data-error]:not(.fc--custom-field) .fuc--button,
fieldset.fc--group[data-error]:not(.fc--custom-field) .fu--mega,
fieldset.fc--group[data-error]:not(.fc--custom-field) .fuc--button,
fieldset[data-error]:not(.fc--custom-field) .fu--mega,
fieldset[data-error]:not(.fc--custom-field) .fuc--button {
  border-color: var(--ecs-container-border-clr-error) !important;
}
fieldset.fc--row[disabled] .textbox--unit:hover, fieldset.fc--row[disabled] .textbox--unit__left:hover,
fieldset.fc--row[disabled] .textbox--unit__left:hover,
fieldset.fc--row[disabled] .zselectbox:hover,
fieldset.fc--group[disabled] .textbox--unit:hover,
fieldset.fc--group[disabled] .textbox--unit__left:hover,
fieldset.fc--group[disabled] .textbox--unit__left:hover,
fieldset.fc--group[disabled] .zselectbox:hover,
fieldset[disabled] .textbox--unit:hover,
fieldset[disabled] .textbox--unit__left:hover,
fieldset[disabled] .textbox--unit__left:hover,
fieldset[disabled] .zselectbox:hover {
  box-shadow: none;
}

.dc-date-field .zinputfield, .dc-daterange-picker .zinputfield {
  cursor: pointer;
  transition: all 250ms ease-in;
}
.dc-date-field .zinputfield.has-focus .zinputfield__spinbuttonpane, .dc-daterange-picker .zinputfield.has-focus .zinputfield__spinbuttonpane {
  opacity: 1;
}
.dc-date-field .zinputfield.has-focus .zinputfield__textbox, .dc-daterange-picker .zinputfield.has-focus .zinputfield__textbox {
  cursor: text;
}
.dc-date-field .zinputfield:focus, .dc-date-field .zinputfield:focus .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-date-field .zinputfield:active, .dc-date-field .zinputfield:active .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-date-field .zinputfield.has-focus, .dc-date-field .zinputfield.has-focus .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-daterange-picker .zinputfield:focus, .dc-daterange-picker .zinputfield:focus .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-daterange-picker .zinputfield:active, .dc-daterange-picker .zinputfield:active .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-daterange-picker .zinputfield.has-focus, .dc-daterange-picker .zinputfield.has-focus .zinputfield__spinbuttonpane .zinputfield__spinbutton {
  border-color: var(--ecs-container-border-clr-active) !important;
}
.dc-date-field .zinputfield__textbox, .dc-daterange-picker .zinputfield__textbox {
  padding: 5px 0 5px 10px;
  line-height: 1.5;
  cursor: pointer;
  width: calc(100% - 30px);
}
.dc-date-field .zinputfield__spinbuttonpane, .dc-daterange-picker .zinputfield__spinbuttonpane {
  opacity: 0;
  transition: 0.1s linear;
  transition-property: border, opacity;
  height: 100%;
  width: 25px;
}
.dc-date-field .zinputfield__spinbuttonpane .zinputfield__spinbutton, .dc-daterange-picker .zinputfield__spinbuttonpane .zinputfield__spinbutton {
  flex-grow: 1;
}
.dc-date-field .zinputfield__clearbutton, .dc-daterange-picker .zinputfield__clearbutton {
  position: absolute;
  right: 25px;
  height: 100%;
}

.dc-date-field .zinputfield.is-disabled .zinputfield__textbox {
  cursor: default;
  -webkit-text-fill-color: var(--ecs-base-clr-disabled);
}
.dc-date-field .zinputfield.is-disabled .zinputfield__clearbutton {
  background-color: var(--ecs-container-bg-tertiary);
}
.dc-date-field[data-empty] .zinputfield__textbox {
  color: var(--ecs-base-clr-tertiary);
}

.dc-daterange-field {
  width: auto;
  height: 25px;
  color: var(--ecs-base-clr-tertiary);
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
  .dc-daterange-field {
    line-height: 20px !important;
  }
}
.dc-daterange-field.is-open .dc-daterange-field__clear, .dc-daterange-field:hover .dc-daterange-field__clear {
  opacity: 1;
}
.dc-daterange-field .dc-daterange-field__clear {
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
  height: 16px;
  width: 16px;
  opacity: 0;
  transition: 0.1s ease-in opacity;
  display: inline-flex;
}
.dc-daterange-field[has-value] {
  color: var(--ecs-base-clr-primary);
}

.dc-date-field.datetimepicker .zinputfield {
  width: 300px !important;
}

.dc-date-range--filter .dc-date-field .zinputfield {
  height: 25px;
}
.dc-date-range--filter .dc-date-field .zinputfield .zinputfield__spinbuttonpane button {
  height: 14px;
}

.actionListInnerViewUl,
.liveStatusInnerViewActive {
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary) !important;
  border: 1px solid var(--ecs-input-border-clr) !important;
}

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

.fc--group.patch-radio-button .checkmark,
fieldset.patch-radio-button .checkmark {
  display: none;
}
.fc--group.patch-radio-button .radiobox, .fc--group.patch-radio-button .radiobox--img,
fieldset.patch-radio-button .radiobox,
fieldset.patch-radio-button .radiobox--img {
  padding: 0 5px;
}
.fc--group.patch-radio-button .label--text,
fieldset.patch-radio-button .label--text {
  padding: 10px 15px 10px 25px;
  background: var(--ecs-container-bg-secondary);
  border-radius: 3px;
  position: relative;
  transition: 0.1s background, color ease-in;
}
.fc--group.patch-radio-button .label--text:before,
fieldset.patch-radio-button .label--text:before {
  content: "✔";
  position: absolute;
  color: var(--ecs-base-clr-secondary);
  left: 8px;
  top: 8px;
}
.fc--group.patch-radio-button input[type=radio]:checked ~ .label--text,
fieldset.patch-radio-button input[type=radio]:checked ~ .label--text {
  background: var(--ecs-container-bg-active);
  color: var(--ecs-base-clr-primary-surface);
}
.fc--group.patch-radio-button input[type=radio]:checked ~ .label--text::before,
fieldset.patch-radio-button input[type=radio]:checked ~ .label--text::before {
  color: var(--ecs-base-clr-primary-surface);
}

.dc-combo {
  cursor: pointer;
}
.dc-combo .zcombobox {
  width: 300px !important;
  height: 35px;
  background-color: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
  transition: all 250ms ease-in;
}
.dc-combo .zcombobox .zselectbox__icon, .dc-combo .zcombobox:hover .zselectbox__icon, .dc-combo .zcombobox.is-active .zselectbox__icon {
  background-color: var(--ecs-base-bg-primary);
}
.dc-combo .zcombobox.is-disabled > .zselectbox__icon {
  pointer-events: none;
}
.dc-combo .zcombobox.zcombobox.is-active:hover .zselectbox__icon:hover {
  background-color: var(--ecs-base-bg-primary);
}
.dc-combo .zselectbox__icon.zselectbox__arrowicon {
  height: 33px;
  width: 28px !important;
  border-color: var(--ecs-container-border-clr);
  padding: 0 4px;
  box-sizing: border-box;
}
.dc-combo .zselectbox__icon.zselectbox__arrowicon svg {
  right: 8px;
}

.dc-checkbox.multiple.inline label {
  display: inline-block;
  padding-right: 16px;
}

.zmenu ul {
  padding: 0;
  margin: 0;
}

.dc-tooltip--white {
  border: 1px solid var(--ecs-input-border-clr);
  box-shadow: 0px 2px 3px 0px var(--ecs-container-shadow-secondary);
}

.zpopover.menu-popup__container .zpopover__content {
  padding: 0px;
  cursor: pointer;
}
.zpopover.menu-popup__container .zpopover__content .menu-popup {
  padding: 0;
  min-width: auto;
}
.zpopover.menu-popup__container .zpopover__content .menu-popup li {
  padding: 10px;
}

.zpopover.action-popover .zpopover__content {
  padding: 0;
}
.zpopover.action-popover .zpopover__content ul {
  padding: 15px 0;
  list-style-type: none;
  margin: 0;
}
.zpopover.action-popover .zpopover__content ul li {
  cursor: pointer;
  padding: 5px 20px;
  background: none;
}
.zpopover.action-popover .zpopover__content ul li:hover, .zpopover.action-popover .zpopover__content ul li:hover a {
  background-color: var(--ecs-container-bg-hover);
}
.zpopover.action-popover .zpopover__content ul li:only-child {
  padding: 0 20px;
}
.zpopover.action-popover.action-popover--nav .zpopover__content ul li {
  padding: 0;
}
.zpopover.action-popover.action-popover--nav .zpopover__content ul li a.anchor-text {
  padding: 5px 20px;
}

.zpopover .zpopover__content .zpopover__nested ul {
  padding: 0 0 10px 0;
}
.zpopover .zpopover__content .zpopover__nested ul:last-of-type {
  padding-bottom: 15px;
}
.zpopover .zpopover__content .zpopover__nested ul:first-of-type {
  padding-top: 20px;
}
.zpopover .zpopover__content .zpopover__nested ul .zpopover__nested--grp-hd {
  padding: 0 20px;
}
.zpopover .zpopover__content .zpopover__nested ul li {
  padding: 5px 40px;
}

.zpopover.task-details-popover .zpopover__title {
  padding: 10px;
  position: absolute;
  right: 10px;
}
.zpopover.task-details-popover .zpopover__content {
  padding: 40px 30px 30px 30px;
}
.zpopover.task-details-popover .zpopover__content .form-submit__section, .zpopover.task-details-popover .zpopover__content .fc-submit {
  padding: 25px 0 0 0;
}

.zpopover_dropdown .zpopover__content ul {
  padding: 5px 0;
}

.dc-select .zselectbox.is-active, .dc-select .zselectbox.has-focus, .dc-combo .zselectbox.is-active, .dc-combo .zselectbox.has-focus {
  border-color: var(--ecs-container-border-clr-active);
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.dc-select .zselectbox.is-active:hover, .dc-select .zselectbox.has-focus:hover, .dc-combo .zselectbox.is-active:hover, .dc-combo .zselectbox.has-focus:hover {
  background-color: var(--ecs-base-bg-primary);
}
.dc-select .zselectbox.is-disabled > .zselectbox__icon, .dc-combo .zselectbox.is-disabled > .zselectbox__icon {
  opacity: 0.6;
}
.dc-select .zselectbox.is-disabled > .zselectbox__icon:hover, .dc-combo .zselectbox.is-disabled > .zselectbox__icon:hover {
  background-color: transparent;
}

.zdialog .checkbox--form .checkmark {
  top: 3px;
}
.zdialog .zdialog__secondarytext {
  line-height: 1.5;
}

.zdialog--overlay, .zpopover--overley {
  background-color: var(--ecs-overlay-bg);
}

.zsuggestfield--loading .zmenu--loading .zmenu__icon {
  margin: auto;
}

.zpopover.action-popover .zpopover__content .popover-list ul {
  padding: 4px 0;
}

.zbutton.zbutton--normal.button-primary-form, .zbutton.zbutton--normal.zbutton--primary, .zbutton.zbutton--normal.primaryActionBtn, .zbutton.zbutton--normal.btn__action-primary {
  background-color: var(--ecs-cta-btn-bg) !important;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.zbutton.zbutton--normal.button-primary-form:hover, .zbutton.zbutton--normal.zbutton--primary:hover, .zbutton.zbutton--normal.primaryActionBtn:hover, .zbutton.zbutton--normal.btn__action-primary:hover {
  background-color: var(--ecs-cta-btn-bg-hover) !important;
}

body[ems-theme=dark] .zdropdownlist__noresults,
body[ems-theme=dark] .zdropdownlist__noresultstext {
  background-color: var(--ecs-bg-primary-alt);
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zdropdownlist {
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zpopover--right .zpopover__pointer:after {
  border-left-color: var(--ecs-base-bg-primary);
}
body[ems-theme=dark] .zpopover--top .zpopover__pointer:before,
body[ems-theme=dark] .zmenu__pointer.h-top:after {
  border-bottom-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zpopover--top .zpopover__pointer:after {
  border-bottom-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zpopover--right .zpopover__pointer:before,
body[ems-theme=dark] .zmenu__pointer.h-right:after {
  border-left-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zpopover--right .zpopover__pointer:after {
  border-left-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zpopover--bottom .zpopover__pointer:before,
body[ems-theme=dark] .zmenu__pointer.h-bottom:after {
  border-top-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zpopover--bottom .zpopover__pointer:after {
  border-top-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zpopover--left .zpopover__pointer:before,
body[ems-theme=dark] .zmenu__pointer.h-left:after {
  border-right-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zpopover--left .zpopover__pointer:after {
  border-right-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zselectbox__textbox {
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zdropdownlist__header,
body[ems-theme=dark] .zdropdownlist__footer {
  color: var(--ecs-base-clr-secondary);
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zdropdownlist__item.is-selected {
  background-color: var(--ecs-container-bg-selected) !important;
}
body[ems-theme=dark] .zdropdownlist__item.is-disabled .zdropdownlist__text {
  color: var(--ecs-base-clr-disabled) !important;
}
body[ems-theme=dark] .zdropdownlist__item.on-hover .zdropdownlist__text {
  color: var(--ecs-base-clr-primary) !important;
}
body[ems-theme=dark] .zdatetimepicker__date, body[ems-theme=dark] .zdatetimepicker__date:hover,
body[ems-theme=dark] .zdatetimepicker__monthyearnav,
body[ems-theme=dark] .zdatetimepicker__monthyearnav:hover,
body[ems-theme=dark] .zdatetimepicker__monthyeargrid,
body[ems-theme=dark] .zdatetimepicker__monthyeargrid:hover,
body[ems-theme=dark] .zdatetimepicker__drilldownnearlevelcell,
body[ems-theme=dark] .zdatetimepicker__drilldownnearlevelcell:hover {
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zdatetimepicker__date:hover,
body[ems-theme=dark] .zdatetimepicker__monthyearnav:hover,
body[ems-theme=dark] .zdatetimepicker__monthyeargrid:hover,
body[ems-theme=dark] .zdatetimepicker__drilldownnearlevelcell:hover {
  background-color: var(--ecs-container-bg-hover);
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zinputfield.is-disabled .zinputfield__spinbutton {
  background-color: var(--ecs-bg-primary-alt);
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zdatetimepicker--dateinrange:before {
  background-color: var(--ecs-container-bg-selected);
}
body[ems-theme=dark] .zdatetimepicker__drilldownnearlevelcell, body[ems-theme=dark] .zdatetimepicker__drilldownnearlevelcell:hover,
body[ems-theme=dark] .zdatetimepicker__monthyeargrid.zdatetimepicker--currentcell,
body[ems-theme=dark] .zdatetimepicker__monthyeargrid.zdatetimepicker--currentcell:hover {
  color: var(--ecs-base-clr-tertiary);
}
body[ems-theme=dark] .zdatetimepicker--weekend {
  color: var(--ecs-base-clr-danger);
}
body[ems-theme=dark] .zdatetimepicker__date.zdatetimepicker--today {
  border-color: var(--ecs-container-border-clr-selected);
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .zdatetimepicker__monthyeargrid.is-selected {
  background-color: var(--ecs-container-bg-selected);
  border-color: var(--ecs-container-border-clr-selected);
}
body[ems-theme=dark] .zdatetimepicker,
body[ems-theme=dark] .zdatetimepicker--group,
body[ems-theme=dark] .zdatetimepicker__calendar,
body[ems-theme=dark] .zdatetimepicker__starttime,
body[ems-theme=dark] .zdatetimepicker__timebar,
body[ems-theme=dark] .zdatetimepicker__timebar .zselectbox,
body[ems-theme=dark] .zdatetimepicker__drilldownview {
  border-color: var(--ecs-container-border-clr) !important;
}
body[ems-theme=dark] .zselectbox.has-kfocus .zselectbox__text, body[ems-theme=dark] .zselectbox.is-active .zselectbox__text, body[ems-theme=dark] .zselectbox.has-focus .zselectbox__text {
  color: var(--ecs-base-clr-primary);
}
body[ems-theme=dark] .ztooltip {
  border: 1px solid var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zdialog__actiongroup .zbutton:hover {
  background-color: var(--ecs-container-bg-hover);
}
body[ems-theme=dark] .dc--dialog-loader .spinner > div {
  background-color: var(--ecs-dark-bg-quaternary);
}
body[ems-theme=dark] .zswitch--off:before, body[ems-theme=dark] .zswitch--off:active:before, body[ems-theme=dark] .zswitch--off:hover:before {
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zswitch--off .zswitch__thumb,
body[ems-theme=dark] .zswitch--off .zswitch__thumb:active,
body[ems-theme=dark] .zswitch--off .zswitch__thumb:hover {
  border-color: var(--ecs-container-border-clr);
}
body[ems-theme=dark] .zswitch--off .zswitch__offstate,
body[ems-theme=dark] .zswitch--off .zswitch__offstate:active,
body[ems-theme=dark] .zswitch--off .zswitch__offstate:hover {
  background-color: var(--ecs-container-bg-secondary);
}
body[ems-theme=dark] .zswitch--on .zswitch__onstate,
body[ems-theme=dark] .zswitch--on .zswitch__onstate:active,
body[ems-theme=dark] .zswitch--on .zswitch__onstate:hover {
  background-color: var(--ecs-cta-btn-bg);
}
body[ems-theme=dark] .zswitch--on .zswitch__offstate {
  background-color: var(--ecs-container-bg-primary);
}
body[ems-theme=dark] .zdialog--overlay {
  background-color: var(--ecs-overlay-bg) !important;
}
body[ems-theme=dark] .zmenu__pointer.zh-top::after, body[ems-theme=dark] .zmenu__pointer.zh-top::before, body[ems-theme=dark] .zmenu__pointer.zh-bottom::after, body[ems-theme=dark] .zmenu__pointer.zh-bottom::before, body[ems-theme=dark] .zmenu__pointer.zh-left::after, body[ems-theme=dark] .zmenu__pointer.zh-left::before, body[ems-theme=dark] .zmenu__pointer.zh-right::after, body[ems-theme=dark] .zmenu__pointer.zh-right::before {
  border-bottom-color: var(--ecs-bg-primary-alt);
}
body[ems-theme=dark] .zdatetimepicker__day, body[ems-theme=dark] .zdatetimepicker__weeknumbers th {
  color: var(--ecs-base-clr-primary);
}

.zmenu--scroller {
  background-color: var(--ecs-container-bg-primary);
}
.zmenu--scroller:hover {
  background-color: var(--ecs-container-bg-hover);
}

.zinputfield--spinbtnonfocus,
.zinputfield.has-focus,
.zinputfield.has-kfocus {
  background-color: var(--ecs-base-bg-primary);
}

[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);
}

/* Equivalent HTML structure
  <div class="uems-placeholder-layout">
    <img class="upl--img">
    <span class="upl--text"></span>
  </div>
*/
.uems-placeholder-layout {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.uems-placeholder-layout .upl--img {
  max-width: 250px;
  margin-bottom: 15px;
}
.uems-placeholder-layout .upl--text {
  font: 13px var(--ecs-font-family);
}

.img__nonsquare {
  width: 15px;
  height: auto;
  max-height: 30px;
  margin-right: 5px;
}

.search-icon-bg, .ucs-card-collections .textbox--form, .search-icon-bg::before, .ucs-card-collections .textbox--form::before {
  background: transparent var(--ecs-search-icon) center center/15px no-repeat;
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon__left, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]) {
  background-position-x: 5px;
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon__right, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]).search-icon__right {
  background-position-x: calc(100% - (20px) + 10px);
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon__fluid, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]).search-icon__fluid {
  background-size: 100%;
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon__sm, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]) {
  background-size: 20px;
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon__lg, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]).search-icon__lg {
  background-size: 30px;
}
.search-icon-bg:not([data-svg-icon-blur]).search-icon-container, .ucs-card-collections .textbox--form:not([data-svg-icon-blur]).search-icon-container {
  width: 20px;
  height: 20px;
  opacity: 0.7;
  margin: 0 2px;
  display: inline-block;
}
.search-icon-bg:not([data-svg-icon-blur])::before, .ucs-card-collections .textbox--form:not([data-svg-icon-blur])::before {
  background-image: none;
}
.search-icon-bg[data-svg-icon-blur], .ucs-card-collections [data-svg-icon-blur].textbox--form {
  position: relative;
  background-image: none;
}
.search-icon-bg[data-svg-icon-blur]::before, .ucs-card-collections [data-svg-icon-blur].textbox--form::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 20px;
  opacity: 0.7;
}
.search-icon-bg[data-svg-icon-blur].search-icon__right::before, .ucs-card-collections [data-svg-icon-blur].search-icon__right.textbox--form::before {
  left: calc(100% - (20px + 10px));
}
.search-icon-bg[data-svg-icon-blur].search-icon__fluid::before, .ucs-card-collections [data-svg-icon-blur].search-icon__fluid.textbox--form::before {
  background-size: 100%;
}

.ucs-dropdown-btn-arrow__lite::after, .ucs-dropdown-btn-arrow__dark::after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: 5px;
  border-top: 5px solid var(--ecs-base-bg-primary);
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.4s;
}
.ucs-dropdown-btn-arrow__dark::after {
  border-color: var(--ecs-base-clr-primary) transparent;
}
.ucs-thin-arrow__lite, .ucs-thin-arrow__dark, .ucs-thin-arrow__primary {
  position: relative;
}
.ucs-thin-arrow__lite::before, .ucs-thin-arrow__dark::before, .ucs-thin-arrow__primary::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1px 0 0 1px;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 50%;
  height: 50%;
  max-width: 30px;
  max-height: 30px;
  left: 25%;
  top: 25%;
}
.ucs-thin-arrow__lite::before {
  border-color: var(--ecs-border-white);
}
.ucs-thin-arrow__dark::before {
  border-color: var(--ecs-dark-bg);
}
.ucs-thin-arrow__primary::before {
  border-color: var(--ecs-container-border-clr-focus);
}

/*
  <div class="ucs-options-icons">
    <div></div>
    <div></div>
    <div></div>
  </div>
*/
.ucs-option-icons {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ucs-option-icons,
.ucs-option-icons div {
  border-radius: 50%;
}
.ucs-option-icons div {
  width: 4px;
  height: 4px;
  background-color: var(--ecs-dark-bg);
  margin: 0 auto;
}
.ucs-option-icons div:not(:last-child) {
  margin-bottom: 2px;
}

.ucs-common-loader {
  position: relative;
  display: inline-block;
}
.ucs-common-loader, .ucs-common-loader::after, .ucs-common-loader::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: common-loader 500ms infinite alternate 250ms;
}
.ucs-common-loader::after, .ucs-common-loader::before {
  content: "";
  position: absolute;
}
.ucs-common-loader::before {
  right: calc(100% + 3px);
  animation-delay: 500ms;
}
.ucs-common-loader::after {
  left: calc(100% + 3px);
  animation-delay: 0s;
}
.ucs-common-loader.ucs-common-loader__lg, .ucs-common-loader.ucs-common-loader__lg::after, .ucs-common-loader.ucs-common-loader__lg::before {
  width: 16px;
  height: 16px;
}

.feature-card .fc--body {
  min-height: 250px;
  box-shadow: 0 5px 5px 0 var(--ecs-container-shadow);
}
.feature-card .fc--footer {
  align-items: flex-end;
  flex-grow: 1;
}

/* Recommended HTML layout
<div class="ucs-card-collections p-15 common-bg__lite">
    {{dc-textbox inputClass="w-100 p-l-30" class="lite-BG"}}
    <div class="flex--common p-t-10 p-b-10 content-scrollable">
        {{#each model as |card|}}   
            <div class="border__default ucc--card flex--nowrap p-10 cursor-pointer common-bg__hover lite-BG">
                {{!-- <img src="/images/common/save-active.png" class="icon"/> --}}
                <span class="icon"></span>
                <div class="column-flex p-l-10">
                    <span>{{card.title}}</span>
                    <span class="help-text">{{card.value}}</span>
                </div>
            </div>
        {{/each}}
    </div>
</div>

///To set background image for span element 
  @params (normal state, selected/active state)
  .page-specific-wrapper{
    @include set-card-icon('/images/common/save.png', '/images/common/save-active.png');
  }
*/
.ucs-card-collections .icon {
  flex-shrink: 0;
}
.ucs-card-collections .content-scrollable {
  overflow-y: auto;
}
.ucs-card-collections .ucc--card {
  margin: 5px;
  width: calc(100% / 5 - 10px);
  position: relative;
  min-height: 65px;
}
@media (max-width: 1368px) {
  .ucs-card-collections .ucc--card {
    width: calc(100% / 4 - 10px);
  }
}
@media (max-width: 1072px) {
  .ucs-card-collections .ucc--card {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 800px) {
  .ucs-card-collections .ucc--card {
    width: calc(100% / 1 - 10px);
  }
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card::after, .ucs-card-collections:not([data-remove-selected-styles]) .ucc--card::before {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card::after {
  background-color: var(--ecs-base-bg-primary);
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  right: 10px;
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card:hover::after {
  content: "";
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card::before {
  width: 3px;
  height: 6px;
  border: solid var(--ecs-base-bg-primary);
  border-radius: 1px;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  z-index: 1;
  right: 16px;
  top: 49%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ucs-card-collections:not([data-remove-selected-styles]) .ucc--card::before {
    border-width: 0 2px 2px 0 !important;
  }
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card[data-selected], .ucs-card-collections:not([data-remove-selected-styles]) .ucc--card[data-selected]:hover {
  background-color: var(--ecs-container-bg-selected);
  color: var(--ecs-base-clr-active);
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card[data-selected]::after {
  content: "";
  background-color: var(--ecs-container-bg-active-tertiary);
  border-color: var(--ecs-container-border-clr-active);
}
.ucs-card-collections:not([data-remove-selected-styles]) .ucc--card[data-selected]::before {
  content: "";
}

.ucs-badge {
  --badge-size: 8px;
  --badge-position-x: 100%;
  --badge-position-y: 100%;
  --badge-background-color: var(--ecs-container-bg-info);
  --badge-color: var(--ecs-base-clr-primary-surface);
  position: relative;
  margin-right: var(--badge-size);
}
.ucs-badge:after, .ucs-badge[data-badge-animation=pulse]::before {
  content: "";
  position: absolute;
  min-width: var(--badge-size);
  width: var(--badge-size);
  height: var(--badge-size);
  border-radius: 12px;
  left: var(--badge-position-x);
  bottom: var(--badge-position-y);
  z-index: 2;
  background-color: var(--badge-background-color);
  color: var(--badge-color);
  transform: translate(-50%, 50%);
}
.ucs-badge[data-badge-value]:after {
  content: attr(data-badge-value);
  width: unset;
  min-width: 16px;
  height: 16px;
  font-size: 10px;
  padding: 2px;
  line-height: 12px;
}
.ucs-badge[data-badge-state=success] {
  --badge-background-color: var(--ecs-container-bg-success);
  --badge-color: var(--ecs-base-clr-primary-surface);
}
.ucs-badge[data-badge-state=error] {
  --badge-background-color: var(--ecs-container-bg-error);
  --badge-color: var(--ecs-base-clr-primary-surface);
}
.ucs-badge[data-badge-state=warning] {
  --badge-background-color: var(--ecs-container-bg-warning);
  --badge-color: var(--ecs-base-clr-primary-surface);
}
.ucs-badge[data-badge-state=info] {
  --badge-background-color: var(--ecs-container-bg-info);
  --badge-color: var(--ecs-base-clr-primary-surface);
}
.ucs-badge[data-badge-animation=pulse]::before {
  left: calc(var(--badge-position-x) - var(--badge-size) / 2);
  bottom: calc(var(--badge-position-y) - var(--badge-size) / 2);
  z-index: 1;
  animation: ucs-pulse 1.5s linear infinite;
}

:root {
  --ucs-base-bg: #ffffff;
  --ucs-base-bg-rgb: 255, 255, 255;
  --ucs-base-bg-dark-primary: #000000;
  --ucs-base-bg-dark-primary-rgb: 0,0,0;
  --ucs-base-bg-dark-secondary: #555555;
  --ucs-base-clr: #000000;
  --ucs-base-clr-contrast: #ffffff;
  --ucs-base-clr-secondary: #333333;
  --ucs-base-clr-tertiary: #111111;
  --ucs-base-clr-disabled: #8B8B8B;
  --ucs-base-clr-active: #4980b3;
  --ucs-base-clr-footer-secondary:#565656;
  --ucs-base-clr-placeholder:#757575;
  --ucs-base-border-clr-primary: #ffffff;
  --ucs-base-border-clr-secondary: #000000;
  --ucs-common-bg-primary: #f1f1f1;
  --ucs-common-bg-primary-active: #dddddd;
  --ucs-common-bg-primary-selected:#ebf6ff;
  --ucs-common-bg-secondary:#f9f9f9;
  --ucs-common-bg-tertiary:#f5f5f5;
  --ucs-common-bg-disabled:#f7f7f7;
  --ucs-common-bg-disabled-rgb:247, 247, 247;
  --ucs-common-bg-hover:#f1f1f1;
  --ucs-common--droparea-bg:rgba(204,204,204,.52);
  --ucs-common--droparea-bg-primary:rgba(240,240,240,0.9);
  --ucs-common-bg-success:#339900;
  --ucs-common-bg-success-secondary:#00b16a;
  --ucs-common-bg-success-secondary-rgb:0, 177, 106;
  --ucs-common-clr-error:#ff5555;
  --ucs-common-clr-info:#348ac5;
  --ucs-common-clr-success:#339900;
  --ucs-common-shadow-error:#cf3f00;
  --ucs-common-shadow-error-rgb:207, 63, 0;
  --ucs-common-shadow-error-secondary:#FF0000;
  --ucs-common-shadow-active:#0049cf;
  --ucs-common-shadow-active-rgb:0,73,207;
  --ucs-link-clr-secondary:#a9a8a8;
  --ucs-container-border-clr-primary:#e0e0e0;
  --ucs-container-border-clr-secondary:#d7d7d7;
  --ucs-container-border-clr-secondary-rgb:215, 215, 215;
  --ucs-container-border-clr-tertiary:#e8e8e8;
  --ucs-tab-bg-primary:#515151;
  --ucs-tab-bg-secondary:#727272;
  --ucs-tab-bg-secondary-rgb:114, 114, 114;
  --ucs-tab-bg-tertiary:#808080;
  --ucs-tab-primary--link-clr-hover:#444444;
  --ucs-tab-primary--link-clr-active:#333333;
  --ucs-tab-bg-secondary-hover:#eeeeee;
  --ucs-tab-border-clr-active-primary:#4a8ac6;
  --ucs-tab-clr-active-primary:#1783ce;
  --ucs-tab-border-clr-active-secondary:#2a90d8;
  --ucs-tab-border-clr-tertiary:#1493c8;
  --ucs-tab-clr-tertiary:#1493c8;
  --ucs-tab--banner-bg:beige;
  --ucs-tab--anchor-clr-active:rgb(46, 46, 46);
  --ucs-tab--menu-anchor-clr:#a6a6a6;
  --ucs-pane-bg-primary:#dddddd;
  --ucs-pane-bg-primary-hover:#eeeeee;
  --ucs-pane-bg-secondary:#fafafa;
  --ucs-pane-icon-bg-open:#545454;
  --ucs-table-clr-primary:#e0e0e0;
  --ucs-table--cell-border-clr-hover:#eeeeee;
  --ucs-table--header-bg:#f9f9f9;
  --ucs-table--header-bg-gradient:linear-gradient(to top, var(--ucs-btn-bg-secondary), var(--ucs-common-bg-secondary));
  --ucs-table--footer-bg:#fcfcfc;
  --ucs-anchor-outline:rgb(6, 105, 172);
  --ucs-anchor-clr:#0669ac;
  --ucs-anchor-clr--static:#0669ac;
  --ucs-footer-clr-primary:#666666;
  --ucs-icon-bg-error:#dc3545;
  --ucs-splitter-bg:#cbc9be;
  --ucs-scrollbar-bg:rgba(85, 85, 85, 0.7);
  --ucs-icon--help-border-clr:#e5e5e5;
  --ucs-icon--help-bg-active:#409af7;
  --ucs-icon--close-bg:#7d7d7d;
  --ucs-icon--close-bg-hover:#f26667;
  --ucs-icon-arrow-clr:#787878;
  --ucs-icon-arrow-clr-secondary:#d7d7d7;
  --ucs-popover--content-border-clr:#e6e0e0;
  --ucs-popover-shadow:rgba(189, 189, 189, 0.71);
  --ucs-dropdown--item-bg-hover: #f2f2f2;
  --ucs-dropdown--item-bg-disabled: #cccccc;
  --ucs-dropdown-shadow: #cccccc;
  --ucs-dropdown-border-clr: #cccccc;
  --ucs-input-border-clr-primary:#dadada;
  --ucs-input-border-clr-primary-focus:#3399ff;
  --ucs-input-border-clr-primary-active:#009aff;
  --ucs-input-border-clr-primary-hover:#b7b7b7;
  --ucs-input-border-clr-primary-error:#fb7777;
  --ucs-input-border-clr-primary-warning:#D09331;
  --ucs-input-border-clr-primary-disabled:#adadad;
  --ucs-input-border-clr-secondary-active:#bbbbbb;
  --ucs-input-border-clr-secondary-focus:rgba(121, 187, 238, 0.75);
  --ucs-input-border-clr-secondary-hover:#ababab;
  --ucs-input-border-clr-secondary-disabled:#e3e3e3;
  --ucs-input-border-clr-tertiary:#dddddd;
  --ucs-input-border-clr-tertiary-disabled:rgb(204, 204, 204);
  --ucs-input-bg-tertiary-disabled:rgb(246, 247, 249);
  --ucs-input-border-clr-tertiary-1:#e6e6e6;
  --ucs-input-border-clr-tertiary-2:#aaaaaa;
  --ucs-input-shadow-primary:rgba(85, 85, 85, 0.1);
  --ucs-input-shadow-primary-hover:rgba(90, 90, 90, 0.1);
  --ucs-input-shadow-primary-focus:rgba(52, 103, 172, 0.1);
  --ucs-input-shadow-primary-error:rgba(207, 63, 0, 0.1);
  --ucs-input-shadow-secondary:rgba(222,222,222);
  --ucs-input-shadow-tertiary:rgba(0, 0, 0, 0.3);
  --ucs-input-shadow-tertiary-1:rgba(82, 168, 236, 0.5);
  --ucs-input-clr-disabled:#999999;
  --ucs-radio-outline:#a8c7ff;
  --ucs-radio-border-clr:#b7b7b7;
  --ucs-radio--block-bg-active:#c9c8c8;
  --ucs-radio-clr-disabled:#454545;
  --ucs-radio-bg-disabled:#adadad;
  --ucs-radio-border-clr-disabled:#dedede;
  --ucs-radio-border-checked:#009aff;
  --ucs-btn-bg-primary:#f5f5f5;
  --ucs-btn-bg-primary-hover:#eaeaea;
  --ucs-btn-bg-secondary:#f0f0f0;
  --ucs-btn-bg-disabled:#8f8f8f;
  --ucs-cta-bg-primary:#4a8ac6;
  --ucs-cta-bg-primary-hover:#2d77bb;
  --ucs-cta-border-clr:#bbbbbb;
  --ucs-cta-border-clr-disabled:#f0f0f0;
  --ucs-tooltip-bg:#fff7f7;
  --ucs-tooltip-bg-secondary:#FFFAF4;
  --ucs-tooltip-shadow:rgba(59, 91, 151, 0.23);
  --ucs-tooltip-border-clr-primary:rgba(136, 183, 213, 0);
  --ucs-tooltip-border-clr-secondary:rgba(194, 225, 245, 0);
  --ucs-tooltip-border-clr-tertiary:#fff7f7;
  --ucs-icons-action-bg:#555;
  --ucs-search-icon-bg:#888;
  --ucs-alert-shadow:#50513d80;
  --ucs-alert--overlay-bg:rgba(204, 204, 204, 0.52);
  --ucs-main-loader-bg-primary:#E84C3D;
  --ucs-main-loader-bg-secondary:#F1C40F;
  --ucs-main-loader-bg-tertiary:#2FCC71;
  --ucs-table-loader-bg-primary:#f2f2f2;
  --ucs-table-loader-bg-secondary:#f6f7f8;
  --ucs-table-loader-bg-tertiary:#ddd;
  --ucs-dialog-loader-bg:#333333;
  --ucs-dialog-loader-bg-rgb:51, 51, 51;
  --ucs-flag-bg:#fff600;
  --ucs-date-checkbox-bg:#bedef9;
  --ucs-breadcrumbs--link-clr:#777777;
  --ucs-notification--alert-bg:#EDB307;
  --ucs-notification--videos-bg:#139a0c;
  --ucs-notification--info-bg:#72B5DA;
  --ucs-notification--close-bg:#bfbfbf;
  --ucs-notification--anchor-clr:#99d9fd;
  --ucs-banner--alert-bg:#F7A634;
  --ucs-banner--success-bg:#63B453;
  --ucs-banner--error-bg:#E55E5E;
  --ucs-hidden-row-shadow:rgba(17, 17, 17, 0.08);
  --ucs-modal--close-clr:#ababab;
  --ucs-modal-shadow:rgba(0, 0, 0, 0.28);
  --ucs-modal--overlay-shadow:rgba(0, 0, 0, 0.3);
  --ucs-panel-clr:#787878;
  --ucs-search-border-clr-focus:#79bbee;
  --ucs-search-border-clr-focus-rgb: 121, 187, 238;
  --ucs-search-shadow-focus:#52a8ec;
  --ucs-search-shadow-focus-rgb: 82, 168, 236;
  --ucs-error-message-shadow:#3b5b97;
  --ucs-error-message-shadow-rgb: 59, 91, 151;
  --ucs-export-border-clr-error:#FC9191;
  --ucs-tree-bg:#cecece;
  --ucs-wz-nav-bg:#f2f2f2;
  --ucs-wz-nav-step-bg-hover:#e8e8e8;
  --ucs-wz--count-border-clr:darkgrey;
  --ucs-list-item-clr-active:#e0f4fe;
  --ucs-file-upload-inline-bg:#fafafa;
  --ucs-file-upload-mega-bg:#f7f7f7;
  --ucs-file-upload-clr:#d7d7d7;
  --ucs-file-upload-overlay: rgba(#f0f0f0, 0.9);
  --ucs-ms-border-clr-selected:#03a9f4;
  --ucs-ms--tag-clr:#006699;
  --ucs-ms-arrow-clr:#d7d7d7;
  --ucs-ms-arrow-clr-rgb:215,215,215;
  --ucs-helpcard-border-clr:#e0e0e0;
  --ucs-token-bg:#eee;
  --ucs-token-bg-secondary: #ddeaff;
  --ucs-token-bg-error-close: #ffc9c9;
  --ucs-token-clr-select-all: #0b59ad;
  --ucs-lite-tab-bg-active:#0669ac;
  --ucs-silent-update-background: #fefdba;
  --ucs-tnb-restart-BG: #65654f;
  --ucs-tnb-restart-BG-rgb: 101, 101, 79;
  --ucs-getting-started-header:#f57d02;
  --ucs-security-build-color: #f63943;
  --ucs-security-build-background: #FFF8F8;
  --ucs-security-build-hover-background: #ce3e3e;
  --ucs-server-update-info-border: #4a8ac6;
  --ucs-server-update-info-background: #F5FAFF;
}

:root [ems-theme=green] {
  --ucs-base-clr-active: #000000;
  --ucs-common-bg-primary-selected:#E2E4E6;
  --ucs-tab-border-clr-active-primary:#10894B;
  --ucs-tab-clr-active-primary:#2E3034;
  --ucs-tab-border-clr-active-secondary:#45BD7F;
  --ucs-tab-border-clr-tertiary:#45BD7F;
  --ucs-tab-clr-tertiary:#45BD7F;
  --ucs-anchor-clr:#10894B;
  --ucs-icon--help-bg-active:#45BD7F;
  --ucs-input-border-clr-primary-focus:#2FD07D;
  --ucs-input-border-clr-primary-active:#45BD7F;
  --ucs-cta-bg-primary:#45BD7F;
  --ucs-cta-bg-primary-hover:#3EAD74;
  --ucs-search-border-clr-focus:#79EDAA;
  --ucs-search-border-clr-focus-rgb: 121, 237, 170;
  --ucs-search-shadow-focus:#51ECA4;
  --ucs-search-shadow-focus-rgb: 81, 236, 164;
  --ucs-list-item-clr-active:#CBF2D9;
  --ucs-ms-border-clr-selected:#45BD7F;
  --ucs-ms--tag-clr:#10894B;
  --ucs-token-clr-select-all: #10894B;
  --ucs-lite-tab-bg-active:#45BD7F;
  --ucs-radio-border-checked:#45BD7F;
  --ucs-notification--anchor-clr:#45BD7F;
  --ucs-tab-bg-primary:#252525;
  --ucs-tab--anchor-clr-active:#49bd80;
  --ucs-token-bg-secondary:#51ECA4;
}

[ems-theme=green] a.anchor-text:link, [ems-theme=green] a.anchor-text:visited {
  color: var(--ucs-anchor-clr);
}
[ems-theme=green] .bodytext a, [ems-theme=green] .bluetxt, [ems-theme=green] .blueTxt, [ems-theme=green] a.bluetxt, [ems-theme=green] a.blueTxt {
  color: var(--ucs-anchor-clr) !important;
}

:root {
  --ecs-white: #FFFFFF;
  --ecs-black: #000000;
  --ecs-hyperlink-light: #006AFF;
  --ecs-hyperlink-dark: #00A6FF;
  --ecs-blue-25: #EAF0FC;
  --ecs-blue-50: #D5E0F8;
  --ecs-blue-100: #C0D1F5;
  --ecs-blue-150: #ABC2F1;
  --ecs-blue-200: #96B3EE;
  --ecs-blue-250: #80A3EB;
  --ecs-blue-300: #6B94E7;
  --ecs-blue-350: #5685E4;
  --ecs-blue-400: #4276E0;
  --ecs-blue-450: #376EDF;
  --ecs-blue-500: #2C66DD;
  --ecs-blue-550: #225CCF;
  --ecs-blue-600: #1E52BB;
  --ecs-blue-650: #1B49A6;
  --ecs-blue-700: #184091;
  --ecs-blue-750: #13377C;
  --ecs-blue-800: #112E68;
  --ecs-blue-850: #0E2553;
  --ecs-blue-900: #0A1B3E;
  --ecs-blue-950: #071229;
  --ecs-blue-1000: #030915;
  --ecs-green-25: #E7F3ED;
  --ecs-green-50: #CEE7DA;
  --ecs-green-100: #B7DCC7;
  --ecs-green-150: #9ECFB4;
  --ecs-green-200: #86C4A2;
  --ecs-green-250: #6DB88F;
  --ecs-green-300: #55AC7C;
  --ecs-green-350: #3DA069;
  --ecs-green-400: #249457;
  --ecs-green-450: #188E4E;
  --ecs-green-500: #0C8844;
  --ecs-green-550: #0B7D3F;
  --ecs-green-600: #0A7138;
  --ecs-green-650: #096633;
  --ecs-green-700: #085B2D;
  --ecs-green-750: #074F28;
  --ecs-green-800: #054422;
  --ecs-green-850: #05391C;
  --ecs-green-900: #042D17;
  --ecs-green-950: #032211;
  --ecs-green-1000: #02170B;
  --ecs-red-25: #FAECEA;
  --ecs-red-50: #F5D7D4;
  --ecs-red-100: #FFCDB3;
  --ecs-red-150: #EBB0A9;
  --ecs-red-200: #E69C94;
  --ecs-red-250: #E0887F;
  --ecs-red-300: #DB756A;
  --ecs-red-350: #D66154;
  --ecs-red-400: #D14D3F;
  --ecs-red-450: #CF4334;
  --ecs-red-500: #CC3929;
  --ecs-red-550: #BA3425;
  --ecs-red-600: #A72E21;
  --ecs-red-650: #952A1D;
  --ecs-red-700: #82241A;
  --ecs-red-750: #6F1F16;
  --ecs-red-800: #5D1A12;
  --ecs-red-850: #4A150F;
  --ecs-red-900: #380F0B;
  --ecs-red-950: #250A07;
  --ecs-red-1000: #130504;
  --ecs-yellow-25: #FEF8EB;
  --ecs-yellow-50: #FEF1D6;
  --ecs-yellow-100: #FDEBC2;
  --ecs-yellow-150: #FDE4AE;
  --ecs-yellow-200: #FCDD99;
  --ecs-yellow-250: #FCD685;
  --ecs-yellow-300: #FBCF71;
  --ecs-yellow-350: #FBC95C;
  --ecs-yellow-400: #FAC248;
  --ecs-yellow-450: #FABB34;
  --ecs-yellow-500: #F9B21D;
  --ecs-yellow-550: #ECA91C;
  --ecs-yellow-600: #E0A01A;
  --ecs-yellow-650: #C78E17;
  --ecs-yellow-700: #AE7C14;
  --ecs-yellow-750: #956B11;
  --ecs-yellow-800: #7C590E;
  --ecs-yellow-850: #64470C;
  --ecs-yellow-900: #4A3509;
  --ecs-yellow-950: #332406;
  --ecs-yellow-1000: #181103;
  --ecs-orange-25: #FFEEE5;
  --ecs-orange-50: #FFDECC;
  --ecs-orange-100: #FFCEB3;
  --ecs-orange-150: #FFBE9A;
  --ecs-orange-200: #FFAC80;
  --ecs-orange-250: #FF9C66;
  --ecs-orange-300: #FF8B4D;
  --ecs-orange-350: #FF7A33;
  --ecs-orange-400: #FF6A1A;
  --ecs-orange-450: #FF5900;
  --ecs-orange-500: #E65100;
  --ecs-orange-550: #D14900;
  --ecs-orange-600: #BC4200;
  --ecs-orange-650: #A73A00;
  --ecs-orange-700: #933300;
  --ecs-orange-750: #7D2D00;
  --ecs-orange-800: #682500;
  --ecs-orange-850: #531D00;
  --ecs-orange-900: #3F1600;
  --ecs-orange-950: #2A0F00;
  --ecs-orange-1000: #150700;
  --ecs-grey-25: #FAFAFB;
  --ecs-grey-50: #F1F2F4;
  --ecs-grey-100: #E3E4E9;
  --ecs-grey-150: #D5D7DD;
  --ecs-grey-200: #C7CAD2;
  --ecs-grey-250: #B8BCC7;
  --ecs-grey-300: #AAAFBC;
  --ecs-grey-350: #9CA1B0;
  --ecs-grey-400: #8E94A5;
  --ecs-grey-450: #80879A;
  --ecs-grey-500: #72798F;
  --ecs-grey-550: #696F83;
  --ecs-grey-600: #5B6172;
  --ecs-grey-650: #505564;
  --ecs-grey-700: #444956;
  --ecs-grey-750: #393D47;
  --ecs-grey-800: #2E3139;
  --ecs-grey-850: #22242B;
  --ecs-grey-900: #17181C;
  --ecs-grey-950: #0B0C0E;
  --ecs-grey-1000: #000000;
  --ucs-private-base-bg-rgb: 255, 255, 255;
  --ucs-private-dark-bg-rgb: 0, 0, 0;
  --ecs-container-border-clr-selected: var(--ecs-blue-400);
  --ecs-container-border-clr-selected-secondary: var(--ecs-blue-550);
  --ecs-container-border-clr-warning: var(--ecs-orange-300);
  --ecs-container-border-clr-warning-secondary: var(--ecs-red-100);
  --ecs-container-border-clr-success: var(--ecs-green-350);
  --ecs-container-border-clr-success-secondary: var(--ecs-green-25);
  --ecs-container-border-clr-active: var(--ecs-blue-400);
  --ecs-container-border-clr-active-secondary: var(--ecs-blue-150);
  --ecs-container-border-clr-error: var(--ecs-red-500);
  --ecs-container-border-clr-error-secondary: var(--ecs-red-100);
  --ecs-container-border-clr-danger: var(--ecs-red-500);
  --ecs-container-border-clr-danger-secondary: var(--ecs-red-100);
  --ecs-container-border-clr-alert: var(--ecs-orange-300);
  --ecs-container-border-clr-alert-secondary: var(--ecs-red-100);
  --ecs-container-border-clr-focus: var(--ecs-blue-600);
  --ecs-container-border-clr-focus-secondary: var(--ecs-blue-600);
  --ecs-container-border-clr-info: var(--ecs-hyperlink-light);
  --ecs-container-border-clr-info-secondary: var(--ecs-blue-150);
  --ecs-container-border-clr: var(--ecs-grey-100);
  --ecs-container-border-clr-secondary: var(--ecs-grey-900);
  --ecs-container-border-clr-disabled: var(--ecs-grey-100);
  --ecs-flow-line-clr: var(--ecs-grey-200);
  --ecs-cta-btn-border-clr: var(--ecs-blue-400);
  --ecs-cta-btn-border-clr-hover: var(--ecs-blue-550);
  --ecs-cta-btn-border-clr-focus: var(--ecs-blue-600);
  --ecs-input-border-clr: var(--ecs-grey-200);
  --ecs-input-radio-border-clr: var(--ecs-grey-200);
  --ecs-message-box-alert-border-clr: var(--ecs-yellow-200);
  --ecs-message-box-info-border-clr: var(--ecs-blue-50);
  --ecs-message-box-video-border-clr: var(--ecs-green-25);
  --ecs-border-white: var(--ecs-white);
  --ecs-container-bg-disabled: var(--ecs-grey-100);
  --ecs-container-bg-disabled-secondary: var(--ecs-grey-50);
  --ecs-container-bg-warning: var(--ecs-orange-300);
  --ecs-container-bg-warning-secondary: var(--ecs-yellow-150);
  --ecs-container-bg-warning-tertiary: var(--ecs-yellow-50);
  --ecs-container-bg-success: var(--ecs-green-350);
  --ecs-container-bg-success-secondary: var(--ecs-green-25);
  --ecs-container-bg-active: var(--ecs-blue-50);
  --ecs-container-bg-active-secondary: var(--ecs-grey-150);
  --ecs-container-bg-active-tertiary: var(--ecs-blue-400);
  --ecs-container-bg-hover-secondary: var(--ecs-grey-100);
  --ecs-container-bg-hover: var(--ecs-blue-25);
  --ecs-container-bg-error: var(--ecs-red-500);
  --ecs-container-bg-error-secondary: var(--ecs-red-25);
  --ecs-container-bg-danger: var(--ecs-red-500);
  --ecs-container-bg-danger-secondary: var(--ecs-red-25);
  --ecs-container-bg-alert: var(--ecs-orange-300);
  --ecs-container-bg-alert-secondary: var(--ecs-yellow-50);
  --ecs-container-bg-alert-tertiary: var(--ecs-yellow-350);
  --ecs-container-bg-info: var(--ecs-blue-400);
  --ecs-container-bg-info-secondary: var(--ecs-blue-25);
  --ecs-container-bg-info-tertiary: var(--ecs-blue-25);
  --ecs-container-bg-primary: var(--ecs-grey-50);
  --ecs-container-bg-primary-alt: var(--ecs-grey-50);
  --ecs-container-bg-secondary: var(--ecs-grey-100);
  --ecs-container-bg-tertiary: var(--ecs-grey-100);
  --ecs-container-bg-quaternary: var(--ecs-grey-150);
  --ecs-container-bg-quinary: var(--ecs-grey-150);
  --ecs-container-bg-selected: var(--ecs-blue-50);
  --ecs-container-bg-primary-hued: var(--ecs-grey-25);
  --ecs-container-bg-secondary-hued: var(--ecs-grey-25);
  --ecs-container-bg-focus: var(--ecs-blue-25);
  --ecs-table-row-odd-bg: var(--ecs-grey-25);
  --ecs-cta-btn-bg: var(--ecs-blue-400);
  --ecs-cta-btn-bg-hover: var(--ecs-blue-550);
  --ecs-cta-btn-bg-focus: var(--ecs-blue-600);
  --ecs-cta-btn-bg-disabled: var(--ecs-blue-200);
  --ecs-table-status-bg-no-applicable: var(--ecs-grey-500);
  --ecs-table-status-bg-acknowledged: #5A47DD;
  --ecs-table-status-bg-in-progress: var(--ecs-orange-300);
  --ecs-table-status-bg-success: var(--ecs-green-350);
  --ecs-table-status-bg-suspended: var(--ecs-grey-500);
  --ecs-table-status-bg-failed: var(--ecs-red-500);
  --ecs-table-status-bg-ready: var(--ecs-grey-500);
  --ecs-base-bg-primary: var(--ecs-white);
  --ecs-bg-primary: var(--ecs-white);
  --ecs-bg-primary-alt: var(--ecs-white);
  --ecs-btn-bg: var(--ecs-grey-100);
  --ecs-btn-bg-surface: var(--ecs-grey-25);
  --ecs-btn-bg-hover: var(--ecs-grey-150);
  --ecs-btn-bg-focus: var(--ecs-grey-150);
  --ecs-btn-bg-disabled: var(--ecs-grey-100);
  --ecs-menu-btn-bg: var(--ecs-blue-25);
  --ecs-menu-btn-bg-hover: var(--ecs-blue-50);
  --ecs-alert-banner-bg: var(--ecs-grey-550);
  --ecs-banner-update-bg: var(--ecs-yellow-25);
  --ecs-banner-update-bg-secondary: var(--ecs-yellow-150);
  --ecs-dark-bg: var(--ecs-grey-800);
  --ecs-dark-bg-secondary: var(--ecs-grey-500);
  --ecs-dark-bg-tertiary: var(--ecs-grey-700);
  --ecs-dark-bg-quaternary: var(--ecs-black);
  --ecs-dark-bg-hover: var(--ecs-grey-700);
  --ecs-dark-bg-active: var(--ecs-grey-650);
  --ecs-scrollbar-bg: var(--ecs-grey-500);
  --ecs-overlay-bg-fade: rgba(255, 255, 255, 0.34);
  --ecs-overlay-bg: rgba(117, 120, 128, 0.6);
  --ecs-message-box-alert-bg: var(--ecs-yellow-25);
  --ecs-message-box-info-bg: var(--ecs-blue-25);
  --ecs-message-box-video-bg: var(--ecs-green-25);
  --ecs-promo-bg-primary: var(--ecs-yellow-250);
  --ecs-container-shadow: rgba(61, 66, 81, 0.44);
  --ecs-container-shadow-secondary: rgba(85, 85, 85, 0.1);
  --ecs-container-shadow-warning: rgba(250, 149, 37, 0.2);
  --ecs-container-shadow-active: rgba(52, 120, 246, 0.2);
  --ecs-container-shadow-hover: rgba(23, 23, 26, 0.1);
  --ecs-container-shadow-error: rgba(217, 22, 22, 0.2);
  --ecs-container-shadow-danger: rgba(217, 22, 22, 0.2);
  --ecs-icon-fill-primary: var(--ecs-grey-900);
  --ecs-icon-fill-secondary: var(--ecs-grey-650);
  --ecs-icon-fill-base: var(--ecs-black);
  --ecs-icon-fill-active: var(--ecs-blue-400);
  --ecs-icon-fill-active-secondary: #5A47DD;
  --ecs-logo-apple: #000000;
  --ecs-logo-windows: #0079d7;
  --ecs-logo-android: #78C257;
  --ecs-logo-linux: #FFCC33;
  --ecs-table-status-text-no-applicable: var(--ecs-grey-500);
  --ecs-table-status-text-acknowledged: #5A47DD;
  --ecs-table-status-text-in-progress: var(--ecs-orange-550);
  --ecs-table-status-text-success: var(--ecs-green-500);
  --ecs-table-status-text-suspended: var(--ecs-grey-500);
  --ecs-table-status-text-failed: var(--ecs-red-500);
  --ecs-table-status-text-ready: var(--ecs-grey-500);
  --ecs-base-clr-primary-surface: var(--ecs-white);
  --ecs-base-clr-surface-primary: var(--ecs-white);
  --ecs-base-clr-primary: var(--ecs-grey-900);
  --ecs-base-clr-primary-alt: var(--ecs-grey-900);
  --ecs-base-clr-secondary: var(--ecs-grey-650);
  --ecs-base-clr-tertiary: var(--ecs-grey-500);
  --ecs-base-clr-active: var(--ecs-hyperlink-light);
  --ecs-base-clr-active-surface: var(--ecs-blue-150);
  --ecs-base-clr-active-secondary: var(--ecs-green-350);
  --ecs-base-clr-warning: var(--ecs-orange-400);
  --ecs-base-clr-warning-surface: var(--ecs-red-100);
  --ecs-base-clr-selected: var(--ecs-hyperlink-light);
  --ecs-base-clr-disabled: var(--ecs-grey-500);
  --ecs-base-clr-success: var(--ecs-green-500);
  --ecs-base-clr-error: var(--ecs-red-500);
  --ecs-base-clr-danger: var(--ecs-red-500);
  --ecs-base-clr-alert: var(--ecs-orange-400);
  --ecs-base-clr-focus: var(--ecs-blue-600);
  --ecs-base-clr-info: var(--ecs-blue-500);
  --ecs-base-clr-header-surface: var(--ecs-orange-300);
  --ecs-breadcrumbs-link-text: var(--ecs-grey-500);
  --ecs-btn-border-clr: var(--ecs-grey-150);
  --ecs-btn-border-clr-hover: var(--ecs-grey-100);
  --ecs-btn-border-clr-focus: var(--ecs-blue-600);
  --ecs-anchor-clr: var(--ecs-hyperlink-light);
  --ecs-anchor-clr-disabled: var(--ecs-grey-500);
  --ecs-promo-clr-primary: var(--ecs-yellow-250);
  --ecs-promo-clr-secondary: var(--ecs-yellow-60);
  --ecs-input-radio-bg-disabled: var(--ecs-grey-100);
  --ecs-input-radio-border-clr-disabled: var(--ecs-grey-100);
  --ecs-input-radio-bg-disabled-checked: var(--ecs-grey-100);
  --ecs-input-radio-border-clr-disabled-checked: var(--ecs-grey-100);
  --ecs-bg-active: var(--ecs-white);
}
:root body[ems-theme=dark] {
  --ecs-container-border-clr-selected: var(--ecs-blue-600);
  --ecs-container-border-clr-selected-secondary: var(--ecs-blue-650);
  --ecs-container-border-clr-warning: var(--ecs-yellow-700);
  --ecs-container-border-clr-warning-secondary: var(--ecs-orange-800);
  --ecs-container-border-clr-success: var(--ecs-green-700);
  --ecs-container-border-clr-success-secondary: var(--ecs-green-850);
  --ecs-container-border-clr-active: var(--ecs-blue-600);
  --ecs-container-border-clr-active-secondary: var(--ecs-blue-800);
  --ecs-container-border-clr-error: var(--ecs-red-600);
  --ecs-container-border-clr-error-secondary: var(--ecs-red-800);
  --ecs-container-border-clr-danger: var(--ecs-red-600);
  --ecs-container-border-clr-danger-secondary: var(--ecs-red-800);
  --ecs-container-border-clr-alert: var(--ecs-orange-700);
  --ecs-container-border-clr-alert-secondary: var(--ecs-orange-800);
  --ecs-container-border-clr-focus: var(--ecs-blue-500);
  --ecs-container-border-clr-focus-secondary: var(--ecs-blue-500);
  --ecs-container-border-clr-info: var(--ecs-blue-400);
  --ecs-container-border-clr-info-secondary: var(--ecs-blue-800);
  --ecs-container-border-clr: var(--ecs-grey-800);
  --ecs-container-border-clr-secondary: var(--ecs-grey-50);
  --ecs-container-border-clr-disabled: var(--ecs-grey-800);
  --ecs-flow-line-clr: var(--ecs-grey-600);
  --ecs-border-white: var(--ecs-white);
  --ecs-cta-btn-border-clr: var(--ecs-blue-600);
  --ecs-cta-btn-border-clr-hover: var(--ecs-blue-650);
  --ecs-cta-btn-border-clr-focus: var(--ecs-blue-400);
  --ecs-input-border-clr: var(--ecs-grey-600);
  --ecs-input-radio-border-clr: var(--ecs-grey-600);
  --ecs-input-radio-border-clr-disabled: var(--ecs-grey-800);
  --ecs-input-radio-border-clr-disabled-checked: var(--ecs-blue-800);
  --ecs-message-box-alert-border-clr: var(--ecs-yellow-900);
  --ecs-message-box-info-border-clr: var(--ecs-blue-800);
  --ecs-message-box-video-border-clr: var(--ecs-green-800);
  --ecs-btn-border-clr: var(--ecs-grey-800);
  --ecs-btn-border-clr-hover: var(--ecs-grey-800);
  --ecs-btn-border-clr-focus: var(--ecs-blue-600);
  --ecs-menu-btn-bg: var(--ecs-blue-600);
  --ecs-menu-btn-bg-hover: var(--ecs-blue-550);
  --ecs-message-box-alert-bg: var(--ecs-yellow-1000);
  --ecs-message-box-info-bg: var(--ecs-blue-950);
  --ecs-message-box-video-bg: var(--ecs-green-1000);
  --ecs-container-bg-disabled: var(--ecs-grey-700);
  --ecs-container-bg-disabled-secondary: var(--ecs-grey-950);
  --ecs-container-bg-warning: var(--ecs-yellow-800);
  --ecs-container-bg-warning-secondary: var(--ecs-yellow-900);
  --ecs-container-bg-warning-tertiary: var(--ecs-yellow-950);
  --ecs-container-bg-success: var(--ecs-green-700);
  --ecs-container-bg-success-secondary: var(--ecs-green-900);
  --ecs-container-bg-active: var(--ecs-grey-750);
  --ecs-container-bg-active-secondary: var(--ecs-grey-800);
  --ecs-container-bg-active-tertiary: var(--ecs-blue-600);
  --ecs-container-bg-hover-secondary: var(--ecs-grey-900);
  --ecs-container-bg-hover: var(--ecs-blue-950);
  --ecs-container-bg-error: var(--ecs-red-700);
  --ecs-container-bg-error-secondary: var(--ecs-red-950);
  --ecs-container-bg-danger: var(--ecs-red-700);
  --ecs-container-bg-danger-secondary: var(--ecs-red-950);
  --ecs-container-bg-alert: var(--ecs-orange-800);
  --ecs-container-bg-alert-secondary: var(--ecs-yellow-950);
  --ecs-container-bg-alert-tertiary: var(--ecs-yellow-850);
  --ecs-container-bg-info: var(--ecs-blue-600);
  --ecs-container-bg-info-secondary: var(--ecs-blue-950);
  --ecs-container-bg-info-tertiary: var(--ecs-blue-950);
  --ecs-container-bg-primary: var(--ecs-grey-800);
  --ecs-container-bg-primary-alt: var(--ecs-grey-850);
  --ecs-container-bg-secondary: var(--ecs-grey-750);
  --ecs-container-bg-tertiary: var(--ecs-grey-700);
  --ecs-container-bg-quaternary: var(--ecs-grey-800);
  --ecs-container-bg-quinary: var(--ecs-grey-800);
  --ecs-container-bg-selected: var(--ecs-blue-900);
  --ecs-container-bg-primary-hued: var(--ecs-grey-950);
  --ecs-container-bg-secondary-hued: var(--ecs-grey-900);
  --ecs-container-bg-focus: var(--ecs-blue-950);
  --ecs-table-row-odd-bg: var(--ecs-grey-950);
  --ecs-cta-btn-bg: var(--ecs-blue-600);
  --ecs-cta-btn-bg-hover: var(--ecs-blue-550);
  --ecs-cta-btn-bg-focus: var(--ecs-blue-500);
  --ecs-cta-btn-bg-disabled: var(--ecs-blue-800);
  --ecs-table-status-bg-no-applicable: var(--ecs-grey-300);
  --ecs-table-status-bg-acknowledged: #5A47DD;
  --ecs-table-status-bg-in-progress: var(--ecs-yellow-800);
  --ecs-table-status-bg-success: var(--ecs-green-350);
  --ecs-table-status-bg-suspended: var(--ecs-grey-300);
  --ecs-table-status-bg-failed: var(--ecs-red-700);
  --ecs-table-status-bg-ready: var(--ecs-grey-300);
  --ecs-base-bg-primary: var(--ecs-grey-900);
  --ecs-bg-primary-alt: var(--ecs-grey-850);
  --ecs-btn-bg: var(--ecs-grey-700);
  --ecs-btn-bg-hover: var(--ecs-grey-750);
  --ecs-btn-bg-focus: var(--ecs-grey-750);
  --ecs-btn-bg-disabled: var(--ecs-grey-700);
  --ecs-btn-bg-surface: var(--ecs-grey-900);
  --ecs-alert-banner-bg: var(--ecs-grey-450);
  --ecs-banner-update-bg: var(--ecs-yellow-950);
  --ecs-banner-update-bg-secondary: var(--ecs-yellow-900);
  --ecs-dark-bg: var(--ecs-grey-800);
  --ecs-dark-bg-secondary: var(--ecs-grey-500);
  --ecs-dark-bg-tertiary: var(--ecs-grey-700);
  --ecs-dark-bg-quaternary: var(--ecs-white);
  --ecs-dark-bg-hover: var(--ecs-grey-700);
  --ecs-dark-bg-active: var(--ecs-grey-650);
  --ecs-scrollbar-bg: var(--ecs-grey-300);
  --ecs-overlay-bg-fade: rgba(255, 255, 255, 0.34);
  --ecs-overlay-bg: rgba(0, 0, 0, 0.7);
  --ecs-promo-bg-primary: var(--ecs-yellow-250);
  --ecs-bg-active: var(--ecs-container-bg-active);
  --ecs-container-shadow: rgba(61, 66, 81, 0.44);
  --ecs-container-shadow-secondary: rgba(85, 85, 85, 0.1);
  --ecs-container-shadow-warning: rgba(250, 149, 37, 0.2);
  --ecs-container-shadow-active: rgba(52, 120, 246, 0.2);
  --ecs-container-shadow-hover: rgba(23, 23, 26, 0.1);
  --ecs-container-shadow-error: rgba(217, 22, 22, 0.2);
  --ecs-container-shadow-danger: rgba(217, 22, 22, 0.2);
  --ecs-icon-fill-primary: var(--ecs-grey-50);
  --ecs-icon-fill-secondary: var(--ecs-grey-350);
  --ecs-icon-fill-base: var(--ecs-grey-100);
  --ecs-icon-fill-active: var(--ecs-blue-300);
  --ecs-icon-fill-active-secondary: #5A47DD;
  --ecs-table-status-text-no-applicable: var(--ecs-grey-300);
  --ecs-table-status-text-acknowledged: #5A47DD;
  --ecs-table-status-text-in-progress: var(--ecs-orange-350);
  --ecs-table-status-text-success: var(--ecs-green-300);
  --ecs-table-status-text-suspended: var(--ecs-grey-300);
  --ecs-table-status-text-failed: var(--ecs-red-300);
  --ecs-table-status-text-ready: var(--ecs-grey-300);
  --ecs-base-clr-primary-surface: var(--ecs-grey-100);
  --ecs-base-clr-surface-primary: var(--ecs-grey-100);
  --ecs-base-clr-primary: var(--ecs-grey-50);
  --ecs-base-clr-primary-alt: var(--ecs-grey-150);
  --ecs-base-clr-secondary: var(--ecs-grey-350);
  --ecs-base-clr-tertiary: var(--ecs-grey-300);
  --ecs-base-clr-active: var(--ecs-blue-300);
  --ecs-base-clr-active-surface: var(--ecs-blue-150);
  --ecs-base-clr-active-secondary: var(--ecs-green-500);
  --ecs-base-clr-warning: var(--ecs-orange-600);
  --ecs-base-clr-warning-surface: var(--ecs-orange-900);
  --ecs-base-clr-selected: var(--ecs-blue-400);
  --ecs-base-clr-disabled: var(--ecs-grey-400);
  --ecs-base-clr-success: var(--ecs-green-300);
  --ecs-base-clr-error: var(--ecs-red-400);
  --ecs-base-clr-danger: var(--ecs-red-400);
  --ecs-base-clr-alert: var(--ecs-orange-600);
  --ecs-base-clr-focus: var(--ecs-blue-400);
  --ecs-base-clr-info: var(--ecs-blue-400);
  --ecs-base-clr-header-surface: var(--ecs-orange-700);
  --ecs-breadcrumbs-link-text: var(--ecs-grey-300);
  --ecs-anchor-clr: var(--ecs-hyperlink-dark);
  --ecs-anchor-clr-disabled: var(--ecs-grey-550);
  --ecs-promo-clr-primary: var(--ecs-yellow-650);
  --ecs-promo-clr-secondary: var(--ecs-yellow-400);
  --ecs-input-radio-bg-disabled: var(--ecs-grey-700);
  --ecs-input-radio-bg-disabled-checked: var(--ecs-blue-800);
}
:root body[ems-accent=green] {
  --ecs-container-border-clr-selected-secondary: var(--ecs-green-450);
  --ecs-container-border-clr-selected: var(--ecs-green-300);
  --ecs-container-border-clr-active-secondary: var(--ecs-green-50);
  --ecs-container-border-clr-active: var(--ecs-green-300);
  --ecs-container-border-clr-focus-secondary: var(--ecs-green-600);
  --ecs-container-border-clr-focus: var(--ecs-green-600);
  --ecs-container-border-clr: var(--ecs-grey-100);
  --ecs-container-bg-active-secondary: var(--ecs-grey-150);
  --ecs-container-bg-active: var(--ecs-green-50);
  --ecs-container-bg-active-tertiary: var(--ecs-green-300);
  --ecs-container-bg-hover-secondary: var(--ecs-grey-100);
  --ecs-container-bg-hover: var(--ecs-green-25);
  --ecs-container-bg-selected: var(--ecs-grey-50);
  --ecs-container-bg-primary: var(--ecs-grey-25);
  --ecs-container-bg-secondary: var(--ecs-grey-50);
  --ecs-container-bg-tertiary: var(--ecs-grey-100);
  --ecs-container-bg-quaternary: var(--ecs-grey-100);
  --ecs-container-bg-quinary: var(--ecs-grey-150);
  --ecs-container-shadow-active: rgba(69, 189, 127, 0.2);
  --ecs-table-row-odd-bg: var(--ecs-grey-25);
  --ecs-icon-fill-active-secondary: var(--ecs-green-600);
  --ecs-icon-fill-active: var(--ecs-green-300);
  --ecs-cta-btn-border-clr-hover: var(--ecs-green-450);
  --ecs-cta-btn-border-clr-focus: var(--ecs-green-600);
  --ecs-cta-btn-border-clr: var(--ecs-green-300);
  --ecs-cta-btn-bg-disabled: rgba(69, 189, 127, 0.6);
  --ecs-cta-btn-bg-hover: var(--ecs-green-450);
  --ecs-cta-btn-bg-focus: var(--ecs-green-600);
  --ecs-cta-btn-bg: var(--ecs-green-300);
  --ecs-menu-btn-bg: var(--ecs-green-50);
  --ecs-menu-btn-bg-hover: var(--ecs-green-25);
  --ecs-base-clr-active-surface: var(--ecs-green-50);
  --ecs-base-clr-active: var(--ecs-green-500);
  --ecs-base-clr-surface-primary: var(--ecs-grey-100);
  --ecs-base-clr-selected: var(--ecs-green-350);
  --ecs-base-clr-focus: var(--ecs-green-600);
  --ecs-btn-border-clr-hover: var(--ecs-grey-100);
  --ecs-btn-border-clr-focus: var(--ecs-green-600);
  --ecs-btn-border-clr: var(--ecs-grey-150);
  --ecs-btn-bg-hover: var(--ecs-grey-100);
  --ecs-btn-bg-focus: var(--ecs-grey-100);
  --ecs-btn-bg: var(--ecs-grey-50);
  --ecs-anchor-clr: var(--ecs-green-500);
  --ecs-dark-bg-active: var(--ecs-green-300);
  --ecs-dark-bg-hover: var(--ecs-grey-700);
  --ecs-dark-bg: var(--ecs-grey-850);
  --ecs-input-border-clr: var(--ecs-grey-150);
  --ecs-input-radio-border-clr: var(--ecs-grey-150);
}
:root body[ems-accent=green][ems-theme=dark] {
  --ecs-container-border-clr-selected-secondary: var(--ecs-green-550);
  --ecs-container-border-clr-selected: var(--ecs-green-300);
  --ecs-container-border-clr-active-secondary: var(--ecs-green-900);
  --ecs-container-border-clr-active: var(--ecs-green-300);
  --ecs-container-border-clr-focus-secondary: var(--ecs-green-500);
  --ecs-container-border-clr-focus: var(--ecs-green-500);
  --ecs-container-border-clr: var(--ecs-grey-750);
  --ecs-container-bg-active-secondary: var(--ecs-grey-800);
  --ecs-container-bg-active: var(--ecs-green-800);
  --ecs-container-bg-active-tertiary: var(--ecs-green-300);
  --ecs-container-bg-hover-secondary: var(--ecs-grey-750);
  --ecs-container-bg-hover: var(--ecs-green-950);
  --ecs-container-bg-selected: var(--ecs-grey-950);
  --ecs-container-bg-primary: var(--ecs-grey-900);
  --ecs-container-bg-secondary: var(--ecs-grey-850);
  --ecs-container-bg-tertiary: var(--ecs-grey-850);
  --ecs-container-bg-quaternary: var(--ecs-grey-800);
  --ecs-container-bg-quinary: var(--ecs-grey-150);
  --ecs-container-shadow-active: rgba(69, 189, 127, 0.2);
  --ecs-table-row-odd-bg: var(--ecs-grey-900);
  --ecs-icon-fill-active: var(--ecs-green-300);
  --ecs-icon-fill-active-secondary: var(--ecs-green-500);
  --ecs-cta-btn-border-clr-hover: var(--ecs-green-550);
  --ecs-cta-btn-border-clr-focus: var(--ecs-green-500);
  --ecs-cta-btn-border-clr: var(--ecs-green-300);
  --ecs-cta-btn-bg-disabled: var(--ecs-blue-800);
  --ecs-cta-btn-bg-hover: var(--ecs-green-550);
  --ecs-cta-btn-bg-focus: var(--ecs-green-500);
  --ecs-cta-btn-bg: var(--ecs-green-300);
  --ecs-menu-btn-bg: var(--ecs-green-800);
  --ecs-menu-btn-bg-hover: var(--ecs-green-850);
  --ecs-base-clr-active-surface: var(--ecs-green-900);
  --ecs-base-clr-active: var(--ecs-green-150);
  --ecs-base-clr-surface-primary: var(--ecs-grey-100);
  --ecs-base-clr-selected: var(--ecs-green-700);
  --ecs-base-clr-focus: var(--ecs-green-500);
  --ecs-btn-border-clr-hover: var(--ecs-grey-800);
  --ecs-btn-border-clr-focus: var(--ecs-green-500);
  --ecs-btn-border-clr: var(--ecs-grey-800);
  --ecs-btn-bg-hover: var(--ecs-grey-800);
  --ecs-btn-bg-focus: var(--ecs-grey-800);
  --ecs-btn-bg: var(--ecs-grey-900);
  --ecs-anchor-clr: var(--ecs-green-150);
  --ecs-dark-bg-active: var(--ecs-green-300);
  --ecs-dark-bg-hover: var(--ecs-grey-700);
  --ecs-dark-bg: var(--ecs-grey-800);
  --ecs-input-border-clr: var(--ecs-grey-800);
  --ecs-input-radio-border-clr: var(--ecs-grey-800);
}

body,
#ember-testing-container .app-container {
  background-color: var(--ecs-base-bg-primary);
  color: var(--ecs-base-clr-primary);
}

.ucs-table-status-bg__ready {
  background-color: var(--ecs-table-status-bg-ready);
}

.ucs-table-status-text__ready {
  color: var(--ecs-table-status-text-ready);
}

.ucs-table-status-bg__in-progress {
  background-color: var(--ecs-table-status-bg-in-progress);
}

.ucs-table-status-text__in-progress {
  color: var(--ecs-table-status-text-in-progress);
}

.ucs-table-status-bg__failed {
  background-color: var(--ecs-table-status-bg-failed);
}

.ucs-table-status-text__failed {
  color: var(--ecs-table-status-text-failed);
}

.ucs-table-status-bg__success {
  background-color: var(--ecs-table-status-bg-success);
}

.ucs-table-status-text__success {
  color: var(--ecs-table-status-text-success);
}

.ucs-table-status-bg__no-applicable {
  background-color: var(--ecs-table-status-bg-no-applicable);
}

.ucs-table-status-text__no-applicable {
  color: var(--ecs-table-status-text-no-applicable);
}

.ucs-table-status-bg__suspended {
  background-color: var(--ecs-table-status-bg-suspended);
}

.ucs-table-status-text__suspended {
  color: var(--ecs-table-status-text-suspended);
}

.ucs-table-status-bg__acknowledged {
  background-color: var(--ecs-table-status-bg-acknowledged);
}

.ucs-table-status-text__acknowledged {
  color: var(--ecs-table-status-text-acknowledged);
}

.ucs-set-this-clr-as-fill {
  fill: currentColor;
}

.ucs-bg {
  background-color: var(--ecs-bg-primary-alt);
  color: var(--ecs-base-clr-primary);
}

body[ems-theme=dark] .ucs-css-filter__loader {
  filter: brightness(0) saturate(100%) invert(18%) sepia(6%) saturate(1529%) hue-rotate(185deg) brightness(101%) contrast(84%);
}

/*
* p-0
* m-0
* p-12
* m-16
*/
.p-0 {
  padding: 0;
}

.p-4 {
  padding: 4px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}

.p-28 {
  padding: 28px;
}

.p-32 {
  padding: 32px;
}

/*
* pl-4
* pr-12
* mx-8
* my-24
* pb-0
*/
.py-0 {
  padding-block: 0;
}

.py-4 {
  padding-block: 4px;
}

.py-8 {
  padding-block: 8px;
}

.py-12 {
  padding-block: 12px;
}

.py-16 {
  padding-block: 16px;
}

.py-20 {
  padding-block: 20px;
}

.py-24 {
  padding-block: 24px;
}

.py-28 {
  padding-block: 28px;
}

.py-32 {
  padding-block: 32px;
}

.pt-0 {
  padding-block-start: 0;
}

.pt-4 {
  padding-block-start: 4px;
}

.pt-8 {
  padding-block-start: 8px;
}

.pt-12 {
  padding-block-start: 12px;
}

.pt-16 {
  padding-block-start: 16px;
}

.pt-20 {
  padding-block-start: 20px;
}

.pt-24 {
  padding-block-start: 24px;
}

.pt-28 {
  padding-block-start: 28px;
}

.pt-32 {
  padding-block-start: 32px;
}

.pb-0 {
  padding-block-end: 0;
}

.pb-4 {
  padding-block-end: 4px;
}

.pb-8 {
  padding-block-end: 8px;
}

.pb-12 {
  padding-block-end: 12px;
}

.pb-16 {
  padding-block-end: 16px;
}

.pb-20 {
  padding-block-end: 20px;
}

.pb-24 {
  padding-block-end: 24px;
}

.pb-28 {
  padding-block-end: 28px;
}

.pb-32 {
  padding-block-end: 32px;
}

.px-0 {
  padding-inline: 0;
}

.px-4 {
  padding-inline: 4px;
}

.px-8 {
  padding-inline: 8px;
}

.px-12 {
  padding-inline: 12px;
}

.px-16 {
  padding-inline: 16px;
}

.px-20 {
  padding-inline: 20px;
}

.px-24 {
  padding-inline: 24px;
}

.px-28 {
  padding-inline: 28px;
}

.px-32 {
  padding-inline: 32px;
}

.pl-0 {
  padding-inline-start: 0;
}

.pl-4 {
  padding-inline-start: 4px;
}

.pl-8 {
  padding-inline-start: 8px;
}

.pl-12 {
  padding-inline-start: 12px;
}

.pl-16 {
  padding-inline-start: 16px;
}

.pl-20 {
  padding-inline-start: 20px;
}

.pl-24 {
  padding-inline-start: 24px;
}

.pl-28 {
  padding-inline-start: 28px;
}

.pl-32 {
  padding-inline-start: 32px;
}

.pr-0 {
  padding-inline-end: 0;
}

.pr-4 {
  padding-inline-end: 4px;
}

.pr-8 {
  padding-inline-end: 8px;
}

.pr-12 {
  padding-inline-end: 12px;
}

.pr-16 {
  padding-inline-end: 16px;
}

.pr-20 {
  padding-inline-end: 20px;
}

.pr-24 {
  padding-inline-end: 24px;
}

.pr-28 {
  padding-inline-end: 28px;
}

.pr-32 {
  padding-inline-end: 32px;
}

.row-gap-0 {
  row-gap: 0;
}

.column-gap-0 {
  column-gap: 0;
}

.row-gap-4 {
  row-gap: 4px;
}

.column-gap-4 {
  column-gap: 4px;
}

.row-gap-8 {
  row-gap: 8px;
}

.column-gap-8 {
  column-gap: 8px;
}

.row-gap-12 {
  row-gap: 12px;
}

.column-gap-12 {
  column-gap: 12px;
}

.row-gap-16 {
  row-gap: 16px;
}

.column-gap-16 {
  column-gap: 16px;
}

.row-gap-20 {
  row-gap: 20px;
}

.column-gap-20 {
  column-gap: 20px;
}

.row-gap-24 {
  row-gap: 24px;
}

.column-gap-24 {
  column-gap: 24px;
}

.row-gap-28 {
  row-gap: 28px;
}

.column-gap-28 {
  column-gap: 28px;
}

.row-gap-32 {
  row-gap: 32px;
}

.column-gap-32 {
  column-gap: 32px;
}

/*
* p-0
* m-0
* p-12
* m-16
*/
.m-0 {
  margin: 0;
}

.m-4 {
  margin: 4px;
}

.m-8 {
  margin: 8px;
}

.m-12 {
  margin: 12px;
}

.m-16 {
  margin: 16px;
}

.m-20 {
  margin: 20px;
}

.m-24 {
  margin: 24px;
}

.m-28 {
  margin: 28px;
}

.m-32 {
  margin: 32px;
}

/*
* pl-4
* pr-12
* mx-8
* my-24
* pb-0
*/
.my-0 {
  margin-block: 0;
}

.my-4 {
  margin-block: 4px;
}

.my-8 {
  margin-block: 8px;
}

.my-12 {
  margin-block: 12px;
}

.my-16 {
  margin-block: 16px;
}

.my-20 {
  margin-block: 20px;
}

.my-24 {
  margin-block: 24px;
}

.my-28 {
  margin-block: 28px;
}

.my-32 {
  margin-block: 32px;
}

.mt-0 {
  margin-block-start: 0;
}

.mt-4 {
  margin-block-start: 4px;
}

.mt-8 {
  margin-block-start: 8px;
}

.mt-12 {
  margin-block-start: 12px;
}

.mt-16 {
  margin-block-start: 16px;
}

.mt-20 {
  margin-block-start: 20px;
}

.mt-24 {
  margin-block-start: 24px;
}

.mt-28 {
  margin-block-start: 28px;
}

.mt-32 {
  margin-block-start: 32px;
}

.mb-0 {
  margin-block-end: 0;
}

.mb-4 {
  margin-block-end: 4px;
}

.mb-8 {
  margin-block-end: 8px;
}

.mb-12 {
  margin-block-end: 12px;
}

.mb-16 {
  margin-block-end: 16px;
}

.mb-20 {
  margin-block-end: 20px;
}

.mb-24 {
  margin-block-end: 24px;
}

.mb-28 {
  margin-block-end: 28px;
}

.mb-32 {
  margin-block-end: 32px;
}

.mx-0 {
  margin-inline: 0;
}

.mx-4 {
  margin-inline: 4px;
}

.mx-8 {
  margin-inline: 8px;
}

.mx-12 {
  margin-inline: 12px;
}

.mx-16 {
  margin-inline: 16px;
}

.mx-20 {
  margin-inline: 20px;
}

.mx-24 {
  margin-inline: 24px;
}

.mx-28 {
  margin-inline: 28px;
}

.mx-32 {
  margin-inline: 32px;
}

.ml-0 {
  margin-inline-start: 0;
}

.ml-4 {
  margin-inline-start: 4px;
}

.ml-8 {
  margin-inline-start: 8px;
}

.ml-12 {
  margin-inline-start: 12px;
}

.ml-16 {
  margin-inline-start: 16px;
}

.ml-20 {
  margin-inline-start: 20px;
}

.ml-24 {
  margin-inline-start: 24px;
}

.ml-28 {
  margin-inline-start: 28px;
}

.ml-32 {
  margin-inline-start: 32px;
}

.mr-0 {
  margin-inline-end: 0;
}

.mr-4 {
  margin-inline-end: 4px;
}

.mr-8 {
  margin-inline-end: 8px;
}

.mr-12 {
  margin-inline-end: 12px;
}

.mr-16 {
  margin-inline-end: 16px;
}

.mr-20 {
  margin-inline-end: 20px;
}

.mr-24 {
  margin-inline-end: 24px;
}

.mr-28 {
  margin-inline-end: 28px;
}

.mr-32 {
  margin-inline-end: 32px;
}

.row-gap-0 {
  row-gap: 0;
}

.column-gap-0 {
  column-gap: 0;
}

.row-gap-4 {
  row-gap: 4px;
}

.column-gap-4 {
  column-gap: 4px;
}

.row-gap-8 {
  row-gap: 8px;
}

.column-gap-8 {
  column-gap: 8px;
}

.row-gap-12 {
  row-gap: 12px;
}

.column-gap-12 {
  column-gap: 12px;
}

.row-gap-16 {
  row-gap: 16px;
}

.column-gap-16 {
  column-gap: 16px;
}

.row-gap-20 {
  row-gap: 20px;
}

.column-gap-20 {
  column-gap: 20px;
}

.row-gap-24 {
  row-gap: 24px;
}

.column-gap-24 {
  column-gap: 24px;
}

.row-gap-28 {
  row-gap: 28px;
}

.column-gap-28 {
  column-gap: 28px;
}

.row-gap-32 {
  row-gap: 32px;
}

.column-gap-32 {
  column-gap: 32px;
}

.ucs-min-w-0 {
  min-width: 0;
}

.ucs-max-w-0 {
  max-width: 0;
}

.ucs-min-w-100 {
  min-width: 100%;
}

.ucs-max-w-100 {
  max-width: 100%;
}

.ucs-left-0 {
  left: 0;
}

.ucs-left-50 {
  left: 50%;
}

.ucs-left-100 {
  left: 100%;
}

.ucs-right-0 {
  right: 0;
}

.ucs-right-50 {
  right: 50%;
}

.ucs-right-100 {
  right: 100%;
}

.ucs-top-0 {
  top: 0;
}

.ucs-top-50 {
  top: 50%;
}

.ucs-top-100 {
  top: 100%;
}

.ucs-bottom-0 {
  bottom: 0;
}

.ucs-bottom-50 {
  bottom: 50%;
}

.ucs-bottom-100 {
  bottom: 100%;
}

.ucs-overlap-1 {
  z-index: 1;
}

.ucs-overlap-2 {
  z-index: 2;
}

.ucs-overlap-10 {
  z-index: 10;
}

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

/* UCS word-break */
.ucs-break-all {
  word-break: break-all;
}

.ucs-break-word {
  word-break: break-word;
}

.ucs-keep-all {
  word-break: keep-all;
}

.ucs-text-decoration-underline {
  text-decoration: underline;
}

.ucs-text-decoration-overline {
  text-decoration: overline;
}

.ucs-text-decoration-line-through {
  text-decoration: line-through;
}

.utc-container {
  display: grid;
  grid-template-columns: 28px 1fr;
  height: 58px;
  border-radius: var(--utc-container-border-radius);
  border: 1px solid var(--ecs-container-border-clr);
  --utc-left-bg: var(--ecs-grey-50);
  --utc-body-bg: var(--ecs-white);
  --utc-stroke-first-bg: var(--ecs-grey-350);
  --utc-stroke-bg: var(--ecs-grey-200);
}

.utc--options {
  gap: 18px;
}

.utc-container-selectable {
  --utc-container-border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr;
  width: 92px;
  border-radius: var(--utc-container-border-radius);
  border: 1px solid transparent;
  padding: 3px 3px 0 3px;
  /*------ System theme styles ------ */
}
.utc-container-selectable .utc-container:nth-child(2) {
  display: none;
}
.utc-container-selectable[data-theme=dark] .utc-container, .utc-container-selectable[data-theme=system] .utc-container:nth-child(2) {
  --utc-left-bg: var(--ecs-grey-950);
  --utc-body-bg: var(--ecs-grey-850);
  --utc-stroke-first-bg: var(--ecs-grey-400);
  --utc-stroke-bg: var(--ecs-grey-550);
}
.utc-container-selectable[data-theme=system] .utc-container:nth-child(2) {
  margin-left: -2px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.utc-container-selectable[data-theme=system] .utc-container:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.utc-container-selectable[data-selected] {
  background-color: var(--ecs-container-bg-selected);
  border-color: var(--ecs-container-border-clr-selected);
}
.utc-container-selectable[data-theme=system] {
  grid-template-columns: 1fr 1fr;
}
.utc-container-selectable[data-theme=system] .utc--label {
  grid-column: 1/3;
}
.utc-container-selectable[data-theme=system] .utc-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.utc-container-selectable[data-theme=system] .utc-container:first-child .utc-container__right, .utc-container-selectable[data-theme=system] .utc-container:not(:first-child) .utc-container__left {
  border-radius: 0;
}

.utc-container__left {
  background-color: var(--utc-left-bg);
  row-gap: 6px;
  padding: 25% 8% 25% 10%;
  border-top-left-radius: var(--utc-container-border-radius);
  border-bottom-left-radius: var(--utc-container-border-radius);
}
.utc-container__left span {
  color: transparent;
  width: 90%;
  height: 2px;
  background: var(--utc-stroke-bg);
}
.utc-container__left span:first-child {
  width: 50%;
  background: var(--utc-stroke-first-bg);
}

.utc-container__right {
  background-color: var(--utc-body-bg);
  border: 1px solid var(--utc-left-bg);
  border-top-right-radius: var(--utc-container-border-radius);
  border-bottom-right-radius: var(--utc-container-border-radius);
  border-left: none;
}

.utc--label {
  font-size: 12px !important;
  font-weight: 500;
  margin: 10px 0;
}

.ems-transitioning, .ems-transitioning * {
  transition-duration: 0ms !important;
}

.js-disabled-text {
  top: 42%;
  left: 35%;
}