:root {
    --intsos-text-alert-color: #aa0023;
    --vf-green: #33d535;
    --vf-red: #d4002c;
    --vf-primary-color: #0168ff;
    --vf-body-bg-color: #fff;
    --vf-body-text-color: #051529;
    --vf-form-control-hover-border-color: #2f4696;
    --vf-form-control-focus-border-color: #2f4696;
    --vf-form-control-error-border-color: var(--vf-red);
    --vf-form-control-border-color: var(--input-input-border-color, #757575);
    --vf-form-control-bg-color: var(--input-input-bg, #fff);
    --vf-form-control-text-color: #212529;
    --vf-form-control-disabled-bg-color: #adadad;
    --vf-form-control-disabled-border-color: #adadad;
    --vf-form-control-disabled-text-color: #212529;
    --vf-form-control-placeholder-color: grey;
    --vf-btn-success-bg: var(--vf-green);
    --vf-btn-success-text: #fff;
    --vf-btn-danger-bg: var(--vf-red);
    --vf-btn-danger-text: #fff;
    --vf-gutter-x: 1.5rem;
    --vf-gutter-y: 0;
    --vf-form-control-padding-x: 12px;
    --vf-form-control-padding-y: 11px;
    --vf-form-control-border-radius: 4px;
    --vf-form-control-border-size: 1px;
    --vf-form-control-icon-size-w: 16px;
    --vf-form-control-icon-size-h: 16px;
    --focus-ring-color: #6988C0;
}
body {
    background-color: var(--vf-body-bg-color);
    color: var(--vf-body-text-color);
}
form > .parent-flex {
    align-items: flex-start !important;
}
bw-workflow-run .vf-form-control {
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    padding: var(--vf-form-control-padding-y) var(--vf-form-control-padding-x);
    border: var(--vf-form-control-border-size) solid var(--vf-form-control-border-color);
    border-radius: var(--vf-form-control-border-radius);
    color: var(--typography-text-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    background-color: var(--vf-form-control-bg-color);
    min-height: calc(1em + calc(var(--vf-form-control-padding-y) * 2));
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    transition: all ease-out 0.3s;
}
bw-workflow-run .vf-form-control.has-button-right {
    flex: 1 1;
}
bw-workflow-run .vf-form-control.has-icon-left, bw-workflow-run .vf-form-control.has-btn-left {
    padding-left: calc((var(--vf-form-control-padding-x) + var(--vf-form-control-icon-size-w)) + 8px);
    z-index: 10;
}
bw-workflow-run .vf-form-control.has-icon-right, bw-workflow-run .vf-form-control.has-btn-right {
    padding-right: calc((var(--vf-form-control-padding-x) + var(--vf-form-control-icon-size-w)) + 8px);
    z-index: 10;
}
bw-workflow-run .vf-form-control.checkbox-container, bw-workflow-run .vf-form-control.btn-container {
    background: transparent;
    border: 0;
    text-align: center;
}
bw-workflow-run .vf-form-control::placeholder, bw-workflow-run .vf-form-control::-webkit-input-placeholder {
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 400;
    color: var(--vf-form-control-placeholder-color);
}
bw-workflow-run .vf-form-control:hover {
    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
    transition: none;
}
bw-workflow-run .vf-form-control:focus-visible {
    border-color: var(--vf-form-control-focus-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-focus-border-color);
    outline-style: solid;
    transition: none;
}
bw-workflow-run .vf-form-control:focus-visible:hover {
    background-color: var(--vf-form-control-bg-color);
}
bw-workflow-run .vf-form-control.readonly, bw-workflow-run .vf-form-control:disabled {
    background-color: var(--vf-form-control-disabled-bg-color);
    border-color: var(--vf-form-control-disabled-border-color);
    color: var(--vf-form-control-disabled-text-color);
    font-weight: 500;
}
bw-workflow-run .vf-form-control.readonly:hover, bw-workflow-run .vf-form-control:disabled:hover {
    border-color: var(--vf-form-control-disabled-border-color);
    outline: none;
    background-color: var(--vf-form-control-disabled-bg-color);
}
bw-workflow-run .vf-form-control.has-icon-left, bw-workflow-run .vf-form-control.has-btn-left {
    padding-left: var(--vf-form-control-padding-x) !important;
}
bw-workflow-run .vf-form-control.input-icon-path {
    background-position: 16px !important;
    background-size: 24px !important;
    padding-left: 48px !important;
}
bw-workflow-run .vf-form-control-icon.left-icon {
    display: none !important;
}
bw-workflow-run span.vf-form-control-btn {
    padding: 0 !important;
}
bw-workflow-run .vf-form-control-btn {
    box-sizing: content-box;
    width: var(--vf-form-control-icon-size-w);
    height: var(--vf-form-control-icon-size-h);
    text-align: center;
    position: absolute;
    top: var(--vf-form-control-border-size);
    padding: 0;
    width: auto;
    height: 100%;
    z-index: 20;
    color: var(--vf-body-text-color);
    font-size: 20px;
    line-height: 22px;
    background-color: var(--vf-form-control-bg-color);
    min-height: 1em;
}
bw-workflow-run .vf-form-control-btn button {
    padding-top: calc(var(--vf-form-control-padding-y) + var(--vf-form-control-border-size));
    padding-bottom: calc(var(--vf-form-control-padding-y) + var(--vf-form-control-border-size));
    font-size: 14px;
}
bw-workflow-run .vf-form-control-btn button wt-icon i {
    font-weight: 400;
}
bw-workflow-run .vf-form-control-btn.left-icon, bw-workflow-run .vf-form-control-btn.left-btn {
    left: var(--vf-form-control-border-size);
    right: auto;
    padding-left: calc(var(--vf-form-control-padding-x) + var(--vf-form-control-border-size));
    padding-right: calc(var(--vf-form-control-padding-x) + var(--vf-form-control-border-size));
}
bw-workflow-run .vf-form-control-btn.right-icon, bw-workflow-run .vf-form-control-btn.right-btn {
    padding-right: calc(var(--vf-form-control-padding-x) + var(--vf-form-control-border-size));
    padding-left: calc(var(--vf-form-control-padding-x) + var(--vf-form-control-border-size));
    right: var(--vf-form-control-border-size);
    left: auto;
}
bw-workflow-run .vf-form-control-btn, bw-workflow-run .vf-form-control-btn button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    max-width: 100%;
    cursor: pointer;
    color: var(--vf-body-text-color);
}
bw-workflow-run .vf-form-control-btn.password-toggle-btn .show-password-icon {
    display: inline-block;
}
bw-workflow-run .vf-form-control-btn.password-toggle-btn .hide-password-icon {
    display: none;
}
bw-workflow-run .vf-form-control-btn.password-toggle-btn.showing-password .show-password-icon {
    display: none;
}
bw-workflow-run .vf-form-control-btn.password-toggle-btn.showing-password .hide-password-icon {
    display: inline-block;
}
bw-workflow-run .btn.yes-no-switch {
    padding: var(--input-input-padding-v, 11px) 20px var(--input-input-padding-v, 11px) 16px;
    border-radius: var(--input-input-border-radius, 4px);
    border: 1px solid var(--input-input-border-color, #757575);
    background: var(--input-input-bg, #fff);
    color: var(--input-input-label-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: none;
}
bw-workflow-run .btn.yes-no-switch i.fa-times:before, bw-workflow-run .btn.yes-no-switch i.fa-check:before {
    color: var(--input-input-border-color, #757575);
    content: "\f111";
    font-weight: 300;
}


bw-workflow-run .btn.yes-no-switch.active {
    background-color: var(--input-input-bg, #fff) !important;
    color: var(--input-input-label-color, #1f1f1f);
    box-shadow: none !important;
    /* border: 2px solid var(--input-input-hover-border-color, #2f4696); */

    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
    transition: none;
}

bw-workflow-run .btn.yes-no-switch.active i.fa-times:before, bw-workflow-run .btn.yes-no-switch.active i.fa-check:before {
    color: var(--input-input-hover-border-color, #2f4696);
    content: "\f192";
    font-weight: 600;
}

bw-workflow-run .btn.yes-no-switch:hover {
    background: var(--input-input-bg, #fff);
    color: var(--input-input-active-label-color, #2F4696);
    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
    transition: none;
} 

bw-workflow-run .btn.yes-no-switch:hover i.fa-check:before, bw-workflow-run .btn.yes-no-switch:hover i.fa-times:before{
    color: var(--input-input-hover-border-color, #2f4696);
}

bw-workflow-run .btn.yes-no-switch:focus-visible {
    background: var(--input-input-bg, #fff);
    color: var(--input-input-label-color, #1f1f1f);
    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 4px;
    outline-color: var(--focus-ring-color, #6988C0);
    outline-style: solid;
    transition: none;
} 

bw-workflow-run .btn.yes-no-switch:focus-visible i.fa-check:before, bw-workflow-run .btn.yes-no-switch:focus-visible i.fa-times:before{
    color: var(--input-input-hover-border-color, #2f4696);
}

bw-workflow-run .radio-list-container.HORIZONTAL {
    gap: 4px;
}
bw-workflow-run .radio-list-container.HORIZONTAL > div{
    min-width: auto !important;
    flex: unset !important;
}
bw-workflow-run .radio-list-container .btn-checkbox {
    padding: var(--input-input-padding-v, 11px) 20px var(--input-input-padding-v, 11px) 16px;
    border-radius: var(--input-input-border-radius, 4px);
    border: 1px solid var(--input-input-border-color, #757575);
    background: var(--input-input-bg, #fff);
    color: var(--input-input-label-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
bw-workflow-run .radio-list-container .btn-checkbox.active {
    background-color: var(--input-input-bg, #fff) !important;
    color: var(--input-input-label-color, #1f1f1f);
    box-shadow: none !important;
    /* border: 2px solid var(--input-input-hover-border-color, #2f4696); */

    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
    transition: none;
}
bw-workflow-run .radio-list-container .btn-checkbox i.fa-circle:before {
    color: var(--input-input-border-color, #757575);
    content: "\f111";
    font-weight: 300;
}
bw-workflow-run .radio-list-container .btn-checkbox.active i.fa-check-circle:before {
    color: var(--input-input-hover-border-color, #2f4696);
    content: "\f192";
    font-weight: 600;
}


bw-workflow-run .radio-list-container .btn-checkbox:hover {
    color: var(--input-input-active-label-color, #2F4696);
    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
    transition: none;
} 

bw-workflow-run .radio-list-container .btn-checkbox:hover i.fa-circle:before, bw-workflow-run .radio-list-container .btn-checkbox:hover i.fa-check-circle:before{
    color: var(--input-input-hover-border-color, #2f4696);
}

bw-workflow-run .radio-list-container .btn-checkbox:focus-visible {
    color: var(--input-input-label-color, #1f1f1f);
    border-color: var(--vf-form-control-hover-border-color);
    outline-width: 4px;
    outline-color: var(--focus-ring-color, #6988C0);
    outline-style: solid;
    transition: none;
} 

bw-workflow-run .radio-list-container .btn-checkbox:focus-visible i.fa-circle:before, bw-workflow-run .radio-list-container .btn-checkbox:focus-visible i.fa-check-circle:before{
    color: var(--input-input-hover-border-color, #2f4696);
}

bw-workflow-run .iti{
    width: 100%;
}
bw-workflow-run .iti__flag-container .dropdown-toggle {
    border-right: 1px solid var(--input-input-border-color, #757575);
}
bw-workflow-run .iti__flag-container .dropdown-toggle:after {
    margin-left: auto !important;
    margin-right: 6px;
}
bw-workflow-run .iti--allow-dropdown input.iti__tel-input {
    padding-right: 12px !important;
    padding-left: 105px !important;
}
bw-workflow-run select.vf-form-control {
    background-image: none !important;
}
bw-workflow-run select.form-select {
    padding: var(--vf-form-control-padding-y) var(--vf-form-control-padding-x);
    border: var(--vf-form-control-border-size) solid var(--vf-form-control-border-color);
    border-radius: var(--vf-form-control-border-radius);
    color: var(--typography-text-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    background-color: var(--vf-form-control-bg-color);
    min-height: calc(1em + calc(var(--vf-form-control-padding-y) * 2));
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    transition: all ease-out 0.3s;
}
bw-workflow-run select.form-select:focus-visible {
    border-color: var(--vf-form-control-focus-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-focus-border-color);
    outline-style: solid;
    transition: none;
}
bw-workflow-run select.form-select:focus-visible:hover {
    background-color: var(--vf-form-control-bg-color);
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-form-field-infix {
    flex-direction: column-reverse;
    display: flex;
    gap: 0;
    justify-content: flex-end;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-form-field-infix .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    padding: var(--vf-form-control-padding-y) var(--vf-form-control-padding-x) !important;
    border: var(--vf-form-control-border-size) solid var(--vf-form-control-border-color) !important;
    border-radius: var(--vf-form-control-border-radius);
    color: var(--typography-text-color, #1f1f1f) !important;
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    background-color: var(--vf-form-control-bg-color) !important;
    min-height: calc(1em + calc(var(--vf-form-control-padding-y) * 2));
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    transition: all ease-out 0.3s;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-form-field-infix .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control:focus-visible {
    border-color: var(--vf-form-control-focus-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-focus-border-color);
    outline-style: solid;
    transition: none;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-form-field-infix .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control:focus-visible:hover {
    background-color: var(--vf-form-control-bg-color);
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-form-field-infix .wrap {
    margin-top: 0 !important;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-chip {
    border-radius: 2px !important;
    border: 1px solid var(--button-secondary-button-secondary-border-color, #2f4696) !important;
    background-color: var(--button-secondary-button-secondary-bg, #fff) !important;
    padding: 1px 4px 2px 4px;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {
    color: var(--button-secondary-button-secondary-label-color, #2f4696);
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-chip .mdc-evolution-chip__cell--trailing wt-icon {
    opacity: 1 !important;
}
bw-workflow-run wt-node-multi-autocomplete .mat-mdc-chip .mdc-evolution-chip__cell--trailing wt-icon i {
    font-size: 16px;
    font-weight: 600;
    color: var(--button-secondary-button-secondary-label-color, #2f4696);
}
bw-workflow-run mat-chip-option.mat-mdc-chip-selected[color="success"] {
    --mat-chip-elevated-container-color: var(--vf-btn-success-bg) !important;
    --mat-chip-elevated-disabled-container-color: var(--vf-btn-success-bg) !important;
    --mat-chip-elevated-selected-container-color: var(--vf-btn-success-bg) !important;
    --mat-chip-flat-disabled-selected-container-color: var(--vf-btn-success-bg) !important;
    --mat-chip-label-text-color: var(--vf-btn-success-text) !important;
    --mat-chip-with-icon-selected-icon-color: var(--vf-btn-success-text) !important;
    --mat-chip-disabled-label-text-color: var(--vf-btn-success-text) !important;
    --mat-chip-selected-label-text-color: var(--vf-btn-success-text) !important;
    --mat-chip-with-icon-disabled-icon-color: var(--vf-btn-success-text) !important;
}
bw-workflow-run mat-chip-option.mat-mdc-chip-selected[color="danger"] {
    --mat-chip-elevated-container-color: var(--vf-btn-danger-bg) !important;
    --mat-chip-elevated-disabled-container-color: var(--vf-btn-danger-bg) !important;
    --mat-chip-elevated-selected-container-color: var(--vf-btn-danger-bg) !important;
    --mat-chip-flat-disabled-selected-container-color: var(--vf-btn-danger-bg) !important;
    --mat-chip-label-text-color: var(--vf-btn-danger-text) !important;
    --mat-chip-with-icon-selected-icon-color: var(--vf-btn-danger-text) !important;
    --mat-chip-disabled-label-text-color: var(--vf-btn-danger-text) !important;
    --mat-chip-selected-label-text-color: var(--vf-btn-danger-text) !important;
    --mat-chip-with-icon-disabled-icon-color: var(--vf-btn-danger-text) !important;
}
bw-workflow-run .mat-mdc-standard-chip {
    --mat-chip-disabled-container-opacity: 1 !important;
}

bw-workflow-run .mat-mdc-radio-button.mat-accent{
    --mat-radio-selected-focus-icon-color: var(--brand-blue, #2F4696);
    --mat-radio-selected-hover-icon-color: var(--brand-blue, #2F4696);
    --mat-radio-selected-icon-color: var(--brand-blue, #2F4696);
    --mat-radio-selected-pressed-icon-color: var(--brand-blue, #2F4696);
    --mat-radio-checked-ripple-color: var(--brand-blue, #2F4696);
}
html {
    --mat-checkbox-selected-focus-icon-color: var(--vf-green) !important;
    --mat-checkbox-selected-hover-icon-color: var(--vf-green) !important;
    --mat-checkbox-selected-icon-color: var(--vf-green) !important;
    --mat-checkbox-selected-pressed-icon-color: var(--vf-green) !important;
    --mat-checkbox-selected-focus-state-layer-color: var(--vf-green) !important;
    --mat-checkbox-selected-hover-state-layer-color: var(--vf-green) !important;
    --mat-checkbox-selected-pressed-state-layer-color: var(--vf-green) !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.border {
    border: 1px solid #dee2e6;
}
.d-flex {
    display: flex !important;
}
.d-inline-block {
    display: inline-block !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.float-end {
    float: right !important;
}
.fw-bolder {
    font-weight: 700 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-nowrap {
    white-space: nowrap !important;
}
.w-100 {
    width: 100% !important;
}
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}
.rounded {
    border-radius: 6px !important;
}
ol, ul, dl {
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 2rem;
}
.dropdown, .dropend, .dropstart, .dropup {
    position: relative;
}
bw-workflow-run .dropdown-menu {
    position: absolute;
    z-index: 2000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 0.6875rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    overflow: auto;
    max-height: 300px;
    width: 100%;
    top: 38px;
}
bw-workflow-run .open > .dropdown-menu {
    display: block;
}
bw-workflow-run .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
bw-workflow-run .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), bw-workflow-run .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
bw-workflow-run .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
bw-workflow-run .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
bw-workflow-run .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), bw-workflow-run .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
bw-workflow-run .input-group > .form-control, bw-workflow-run .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
bw-workflow-run .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
bw-workflow-run .form-control.is-invalid, bw-workflow-run .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
bw-workflow-run .is-invalid ~ .invalid-feedback, bw-workflow-run .is-invalid ~ .invalid-tooltip, bw-workflow-run .was-validated :invalid ~ .invalid-feedback, bw-workflow-run .was-validated :invalid ~ .invalid-tooltip {
    display: block;
}
bw-workflow-run .form-control.is-valid, bw-workflow-run .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
bw-workflow-run .is-valid ~ .valid-feedback, bw-workflow-run .is-valid ~ .valid-tooltip, bw-workflow-run .was-validated :valid ~ .valid-feedback, bw-workflow-run .was-validated :valid ~ .valid-tooltip {
    display: block;
}
bw-workflow-run .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--vf-gutter-y));
    margin-right: calc(-.5* var(--vf-gutter-x));
    margin-left: calc(-.5* var(--vf-gutter-x));
}
bw-workflow-run .timepicker-table timepicker {
    color: var(--vf-form-control-text-color) !important;
}
bw-workflow-run .timepicker-table timepicker .form-control {
    background-color: var(--vf-form-control-bg-color) !important;
    color: var(--vf-form-control-text-color) !important;
}
bw-workflow-run .timepicker-table.disabled timepicker {
    background-color: var(--vf-form-control-bg-color) !important;
}
bw-workflow-run .timepicker-table.disabled timepicker .form-control {
    background-color: transparent;
    color: var(--vf-form-control-text-color) !important;
}
bw-workflow-run .vf-form-control.ng-touched.ng-invalid:not(form), bw-workflow-run .vf-form-control.has-error, bw-workflow-run wt-connector-autocomplete.ng-invalid.ng-touched .vf-form-control, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control, bw-workflow-run bw-date-picker.ng-invalid.ng-touched .vf-form-control {
    border-color: var(--vf-form-control-error-border-color) !important;
    border-left: var(--vf-form-control-border-size) solid var(--vf-form-control-error-border-color) !important;
    background-color: var(--vf-form-control-bg-color) !important;
}
bw-workflow-run .vf-form-control.ng-touched.ng-invalid:not(form):hover, bw-workflow-run .vf-form-control.has-error:hover, bw-workflow-run wt-connector-autocomplete.ng-invalid.ng-touched .vf-form-control:hover, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control:hover, bw-workflow-run bw-date-picker.ng-invalid.ng-touched .vf-form-control:hover {
    background-color: #fcf3f3 !important;
    border-color: var(--vf-form-control-error-border-color);
    outline-width: 1px;
    outline-color: var(--vf-form-control-error-border-color);
    outline-style: solid;
}
bw-workflow-run .vf-form-control.ng-touched.ng-invalid:not(form):focus-visible, bw-workflow-run .vf-form-control.has-error:focus-visible, bw-workflow-run wt-connector-autocomplete.ng-invalid.ng-touched .vf-form-control:focus-visible, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control:focus-visible, bw-workflow-run bw-date-picker.ng-invalid.ng-touched .vf-form-control:focus-visible {
    border-color: var(--vf-form-control-focus-border-color) !important;
    outline-width: 1px;
    outline-color: var(--vf-form-control-focus-border-color);
    outline-style: solid;
}
bw-workflow-run .vf-form-control.ng-touched.ng-invalid:not(form):focus-visible:hover, bw-workflow-run .vf-form-control.has-error:focus-visible:hover, bw-workflow-run wt-connector-autocomplete.ng-invalid.ng-touched .vf-form-control:focus-visible:hover, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control:focus-visible:hover, bw-workflow-run bw-date-picker.ng-invalid.ng-touched .vf-form-control:focus-visible:hover {
    background-color: var(--vf-form-control-bg-color) !important;
    outline-width: 1px;
    outline-color: var(--vf-form-control-hover-border-color);
    outline-style: solid;
}
bw-workflow-run wt-node-autocomplete .vf-form-control + .right-icon, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control + .right-icon, bw-workflow-run wt-node-autocomplete .vf-form-control + .right-btn, bw-workflow-run wt-node-autocomplete.ng-invalid.ng-touched .vf-form-control + .right-btn {
    display: none;
}
bw-workflow-run bw-date-picker {
    width: 100%;
}
bw-workflow-run bw-date-picker .vf-form-control {
    max-width: none !important;
    width: 100% !important;
}
bw-workflow-run .modal-panel-content vfcu-checkbox-control {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}
bw-workflow-run .modal-panel-content vfcu-checkbox-control .form-check-input[type=checkbox] {
    margin-top: 2px;
}
bw-workflow-run .modal-panel-content vfcu-text-control, bw-workflow-run .modal-panel-content wt-select-control {
    padding: 1px;
}
bw-workflow-run .modal-panel-content .field-container .hint-block, bw-workflow-run .modal-panel-content .card-badge {
    display: none;
}
bw-workflow-run bw-form-group-errors {
    margin-top: 4px;
    display: inline-block;
}
bw-workflow-run bw-form-group-errors wt-icon {
    display: none !important;
}
bw-workflow-run bw-form-group-errors .text-danger {
    color: var(--intsos-text-alert-color) !important;
}
bw-workflow-run bw-form-group-errors li {
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}
bw-workflow-run label.col-form-label {
    color: var(--input-input-label-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
bw-workflow-run label.col-form-label.text-on-top {
    margin-bottom: 0;
    padding-bottom: 4px;
}
bw-workflow-run mat-chip-option.mat-mdc-chip-selected {
    --mat-chip-with-icon-selected-icon-color: #000 !important;
    --mat-chip-selected-label-text-color: #000 !important;
    --mat-chip-with-icon-disabled-icon-color: #000 !important;
    --mat-chip-disabled-label-text-color: #000 !important;
}
bw-workflow-run .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), bw-workflow-run .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-width: 3px;
    border-color: #000;
    border-style: solid;
    border-radius: 999px;
}
bw-public-layout .container-grid {
    grid-template-rows: 0 auto 0;
}
bw-public-layout .container-grid .header, bw-public-layout .container-grid .footer {
    display: none !important;
}
bw-public-layout .container-grid .content {
    padding: 0;
    background-color: #e8ebf5;
}
bw-public-layout workflow-run-page, bw-public-layout .workflow-run-page {
    display: block;
    height: 100%;
    max-width: 2160px;
    margin: 0 auto;
}
bw-workflow-run {
    background-color: #ffffff;
    display: block;
    height: 100%;
}
bw-workflow-run h2{
    color: var(--typography-title-color, #2F4696);
    font-family: Arial;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}
bw-workflow-run .ibox > .ibox-title > h5{
    color: var(--typography-title-color, #2F4696);
    font-family: Arial;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 34px;
}
bw-workflow-run .btn {
    border-radius: var(--button-button-m-border-radius, 24px);
    box-shadow: 0px 4px 28px 0px #dcdce6;
    padding: 14px 40px;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
bw-workflow-run .btn-primary {
    background: var(--button-primary-button-primary-bg, #2f4696);
    border-color: var(--button-primary-button-primary-bg, #2f4696);
    color: var(--button-primary-button-primary-label-color, #fff);
}
bw-workflow-run .btn-primary:hover {
    background: var(--button-primary-button-primary-hover-bg, #232762);
    border-color: var(--button-primary-button-primary-hover-bg, #232762);
}
bw-workflow-run .btn-primary:focus-visible {
    background: var(--button-primary-button-primary-hover-bg, #232762);
    border-color: var(--button-primary-button-primary-hover-bg, #232762);
    outline: 4px solid var(--focus-ring-color, #6988c0);
    outline-offset: -1px;
}
bw-workflow-run .btn-primary:disabled, bw-workflow-run .btn-primary.disabled {
    background: var(--button-primary-button-primary-bg, #2f4696);
    border-color: var(--button-primary-button-primary-bg, #2f4696);
    color: var(--button-primary-button-primary-label-color, #fff);
}

bw-workflow-run .btn-default {
    border: 1px solid var(--button-secondary-button-secondary-border-color, #2F4696);
    background: var(--button-secondary-button-secondary-bg, #FFF);
    color: var(--button-secondary-button-secondary-label-color, #2F4696);
}
bw-workflow-run .btn-default:hover {
    border: 1px solid var(--button-secondary-button-secondary-hover-border-color, #232762);
    background: var(--button-secondary-button-secondary-hover-bg, #D2DBEC);
    color: var(--button-secondary-button-secondary-hover-label-color, #232762);
}
bw-workflow-run .btn-default:focus-visible {
    border: 1px solid var(--button-secondary-button-secondary-hover-border-color, #232762);
    background: var(--button-secondary-button-secondary-hover-bg, #D2DBEC);
    color: var(--button-secondary-button-secondary-hover-label-color, #232762);
    outline: 4px solid var(--focus-ring-color, #6988c0);
    outline-offset: -1px;
}
bw-workflow-run .btn-default:disabled, bw-workflow-run .btn-default.disabled {
    background: var(--button-primary-button-primary-bg, #2f4696);
    border-color: var(--button-primary-button-primary-bg, #2f4696);
    color: var(--button-primary-button-primary-label-color, #fff);
}


bw-workflow-run > .container-scroll {
    padding-top: 0;
    background-color: #ffffff;
    background-image: url("/assets/custom_css/internationalsos/intsos_body_bg.svg");
    /* background-position: top left;
    background-repeat: no-repeat;
    background-size: 50%; */

    background-position: -48vw 0;
    background-repeat: no-repeat;
    background-size: 100%;
}
bw-workflow-run > .container-scroll .container-fluid {
    background-color: transparent;
    background-image: url("/assets/custom_css/internationalsos/intsos_header_img.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 14vw !important;
}
bw-workflow-run > .container-scroll .container-element {
    background-color: transparent;
    padding: 40px;
    border-radius: 8px;
    width: 1220px;
    max-width: 80%;
    margin: 0 auto;
    position: relative;
}
bw-workflow-run > .container-scroll .container-element > * {
    z-index: 210;
    position: relative;
}
bw-workflow-run > .container-scroll .container-element:after {
    content: "";
    width: 100%;
    height: 600px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(180deg, #fff 50%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 200;
}
bw-workflow-run > .container-scroll .ibox, bw-workflow-run > .container-scroll .ibox-content {
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0;
}
bw-workflow-run .dropzone.dz-clickable {
    display: flex;
    align-items: center;
    padding: var(--input-input-padding-v, 11px) var(--input-input-padding-h, 12px) !important;
    border-radius: var(--input-input-border-radius, 4px) !important;
    border: 1px dashed var(--input-input-border-color, #757575) !important;
    background: var(--input-input-bg, #fff) !important;
}
bw-workflow-run .dropzone.dz-clickable .text-left {
    color: var(--typography-text-color, #1f1f1f);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
bw-workflow-run .dropzone.dz-clickable .text-left::before {
    content: "\f093";
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    line-height: 22px;
    color: var(--typography-text-secondary-color, #757575);
    margin-right: 12px;
}
bw-workflow-run .dropzone.dz-clickable .dz-message {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
bw-workflow-run .dropzone.dz-clickable:hover {
    border-color: #fff !important;
    outline: 2px dashed var(--input-hover-border-color, #2f4696);
    outline-offset: -1px;
}

bw-workflow-run .dropzone.dz-drag-hover{
    border-radius: var(--input-input-border-radius, 4px) !important;
    border: 2px dashed var(--input-input-hover-border-color, #2F4696) !important;
    background: var(--button-secondary-button-secondary-hover-bg, #D2DBEC) !important;
    box-shadow: none !important;
}

bw-workflow-run .dropzone.dz-clickable.dz-drag-hover .text-left::before{
    color: var(--brand-blue, #2F4696);
}

bw-workflow-run .files-list bw-file-dropzone.revision_dropzone {
    display: none !important;
}
bw-workflow-run .files-list .file-item {
    display: flex;
    padding: 4px 4px 4px 12px !important;
    margin-top: 4px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    border-radius: var(--input-input-border-radius, 4px);
    background: var(--light-blue-150, #D2DBEC);

    color: var(--typography-text-color, #1F1F1F);
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;

}

bw-workflow-run .files-list .file-item .file-item-url{
    color: inherit;
    text-decoration: underline;
}

bw-workflow-run .files-list .file-item .file-remove{
    padding: var(--button-button-s-icon-padding, 8px);
    border-radius: var(--button-button-s-border-radius, 16px);
    border: 1px solid var(--button-secondary-button-secondary-border-color, #2F4696);
    background: var(--button-secondary-button-secondary-bg, #FFF);
    box-shadow: 0px 4px 28px 0px #DCDCE6;
    width: 32px;
    height: 32px;
    margin-left: auto !important;
}
bw-workflow-run .files-list .file-item .file-remove i::before{
    content: "\f00d"; /* xmark */
    color: var(--brand-blue, #2F4696);
    font-size: 16px;
}

bw-workflow-run wt-question-type-table-run .table-container{
    border-radius: 0 !important;
}

bw-workflow-run wt-question-type-table-run .table-container .table-bordered > thead {
    background: var(--table-table-header-bg, #EEEFEF);
}

bw-workflow-run wt-question-type-table-run .table-container .table-bordered > thead .fixed-column > div {
    border-right: 0;
}

bw-workflow-run wt-question-type-table-run .table-container .table-bordered > thead > tr > th{
    height: auto;
    background: transparent !important;
    border-right: 1px solid var(--input-input-border-color, #757575);

    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;

    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

bw-workflow-run wt-question-type-table-run .table-container .table-bordered > thead > tr > th > div {
    border-bottom: 1px solid var(--input-input-border-color, #757575) !important;
}


bw-workflow-run wt-question-type-table-run .table-container .table-bordered > tbody > tr {
    border-color: var(--table-table-border-color, #757575);;
}
bw-workflow-run wt-question-type-table-run .table-container .table-bordered > tbody > tr > td {
    border-color: var(--table-table-border-color, #757575);
}

bw-workflow-run wt-question-type-table-run .table-container .remove-col .btn {
    min-height: auto;
    width: 38px;
    height: 38px;
    font-size: 16px;
    line-height: 16px;
    padding: var(--button-button-s-icon-padding, 8px);

    border-radius: 100%;
    border: 1px solid var(--button-secondary-button-secondary-border-color, #2F4696);
    background: var(--button-secondary-button-secondary-bg, #FFF);
    box-shadow: 0px 4px 28px 0px #DCDCE6;
    margin-left: 8px;
    margin-right: 8px;
}

bw-workflow-run wt-question-type-table-run .table-container .remove-col .btn i:before {
    color: var(--button-secondary-button-secondary-border-color, #2F4696);
}

bw-workflow-run wt-question-type-table-run .fake-form-control:hover{
    outline: none;
}
bw-workflow-run wt-question-type-table-run .readonly{
    background-color: #ffffff !important;
    opacity: 1 !important;
}
bw-workflow-run wt-question-type-table-run .btn-container{
    border-radius: 0 !important;
}

bw-workflow-run wt-question-type-table-run .btn-container .btn-default{
    border-radius: var(--button-button-s-border-radius, 16px);
    border: 1px solid var(--button-secondary-button-secondary-border-color, #2F4696);
    background: var(--button-secondary-button-secondary-bg, #FFF);
    box-shadow: 0px 4px 28px 0px #DCDCE6;
    padding: var(--button-button-s-padding-v, 8px) var(--button-button-m-padding-h, 40px);

    color: var(--button-secondary-button-secondary-label-color, #2F4696);
    
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    
}

bw-workflow-run .mat-mdc-chip-set .mdc-evolution-chip-set__chips{
    margin-top: 2px;
}
bw-workflow-run .mat-mdc-option{
    padding: var(--dropdown-dropdown-item-padding-v, 11px) var(--dropdown-dropdown-item-padding-h, 16px);
    overflow: hidden;
    color: var(--dropdown-dropdown-item-color, #1F1F1F);
    text-overflow: ellipsis;

    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

bw-workflow-run mat-optgroup > .mat-mdc-optgroup-label > .mdc-list-item__primary-text,
bw-workflow-run .mat-mdc-optgroup-label .mdc-list-item__primary-text{
    font-family: Arial;
    font-size: 17px;
    font-style: normal !important;
    line-height: 22px;
}

bw-workflow-run .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel{
    transform: translate(0, -20px);
}

bw-workflow-run table wt-custom-field-input .vf-form-control{
    height: auto !important;
}

bw-workflow-run .ibox-footer .btn + .btn{
    margin-left: 16px;
}

bw-workflow-run .ibox-report .completed-area h2{
    color: var(--typography-title-color, #2F4696);
    font-family: Arial;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-align: left !important;
    text-transform: none;
}

bw-workflow-run .ibox-report .completed-area .show-report-link{
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid var(--dark-grey-500, #757575);

    color: var(--text-color, #1F1F1F);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-align: left !important;
    padding: 16px;
}

bw-workflow-run .ibox-report .completed-area .show-report-link::before{
    content: "\f0d7";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--typography-text-color, #1F1F1F);
    margin-right: 16px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
}

bw-workflow-run .ibox-report .completed-area .show-report-link.hide-summary{
    margin-bottom: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none;
}

bw-workflow-run .ibox-report .completed-area .show-report-link.hide-summary::before{
    content: "\f0d8";
}

bw-workflow-run .ibox-report .completed-area workflow-report{
    background-color: #ffffff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom: 1px solid var(--dark-grey-500, #757575);
    border-left: 1px solid var(--dark-grey-500, #757575);
    border-right: 1px solid var(--dark-grey-500, #757575);
    padding: 16px;
}
bw-workflow-run .ibox-report .completed-area workflow-report li{
    color: var(--typography-title-color, #2F4696);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-top: 4px;
}
bw-workflow-run .ibox-report .completed-area workflow-report li:hover{
    background-color: #ffffff;
}
bw-workflow-run .ibox-report .completed-area workflow-report li ul{
    list-style: none;
    padding: 0;
}

bw-workflow-run .ibox-report .completed-area workflow-report li ul li bw-report-field .form-label{
    color: var(--text-color, #1F1F1F);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
bw-workflow-run .ibox-report .completed-area workflow-report li ul li bw-report-field .form-label b{
    font-weight: 400 !important;
}

bw-workflow-run .ibox-report .completed-area workflow-report li ul li bw-report-field bw-form-value{
    color: var(--text-color, #1F1F1F);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-left: 4px;
}

bw-workflow-run .ibox-report .completed-area workflow-report wt-key-label{
    color: var(--typography-title-color, #2F4696);
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

bw-workflow-run .ibox-report .submit-area .submit-image{
    /* display: none !important; */
}

bw-workflow-run .ibox-report .submit-button{
    display: none !important;
}
bw-workflow-run .ibox-report .submit-button.duplicated-submit-button{
    display: inline-block !important;
}

bw-workflow-run .ibox-report .workflow-incomplete-message{
    color: var(--intsos-text-alert-color);
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

bw-workflow-run .calendar-btn {
	min-width: 45px;
}
bw-workflow-run .calendar-btn .btn {
	box-shadow: none;
}


@media (max-width: 1219px){
    bw-workflow-run > .container-scroll .container-element{
        max-width: 95%;
    }
}
@media (max-width: 800px){
    bw-workflow-run .column_child_2{
        flex: 1 0 100% !important;
        max-width: 100% !important;
    }
    bw-workflow-run > .container-scroll .container-element{
        max-width: 98%;
    }
}