@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-family: "Lato", "Roboto";
}

: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]), .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;
}

.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 {
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border: 1px solid var(--ecs-input-border-clr);
}
.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 {
  border: 1px solid var(--ecs-container-border-clr);
}

.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-input-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-base-bg-primary) url(../../../../images/common/form/caret-selectbox.png) center right 10px/12px no-repeat;
}

.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] ~ .checkmark {
  background-color: var(--ecs-container-bg-disabled);
  border-color: var(--ecs-container-border-clr-disabled);
  cursor: default;
}

.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-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-secondary) !important;
  cursor: default !important;
  border-color: var(--ecs-container-border-clr-disabled) !important;
  color: var(--ecs-base-clr-disabled) !important;
}
.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-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-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-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;
}

.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-input-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, .app-container, .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, .app-container, .customised-scrollbar, .content-scrollable {
    scrollbar-width: thin;
  }
}
.zmenu__body.h-scroll_y::-webkit-scrollbar, .zmenu--selectmenu::-webkit-scrollbar, .left-pane-navigation-wrapper::-webkit-scrollbar, .app-container::-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, .app-container::-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, .app-container::-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;
  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 {
  border: 1px solid var(--ecs-btn-border-clr) !important;
  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) url(../../../../images/common/drop-down-icon.gif) no-repeat 91% center;
  background-size: 8px 8px !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: 1px solid transparent;
  color: var(--ecs-base-clr-primary-surface) !important;
}
.btn__action-primary:hover {
  background-color: var(--ecs-cta-btn-bg-hover) !important;
  border: 1px solid transparent;
}

.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: 1px solid transparent;
  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;
  border: 1px solid transparent;
}

.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 22px 3px 5px !important;
}

.menu-add-dropdown {
  background: url(../../../../images/common/add-icon.gif) 4% no-repeat, url(../../../../images/common/drop-down-icon.gif) 90% no-repeat;
  background-color: var(--ecs-container-bg-tertiary);
  background-size: 14px 14px, 8px 8px !important;
  padding: 3px 20px !important;
}

.mark-dropdown-btn {
  background: url(../../../../images/common/successful.png) 8% no-repeat, url(../../../../images/common/drop-down-icon.gif) 94% no-repeat, var(--ecs-btn-bg) !important;
  background-size: 11px 11px, 8px 8px !important;
  padding: 3px 20px !important;
}

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

.CTA--icon__left, .menu-action-button-dropdown {
  padding-right: 20px !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: 1px solid var(--ecs-btn-border-clr);
}
.zbutton.has-focus:hover {
  box-shadow: none;
  border: 1px solid var(--ecs-btn-border-clr);
}

.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: url(../../../../images/common/add-icon.gif);
}
.add-button span {
  color: var(--ecs-base-clr-primary);
}

.delete-button {
  background-image: url(../../../../images/inventory/delete.png);
}

a[disabled].button-icon--left {
  cursor: not-allowed;
  box-shadow: none !important;
  border: 1px solid var(--ecs-btn-border-clr) !important;
}

.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: url(../../../../images/common/drop-down-icon.gif) 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-input-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: white;
}

.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;
}

.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: black !important;
}

.color__white {
  color: white !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: url(../../../../images/common/drop-down-icon.gif) 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%;
  }
}

.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: url("../../../../images/common/actionitems_expand.gif");
}
.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-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: url(../../../../images/common/form/cancel.png) 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) url(../../../../images/common/form/process.png) 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) url(../../../../images/common/add-icon.gif) no-repeat center center;
  background-size: 100%;
}

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

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

.dynamic_variable {
  background: var(--ecs-base-bg-primary) url(../../../../images/common/form/dyn_var.png) 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) url(../../../../images/common/modify.png) 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) url(../../../../images/common/edit_icon.gif) no-repeat center center/100%;
}

.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 url(../../../../images/common/cancel.png) 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]:checked[disabled] ~ .checkmark {
  border-color: var(--ecs-container-bg-disabled);
  background-color: var(--ecs-container-bg-disabled);
}
.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;
}

.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 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMzMzMzMzt9Cgkuc3Qxe2ZpbGw6IzAwQkQwMDt9Cgkuc3Qye2ZpbGw6I0ZGMTcyQzt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MCwxNWMtMTkuMywwLTM1LDE1LjctMzUsMzVzMTUuNywzNSwzNSwzNXMzNS0xNS43LDM1LTM1UzY5LjMsMTUsNTAsMTV6IE03MC41LDQxLjZsLTI1LDIzLjgKCWMtMC43LDAuNi0xLjUsMS0yLjQsMWMtMC45LDAtMS44LTAuMy0yLjQtMWwtMTEuMi0xMWMtMS40LTEuNC0xLjQtMy42LTAuMS00LjljMS40LTEuNCwzLjYtMS40LDUtMC4xbDguOCw4LjZsMjIuNS0yMS41CgljMS40LTEuMywzLjYtMS4zLDQuOSwwLjFDNzIsMzguMSw3MS45LDQwLjMsNzAuNSw0MS42eiIvPgo8L3N2Zz4K") left center/18px no-repeat;
}

.list-error {
  list-style-type: none;
  color: var(--ecs-base-clr-error) !important;
  padding-left: 20px;
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMzMzMzMzt9Cgkuc3Qxe2ZpbGw6IzAwQkQwMDt9Cgkuc3Qye2ZpbGw6I0ZGMTcyQzt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01MCwxNWMtMTkuMywwLTM1LDE1LjctMzUsMzVzMTUuNywzNSwzNSwzNXMzNS0xNS43LDM1LTM1UzY5LjMsMTUsNTAsMTV6IE02Ni40LDYxLjRjMS40LDEuNCwxLjQsMy42LDAsNC45CgljLTAuNywwLjctMS42LDEtMi41LDFzLTEuOC0wLjMtMi41LTFMNTAsNTQuOUwzOC41LDY2LjRjLTAuNywwLjctMS42LDEtMi41LDFzLTEuOC0wLjMtMi41LTFjLTEuNC0xLjQtMS40LTMuNiwwLTQuOUw0NS4xLDUwCglMMzMuNiwzOC41Yy0xLjQtMS40LTEuNC0zLjYsMC01YzEuNC0xLjQsMy42LTEuNCw0LjksMEw1MCw0NWwxMS41LTExLjVjMS40LTEuNCwzLjYtMS40LDQuOSwwYzEuNCwxLjQsMS40LDMuNiwwLDVMNTQuOSw1MAoJTDY2LjQsNjEuNHoiLz4KPC9zdmc+Cg==") left center/18px no-repeat;
}

.list-default {
  list-style-type: none;
  color: var(--ecs-base-clr-primary) !important;
  padding-left: 20px;
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGNpcmNsZSBzdHlsZT0iZmlsbDojRTJFMkUyOyIgY3g9IjQ5LjgzIiBjeT0iNTAiIHI9IjQ5Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojOEE4QThBOyIgZD0iTTU0LjQ1LDUwbDE5LjEzLTE5LjEzYzEuMjctMS4yNywxLjI3LTMuMzUsMC00LjYyYy0xLjI4LTEuMjgtMy4zNS0xLjI4LTQuNjMsMEw0OS44Myw0NS4zOAoJCUwzMC43LDI2LjI1Yy0xLjI3LTEuMjgtMy4zNS0xLjI4LTQuNjIsMGMtMS4yNywxLjI3LTEuMjcsMy4zNSwwLDQuNjJMNDUuMjEsNTBMMjYuMDksNjkuMTJjLTEuMjcsMS4yOC0xLjI3LDMuMzUsMCw0LjYzCgkJYzEuMjMsMS4yMywzLjM5LDEuMjIsNC42MiwwbDE5LjEzLTE5LjEzbDE5LjEyLDE5LjEzYzAuNjIsMC42MSwxLjQ0LDAuOTYsMi4zMSwwLjk2czEuNjktMC4zNCwyLjMxLTAuOTYKCQljMS4yNy0xLjI4LDEuMjctMy4zNSwwLTQuNjNMNTQuNDUsNTB6Ii8+CjwvZz4KPC9zdmc+Cg==") 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-input-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);
}

.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;
  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;
}

.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]) {
  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);
}

.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-container-bg-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% - 16px);
  height: 16px;
  width: 16px;
  opacity: 0;
  transition: 0.1s ease-in opacity;
}
.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;
  border: 1px solid var(--ecs-input-border-clr);
  border-radius: 3px;
  transition: all 250ms ease-in;
}
.dc-combo .zcombobox:hover .zselectbox__icon {
  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;
}

.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;
}

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

[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: "";
}

.scroll-shadow__horizontal, [data-scroll-shadow=horizontal] {
  width: 100%;
  overflow-x: auto;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 90%, white) , linear-gradient(to left, rgba(255, 255, 255, 0.1) 90%, white) , linear-gradient(to right, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.1) 100%) , linear-gradient(to left, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.1) 100%);
  background-size: 100%, 100%, 100%, 100%;
  background-attachment: local, local, scroll, scroll;
}

.scroll-shadow__vertical, [data-scroll-shadow=vertical] {
  width: 100%;
  overflow-x: auto;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 90%, white) , linear-gradient(to top, rgba(255, 255, 255, 0.1) 90%, white) , linear-gradient(to bottom, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.1) 100%) , linear-gradient(to top, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.1) 100%);
  background-size: 100%, 100%, 100%, 100%;
  background-attachment: local, local, scroll, scroll;
}

[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 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiUyMzMzM308L3N0eWxlPjxwYXRoIGQ9Ik04MS4yLDczTDY2LjQsNTguMWMyLjUtNCwzLjktOC43LDMuOS0xMy43YzAtMTQuNC0xMS43LTI2LjEtMjYuMS0yNi4xQzI5LjcsMTguMywxOCwzMCwxOCw0NC40CWMwLDE0LjQsMTEuNywyNi4xLDI2LjEsMjYuMWM1LjMsMCwxMC4xLTEuNiwxNC4yLTQuMmwxNC44LDE0LjhjMSwxLDIuNywxLDMuNywwbDQuNC00LjRDODIuMyw3NS42LDgyLjMsNzQsODEuMiw3M3ogTTQ0LjIsNjEuOQljLTkuNywwLTE3LjUtNy44LTE3LjUtMTcuNWMwLTkuNyw3LjgtMTcuNSwxNy41LTE3LjVjOS43LDAsMTcuNSw3LjgsMTcuNSwxNy41QzYxLjcsNTQuMSw1My44LDYxLjksNDQuMiw2MS45eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==") 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-cancel-icon-bg, .ucs-cancel-icon-bg::before {
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik03NSw2OGMyLDIsMiw1LjEsMCw3LjFjLTEsMS0yLjMsMS41LTMuNSwxLjVTNjguOSw3Niw2OCw3NWwtMTgtMThMMzIsNzVjLTEsMS0yLjMsMS41LTMuNSwxLjVTMjUuOSw3NiwyNSw3NQoJYy0yLTItMi01LjEsMC03LjFsMTgtMThMMjUsMzJjLTItMi0yLTUuMSwwLTcuMWMyLTIsNS4xLTIsNy4xLDBsMTgsMThsMTgtMThjMi0yLDUuMS0yLDcuMSwwYzIsMiwyLDUuMSwwLDcuMWwtMTgsMThMNzUsNjh6Ii8+Cjwvc3ZnPgo=") center center/15px no-repeat;
  opacity: 0.7;
}
.ucs-cancel-icon-bg.ucs-cancel-icon-bg-container {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
}

.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-dark-bg) 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-base-bg-primary);
}
.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-container-border-clr-selected-secondary: #1461cc;
  --ecs-container-border-clr-selected: #3478F6;
  --ecs-container-border-clr-warning-secondary: #facf96;
  --ecs-container-border-clr-warning: #fa9525;
  --ecs-container-border-clr-success-secondary: #DEF5E4;
  --ecs-container-border-clr-success: #21a658;
  --ecs-container-border-clr-active-secondary: #96c0fa;
  --ecs-container-border-clr-active: #3478F6;
  --ecs-container-border-clr-error-secondary: #F9BEBE;
  --ecs-container-border-clr-error: #d91616;
  --ecs-container-border-clr-danger-secondary: #F9BEBE;
  --ecs-container-border-clr-danger: #d91616;
  --ecs-container-border-clr-alert-secondary: #facf96;
  --ecs-container-border-clr-alert: #fa9525;
  --ecs-container-border-clr-focus-secondary: #0050bf;
  --ecs-container-border-clr-focus: #0050bf;
  --ecs-container-border-clr-info-secondary: #96c0fa;
  --ecs-container-border-clr-info: #1866DB;
  --ecs-container-border-clr-disabled: rgba(206, 209, 219, 0.6);
  --ecs-container-border-clr-secondary: #17171a;
  --ecs-container-border-clr: #E1E3E8;
  --ecs-container-bg-disabled-secondary: rgba(235, 236, 237, 0.6);
  --ecs-container-bg-disabled: rgba(206, 209, 219, 0.6);
  --ecs-container-bg-warning-tertiary: #f8efe2;
  --ecs-container-bg-warning-secondary: #fae6c8;
  --ecs-container-bg-warning: #fa9525;
  --ecs-container-bg-success-secondary: #F5FFF8;
  --ecs-container-bg-success: #21a658;
  --ecs-container-bg-active-secondary: #DCDDE3;
  --ecs-container-bg-active: #DAE5F2;
  --ecs-container-bg-active-tertiary: #3478F6;
  --ecs-container-bg-hover-secondary: #E8EAED;
  --ecs-container-bg-hover: #F0F5FA;
  --ecs-container-bg-error-secondary: #FEF1F1;
  --ecs-container-bg-error: #d91616;
  --ecs-container-bg-danger-secondary: #FEF1F1;
  --ecs-container-bg-danger: #d91616;
  --ecs-container-bg-alert-tertiary: #edd100;
  --ecs-container-bg-alert-secondary: #fff2d8;
  --ecs-container-bg-alert: #fa9525;
  --ecs-container-bg-info-tertiary: #e9f0fd;
  --ecs-container-bg-info-secondary: #e6f2ff;
  --ecs-container-bg-info: #3478F6;
  --ecs-container-bg-primary-hued: #F7F9FC;
  --ecs-container-bg-primary: #F2F4F7;
  --ecs-container-bg-secondary-hued: #f5f7f8;
  --ecs-container-bg-secondary: #EBEEF2;
  --ecs-container-bg-quaternary: #E1E3E8;
  --ecs-container-bg-tertiary: #E8EAED;
  --ecs-container-bg-selected: #DAE5F2;
  --ecs-container-bg-quinary: #DCDDE3;
  --ecs-container-bg-focus: #e6f2ff;
  --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.0980392157);
  --ecs-container-shadow-error: rgba(217, 22, 22, 0.2);
  --ecs-container-shadow-danger: rgba(217, 22, 22, 0.2);
  --ecs-container-shadow-secondary: rgba(85, 85, 85, 0.1019607843);
  --ecs-container-shadow: rgba(61, 66, 81, 0.4392156863);
  --ecs-table-status-text-no-applicable: #757880;
  --ecs-table-status-text-acknowledged: #5555cc;
  --ecs-table-status-text-in-progress: #c47103;
  --ecs-table-status-text-success: #008537;
  --ecs-table-status-text-suspended: #757880;
  --ecs-table-status-text-failed: #E80000;
  --ecs-table-status-text-ready: #7b7b7b;
  --ecs-table-status-bg-no-applicable: #757880;
  --ecs-table-status-bg-acknowledged: #5555cc;
  --ecs-table-status-bg-in-progress: #fa9525;
  --ecs-table-status-bg-success: #21a658;
  --ecs-table-status-bg-suspended: #757880;
  --ecs-table-status-bg-failed: #d91616;
  --ecs-table-status-bg-ready: #7b7b7b;
  --ecs-table-row-odd-bg: #F7F9FC;
  --ecs-icon-fill-primary: #17171a;
  --ecs-icon-fill-secondary: #595a61;
  --ecs-icon-fill-base: #000000;
  --ecs-icon-fill-active-secondary: #5555cc;
  --ecs-icon-fill-active: #3478F6;
  --ecs-cta-btn-border-clr-hover: #1461cc;
  --ecs-cta-btn-border-clr-focus: #0050bf;
  --ecs-cta-btn-border-clr: #3478F6;
  --ecs-cta-btn-bg-disabled: rgba(52, 120, 246, 0.6);
  --ecs-cta-btn-bg-hover: #1461cc;
  --ecs-cta-btn-bg-focus: #0050bf;
  --ecs-cta-btn-bg: #3478F6;
  --ecs-base-clr-primary-surface: #ffffff;
  --ecs-base-clr-primary: #17171a;
  --ecs-base-clr-active-surface: #96c0fa;
  --ecs-base-clr-active: #1866DB;
  --ecs-base-clr-active-secondary: #21A658;
  --ecs-base-clr-warning-surface: #facf96;
  --ecs-base-clr-warning: #e27e0e;
  --ecs-base-clr-surface-primary: #e1e3e8;
  --ecs-base-clr-secondary: #595a61;
  --ecs-base-clr-tertiary: #757880;
  --ecs-base-clr-selected: #1866DB;
  --ecs-base-clr-disabled: rgba(23, 23, 26, 0.6);
  --ecs-base-clr-success: #008537;
  --ecs-base-clr-error: #E60000;
  --ecs-base-clr-danger: #E60000;
  --ecs-base-clr-alert: #e27e0e;
  --ecs-base-clr-focus: #0050bf;
  --ecs-base-clr-info: #3478F6;
  --ecs-base-clr-header-surface: #FA9525;
  --ecs-base-bg-primary: #ffffff;
  --ecs-breadcrumbs-link-text: #757880;
  --ecs-btn-border-clr-hover: #E1E3E8;
  --ecs-btn-border-clr-focus: #0050bf;
  --ecs-btn-border-clr: #DCDDE3;
  --ecs-btn-bg-disabled: rgba(227, 228, 230, 0.6);
  --ecs-btn-bg-surface: #F2F6FA;
  --ecs-btn-bg-hover: #E1E3E8;
  --ecs-btn-bg-focus: #E1E3E8;
  --ecs-btn-bg: #E8EAED;
  --ecs-anchor-clr-disabled: #757880;
  --ecs-anchor-clr: #1866DB;
  --ecs-promo-bg-primary: #f7da48;
  --ecs-promo-clr-primary: #f7da48;
  --ecs-promo-clr-secondary: #CCB000;
  --ecs-alert-banner-bg: #727272;
  --ecs-banner-update-bg: #fefdba;
  --ecs-banner-update-bg-secondary: #fae6c8;
  --ecs-dark-bg-active: #46586E;
  --ecs-dark-bg-hover: #3B4960;
  --ecs-dark-bg-secondary: #757880;
  --ecs-dark-bg-tertiary: #484848;
  --ecs-dark-bg-quaternary: #000000;
  --ecs-dark-bg: #2c3644;
  --ecs-scrollbar-bg: #757880;
  --ecs-overlay-bg-fade: rgba(255, 255, 255, 0.3411764706);
  --ecs-overlay-bg: rgba(117, 120, 128, 0.6);
  --ecs-input-border-clr: #DCDDE3;
  --ecs-input-radio-border-clr: #D5D7DE;
  --ecs-message-box-alert-bg: #FEF9F1;
  --ecs-message-box-alert-border-clr: #F9DFBE;
  --ecs-message-box-info-bg: #F0F8FF;
  --ecs-message-box-info-border-clr: #CFE0FA;
  --ecs-message-box-video-bg: #F5FFF8;
  --ecs-message-box-video-border-clr: #DEF5E4;
  --ucs-private-base-bg-rgb: 255, 255, 255;
  --ucs-private-dark-bg-rgb: 0, 0, 0;
}
:root body[ems-theme=green] {
  --ecs-container-border-clr-selected-secondary: #10894B;
  --ecs-container-border-clr-selected: #45BD7F;
  --ecs-container-border-clr-active-secondary: #CBF2D9;
  --ecs-container-border-clr-active: #45BD7F;
  --ecs-container-border-clr-focus-secondary: #007639;
  --ecs-container-border-clr-focus: #007639;
  --ecs-container-border-clr: #E3E4E6;
  --ecs-container-bg-active-secondary: #DEDEE0;
  --ecs-container-bg-active: #D7F7DD;
  --ecs-container-bg-active-tertiary: #45BD7F;
  --ecs-container-bg-hover-secondary: #EBECED;
  --ecs-container-bg-hover: #F0FAF2;
  --ecs-container-bg-quaternary: #E3E4E6;
  --ecs-container-bg-secondary: #EDEFF0;
  --ecs-container-bg-tertiary: #EBECED;
  --ecs-container-bg-selected: #EBF2E9;
  --ecs-container-bg-primary: #F2F3F5;
  --ecs-container-bg-quinary: #DEDEE0;
  --ecs-container-shadow-active: rgba(69, 189, 127, 0.2);
  --ecs-table-row-odd-bg: #FAFBFC;
  --ecs-icon-fill-active-secondary: #007639;
  --ecs-icon-fill-active: #45BD7F;
  --ecs-cta-btn-border-clr-hover: #10894B;
  --ecs-cta-btn-border-clr-focus: #007639;
  --ecs-cta-btn-border-clr: #45BD7F;
  --ecs-cta-btn-bg-disabled: rgba(69, 189, 127, 0.6);
  --ecs-cta-btn-bg-hover: #10894B;
  --ecs-cta-btn-bg-focus: #007639;
  --ecs-cta-btn-bg: #45BD7F;
  --ecs-base-clr-active-surface: #CBF2D9;
  --ecs-base-clr-active: #2D9F64;
  --ecs-base-clr-surface-primary: #E3E4E6;
  --ecs-base-clr-selected: #2D9F64;
  --ecs-base-clr-focus: #007639;
  --ecs-btn-border-clr-hover: #E3E4E6;
  --ecs-btn-border-clr-focus: #007639;
  --ecs-btn-border-clr: #DEDEE0;
  --ecs-btn-bg-hover: #E3E4E6;
  --ecs-btn-bg-focus: #E3E4E6;
  --ecs-btn-bg: #EBECED;
  --ecs-anchor-clr: #2D9F64;
  --ecs-dark-bg-active: #45BD7F;
  --ecs-dark-bg-hover: #4c4c4c;
  --ecs-dark-bg: #252525;
  --ecs-input-border-clr: #DEDEE0;
  --ecs-input-radio-border-clr: #D9DADB;
}

.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;
}

/*
* 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-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;
}