.-pdjs-entity-types-explorer-model-folder {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-entity-types-explorer-model-folder > div {
    box-sizing: border-box;
}

.-pdjs-entity-types-explorer-model-folder > div[role=icon] {
    padding-top: 3px;
    padding-right: 5px;
}

.-pdjs-entity-types-explorer-model-folder > div[role=text] {
}
.-pdjs-hub-explorer-model {
    position: absolute;
    inset: 0;
    border: 0 none #DDDDDD;
    padding: 5px;
    background-color: #FFFFFF;
}

.-pdjs-hub-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-hub-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-process-explorer-model {
    position: absolute;
    inset: 0;
    padding: 5px;
}

.-pdjs-process-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-process-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-shared-ace-editor,
.-pdjs-shared-ace-editor > div[role=editor] {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-ui-controls-code-editor {
    position: absolute;
    inset: 0;
    overflow: auto;
    padding: 10px;
}

.-pdjs-shared-ui-controls-code-editor-line-error {
    color: var(--visiv-system-black);
    background-color: var(--visiv-system-red);
}

.-pdjs-shared-ui-controls-code-editor-auto-complete {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
    width: 500px;
    min-height: 25px;
    overflow: hidden;
    padding: 5px;
    white-space: normal;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=name] {
    font-weight: bold;
    font-size: 16px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=desc] {
    line-height: 1.5;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
    padding-left: 20px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] > div[role=name] {
    font-weight: bold;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] > div[role=desc] {
    font-style: italic;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=link] {

}
.-pdjs-shared-coding-code-editor-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-coding-code-editor-dialog > div {
    position: relative;
}

.-pdjs-shared-coding-code-editor-dialog > div:last-child {
    text-align: right;
}
.-pdjs-shared-coding-workspace {
    position: absolute;
    inset: 0;
}


.-pdjs-shared-coding-workspace-pane-body {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-coding-workspace-pane-body > div {
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-coding-workspace-pane-body.-pdjs-focused > div {
    position: relative;
    border: 1px solid var(--visiv-theme-select-border-color);
}

.-pdjs-shared-coding-workspace-pane-header {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-bottom: 0;
    background-color: var(--visiv-theme-base-2-back-color);
    box-sizing: border-box;
    line-height: 25px;
    padding-left: 5px;
}

.-pdjs-shared-coding-workspace-pane-header > div:first-child {
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.-pdjs-shared-coding-workspace-pane-header > div:last-child {
    font-size: 16px;
}

.-pdjs-shared-coding-workspace-pane-header > div:last-child > i {
    padding: 0 5px 0 5px;
    cursor: pointer;
}
.-pdjs-shared-colors-palette {
    display: grid;
    grid-gap: 3px;
    margin: 0 5px 5px 5px;
}

.-pdjs-shared-colors-palette-item {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item:hover {
    border-color: var(--visiv-theme-hover-border-color);
}

.-pdjs-shared-colors-palette-item.-pdjs-selected {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item-color {
    height: 15px;
    width: 15px;
}
.-pdjs-shared-icon-browser-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-icon-browser-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-icon-browser-dialog > div:first-child .-pd-masked-textbox {
    position: relative;
}

.-pdjs-shared-icon-browser-dialog > div:last-child {
    text-align: right;
}

.-pdjs-shared-icon-browser-dialog-grid-cell {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0.4em 0.6em;
    padding-left: 26px;
}

.-pdjs-shared-entity-browser-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    box-sizing: border-box;
}

.-pdjs-shared-entity-browser-dialog > div {
   position: relative;
   box-sizing: border-box;
}

.-pdjs-shared-entity-browser-dialog div[role=message] {
    padding-bottom: 10px;
    line-height: 1.5;
}

.-pdjs-shared-entity-browser-dialog > div[role=grid] {
    overflow: hidden;
}

.-pdjs-shared-entity-browser-dialog > div[role=buttons] {
    padding-top: 10px;
    text-align: right;
}
.-pdjs-fb-canvas-editor {
}

.-pdjs-fb-canvas-editor > div[role=canvas] {
    position: absolute;
    inset: 0;
    overflow: auto;
}
.-pdjs-fb-ancestors-editor {
    display: grid;
    grid-template-rows: repeat(auto-fit, 25px);
}

.-pdjs-fb-ancestors-editor > div {
    display: grid;
    grid-template-columns: 25px auto;
    line-height: 25px;
}

.-pdjs-fb-ancestors-editor > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-fb-ancestors-editor > div > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.-pdjs-fb-ancestors-editor > div > div:last-child {
    display: flex;
    align-items: center;
}
.-pdjs-fb-tags-editor {

}

.-pdjs-fb-tags-editor > div[role=grid] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-fb-ace-text-editor {
}

.-fb-ace-text-editor > div[role=editor] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-input-border-color);
}
.-fb-rich-text-editor {
}

.-fb-rich-text-editor div[role=container] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-base-2-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
}
.-fb-macro-template-editor {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-fb-macro-template-editor > div {
    position: relative;
}
.-pdjs-ace-editor {
}

.-pdjs-ace-editor div[role=mask] {
    padding: 3px 3px 0 3px;
}

.-pdjs-ace-editor div[role=mask] span {
    display: inline-block;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 5px 0 5px;
    border-radius: 3px;
}

.-pdjs-ace-editor div[role=mask] span:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-ace-editor div[role=mask] span[role=none] {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
}

.-pdjs-ace-editor div[role=mask] span[role=allow] {
    background-color: #cbf5c1;
    border-color: #4bba47;
}

.-pdjs-ace-editor div[role=mask] span[role=deny] {
    background-color: #f5c5c1;
    border-color: #e65247;
}

.-pdjs-ace-editor div[role=mask] span[role=partial] {
    background-color: #c1cdf5;
    border-color: #476fba;
}
.-fb-color-editor {
    position:relative;
    min-height:25px;
}

.-fb-colors-editor {
    position:relative;
    min-height:25px;
    display: grid;
    grid-template-columns: auto max-content;
    align-content: center;
}

.-fb-colors-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}
.-pdjs-fb-date-editor {
    position: relative;
}

.-pdjs-fb-date-editor .-pd-date-textbox {
    border-width: 0;
    height: 25px !important;
}

.-pdjs-fb-date-editor .-pd-date-textbox input[type=button] {
    height: 21px;
    width: 21px;
    top: 2px;
    right: 2px;
}

.-pdjs-fb-date-editor .-pd-date-textbox input[type=text] {
    height: 25px !important;
}

.-pdjs-fb-date-editor .-pd-date-textbox input.-pdjs-no-value {
    color: #AAAAAA;
    font-style: italic;
}
.-fb-decimal-editor {
    position: relative;
    min-height: 25px;
}

.-fb-decimal-editor > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 25px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 13px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0 none transparent;
}

.-fb-document-type-selector-editor {
}
.-fb-entity-type-selection-editor {
}
.-pdjs-shared-feature-editors-expression-editor {
    position: relative;
    height: 25px;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-shared-feature-editors-expression-editor-input {
    display: grid;
    height: 25px;
    width: 100%;
    grid-template-columns: auto max-content;
}

.-pdjs-shared-feature-editors-expression-editor-input > div {
    height: 25px;
 }

.-pdjs-shared-feature-editors-expression-editor-input input[type=text] {
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
    padding-top: 4px;
    padding-left: 5px;
}

.-pdjs-shared-feature-editors-expression-editor-input button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-pdjs-shared-feature-editors-expression-editor-dialog {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-shared-feature-editors-expression-editor-dialog > div[role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 34px;
}

.-pdjs-shared-feature-editors-expression-editor-dialog > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pdjs-shared-feature-editors-expression-editor-extender {
    display: grid;
    height: 25px;
    width: 100%;
    grid-template-columns: auto max-content max-content;
    box-sizing: border-box;
    position: relative;
}

.-pdjs-shared-feature-editors-expression-editor-extender > div:not(:first-child) {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-right: 5px;
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=label] {
    padding-left: 5px;
    border-left: 1px solid var(--visiv-theme-fb-input-border-color);
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=label] {
    color: var(--visiv-theme-fb-input-text-color);
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=check] > input {
    margin-top: 6px;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text] {
    background-color:var(--visiv-theme-fb-input-back-color) !important;
    color:var(--visiv-theme-fb-input-text-color) !important;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text].-fb-grid-input-status-error {
    color: var(--visiv-system-red-light) !important;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text].-fb-grid-input-status-ok {
    color: var(--visiv-system-green-light) !important;
}
.-pdjs-shared-feature-editors-expression-or-list-editor-input {
}

.-pdjs-shared-feature-editors-expression-or-list-editor-input > select {
    box-sizing: border-box;
    width: 100%;
    border: 0 none transparent;
    padding: 1px;
    height: 25px;
}
.-fb-format-editor {
    position: relative;
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    border: 0px none;
    padding-right: 21px;
    background-color: var(--visiv-theme-fb-input-back-color);
}

.-fb-format-editor > INPUT,
.-fb-format-editor > INPUT:focus {
    position: absolute;
    top: 0;
    left: 0;
    width: 152px;
    border: 0px none;
    line-height: 12px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: var(--visiv-theme-fb-input-back-color);
    font-size: 12px;
    height: 24px;
    box-sizing: border-box;
}

.-fb-format-editor > div {
    position: absolute;
    top: 0;
    right: 0;
    left: 153px;
    height: 24px !important;
    padding: 0;
    box-sizing: border-box;
    background-color: #dbffce;
    line-height: 20px;
    font-size: 14px;
    font-family: monospace;
    display: inline-block;
    cursor: default;
    padding: 2px 5px 2px 5px;
    text-align: center;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.-pdjs-fb-icon-editor {
    display: grid;
    grid-template-columns: 25px auto 25px;
}

.-pdjs-fb-icon-editor img {
    box-sizing: border-box;
    margin: 5px 3px 1px 4px;
    height: 16px;
    width: 16px;
}

.-pdjs-fb-icon-editor input {
    box-sizing: border-box;
    border: 0;
    height: 23px;
    width: 100%;
    padding-top: 4px;
}

.-pdjs-fb-icon-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-fb-identity-selection-editor {
}
.-fb-integer-editor {
    position: relative;
    min-height: 25px;
}

.-fb-integer-editor > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 25px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 13px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0 none transparent;
}

.-fb-lde-selection-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-fb-lde-selection-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-fb-lde-selection-editor-dialog > div:last-child {
    text-align: right;
}

.-fb-lde-selection-editor {
}

.-pdjs-fb-list-view-editor {
}

.-pdjs-fb-list-view-editor .-pdjs-list-view {
    border-width: 0;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view > div[role=item] {
    border-bottom-width: 0;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view > div[role=item] > div[role=check] {
    padding-left: 5px;
    padding-right: 5px;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view-item {
    min-height: 25px;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view-item > div[role=icon] {
    padding: 0;
}

.-pdjs-shared-masked-popup-editor {
    display: grid;
    grid-template-columns: max-content auto max-content;
    position: relative;
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox {
    position: relative;
}

.-pdjs-shared-masked-popup-editor > div[role=buttons] > div {
    display: grid;
    grid-template-columns: max-content max-content;
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.-pdjs-shared-masked-popup-editor img[role=image] {
    margin: 4px 0 0 4px;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
}

.-pdjs-shared-masked-popup-editor > div[data-controls] input {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
    line-height: 26px;
}

.-pdjs-shared-masked-popup-editor input:focus {
    outline: none;
}

.-pdjs-shared-masked-popup-editor input.-pdjs-no-value {
    font-style: italic;
    line-height: 26px;
}

.-pdjs-shared-masked-popup-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}

.-pdjs-shared-masked-popup-editor button[role=clear] {
    background-image: none !important;
    background-color: transparent !important;
    border: none;
    padding: 3px;
}

.-pdjs-shared-masked-popup-editor div[role=buttons] button > i {
    font-size: 16px;
}

.-pdjs-shared-masked-popup-editor button[role=popup] {
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox div[data-role=input-and-mask] {
    border: 0 none;
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox div[data-role=input-and-mask] input {
    height: 25px !important;
}
.-fb-password-editor {
    position: relative;
    height: 25px;
    width: 100%;
    border-width: 0;
    box-sizing: border-box;
    margin: 0;
    border: 0 solid white !important;
}

.-fb-password-editor input {
    position: absolute;
    height: 25px !important;
    width: 100%;
    border-width: 0;
    box-sizing: border-box;
    padding: 0 0 0 5px !important;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    border: 0 solid white !important;
}
.-pdjs-fb-popup-editor {
    display: grid;
    grid-template-columns: max-content auto max-content;
}

.-pdjs-fb-popup-editor > div[role=buttons] > div {
    display: grid;
    grid-template-columns: max-content max-content;
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.-pdjs-fb-popup-editor img[role=image] {
    margin: 4px 0 0 4px;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
}

.-pdjs-fb-popup-editor input {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
}

.-pdjs-fb-popup-editor input:focus {
    outline: none;
}

.-pdjs-fb-popup-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
    font-size:16px;
}

.-pdjs-fb-popup-editor button[role=clear] {
    background-image: none !important;
    background-color: transparent !important;
    border: none;
    padding: 1px;
    font-size: 18px;
    margin-right: 0 !important;
}

.-pdjs-fb-popup-editor input[type=text].-fb-grid-input-status-error {
    color: var(--visiv-system-red-light) !important;
}

.-pdjs-fb-popup-editor input[type=text].-fb-grid-input-status-ok {
    color: var(--visiv-system-green-light) !important;
}
.-fb-resource-selection-editor {
}

.-fb-resource-selection-editor > div:nth-child(2) > input {
    direction: rtl;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.-fb-resource-selection-editor > div:nth-child(2) > input.-pdjs-no-value {
    font-style: italic;
}
.-fb-rule-script-selector-editor {
}
.-fb-selection-list-editor {
}

.-fb-selection-list-editor .-pd-masked-textbox {
}

.-fb-selection-list-editor .-pd-masked-textbox div[data-role=input-and-mask] {
    border: none !important;
}

.-fb-selection-list-editor .-pd-masked-textbox div[data-role=input-and-mask] input {
    height: 25px !important;
}
.-fb-single-file-upload-editor {
}

.-fb-single-file-upload-editor .-pd-upload-input {
    height: 25px;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-progress {
    border: 1px solid transparent;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-progress .-pd-upload-input-label {
    padding-left: 5px;
    line-height: 25px;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-button {
    right: 1px;
    top: 1px;
    height: 23px;
    width: 23px;
}

.-fb-single-file-upload-editor .-pd-upload-input .moxie-shim {
    right: 1px !important;
    top: 1px !important;
    left: unset !important;
}
.-fb-string-editor {
    display: grid;
    grid-template-columns: auto;
}

.-fb-string-editor input {
    box-sizing: border-box;
    height: 25px;
    width: 100%;
    border: 0 none transparent;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-manage-system-variables-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-system-variables-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-system-variables-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-tag-editor {
}

.-pdjs-tag-editor div[role=mask] {
    padding: 2px;
}

.-pdjs-tag-editor div[role=mask] > span {
    display: inline-block;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 0 0 5px;
    border-radius: 3px;
    margin-bottom: 1px;
    user-select: none;
    cursor: pointer;
}

.-pdjs-tag-editor div[role=mask] > span:not(:last-child) {
    margin-right: 0;
}

.-pdjs-tag-editor div[role=mask] > span[role] {
    display: inline-grid;
    grid-template-columns: auto 20px;
}

.-pdjs-tag-editor div[role=mask] > span[role] > span:nth-child(2) {
    background-position: center center;
    background-repeat: no-repeat;
    filter: invert(50%);
    cursor: pointer;
}

.-pdjs-tag-editor div[role=mask] > span.a2 {
    background-color: #cbf5c1;
    border-color: #4bba47;
}

.-pdjs-tag-editor div[role=mask] > span.r2 {
    background-color: #fdf186;
    border-color: #d1ae48;
}

.-pdjs-tag-editor div[role=mask] > span.r1,
.-pdjs-tag-editor div[role=mask] > span.r0 {
    background-color: #f5c5c1;
    border-color: #e65247;
    cursor: pointer;
}
.-pdjs-tag-list-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-tag-list-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-tag-list-dialog > div[role=deck] {
    text-align: right;
}

.-fb-text-area-editor {
    display: grid;
    grid-template-columns: auto;
}

.-fb-text-area-editor > div > textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 0 none;
    resize: none;
    padding: 5px;
    line-height: 16px;
}
.-pdjs-fb-time-editor {
}

.-pdjs-fb-time-editor select {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    border: 0 solid transparent;
    box-shadow: none;
    outline: none;
}

.-pdjs-fb-time-editor select:focus {
    outline: none;
}

.-pdjs-fb-time-editor .-pd-masked-textbox [data-role=input-and-mask] {
    border: 0 !important;
}

.-pdjs-fb-time-editor .-pd-masked-textbox input {
    height: 25px !important;
}

.-fb-view-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-fb-view-editor > div:nth-child(1) {
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-fb-view-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}

.feature-blend-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-rows: auto min-content;
}

.feature-blend-dialog > div {
    position: relative;
}

.feature-blend-dialog > div[role=buttons] {
    border-color: var(--visiv-theme-fb-group-border-color);
    border-style: solid;
    border-width: 1px 0 0 0;
    padding: 10px 10px 10px 10px;
}
.-fb-navigation-error-tooltip > div {
    font-size: 12px;
}

.-fb-navigation-error-tooltip > div:first-child {
    font-weight: bold;
    border-bottom: 1px solid darkred;
}

.-fb-navigation-error-tooltip > div:not(:first-child) {
    margin: 5px 0 0 0;
}

.-fb-grid-input-label-error-tooltip {
    font-size: 12px;
}

.-pdjs-maintenance-dialog {
    display: grid;
    grid-template-rows: max-content max-content max-content;
    grid-gap: 5px;
}

.-pdjs-maintenance-dialog-warning {
    font-weight:bold;
    color: var(--visiv-error-fore-color);
}

.-pdjs-maintenance-toast {
    padding: 5px;
    text-align: center;
}

.-pd-maintenance-watermark {
    position: absolute;
    height: 50px;
    width: 50px;
    right: 5px;
    bottom: 5px;
    border: 5px solid var(--visiv-system-red);
    background-color: var(--visiv-system-white);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-width: 5px;
}

.-pd-maintenance-watermark img {
    height: 32px;
    width: 32px;
}

.-pdjs-shared-mce-editor {
}

.-pdjs-shared-mce-editor-body {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-shared-security-access-control {
    position: absolute;
    inset: 0;
    user-select: none;
}

.-pdjs-shared-security-access-control div[role=pane-1-content] {
    display: grid;
    grid-template-rows: auto max-content;
    height: 100%;
    width: 100%;
}

.-pdjs-shared-security-access-control div[role=pane-1-content] > div[role=toolbar] {
    position: relative;
    height: 30px;
    margin-top: 10px;
}

.-pdjs-shared-security-access-control div[role=ace] {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-access-control-toolbar {
    display: grid;
    height:100%;
    width: 100%;
    grid-gap: 10px;
}

.-pdjs-shared-security-access-control-ace {
    display: grid;
    grid-template-rows: 25px auto;
    height: 100%;
    width: 100%;
    position: relative;
}

.-pdjs-shared-security-access-control-ace > div[role=head] {
    position: relative;
    display: grid;
    grid-template-columns: auto max-content max-content;
    grid-gap: 10px;
}

.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(1) {
    font-weight: bold;
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}

.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(2) {
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}


.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(3) select {
    width: 150px;
    box-sizing: border-box;
}

.-pdjs-shared-security-access-control-ace > div[role=grid] {
    position: relative;
}

.-pdjs-shared-security-access-control-ace-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-access-control-acl {
    display: grid;
    grid-template-rows: 25px auto;
    height: 100%;
    width: 100%;
    position: relative;
}

.-pdjs-shared-security-access-control-acl > div[role=head] {
    position: relative;
    font-weight: bold;
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}

.-pdjs-shared-security-access-control-acl > div[role=grid] {
    position: relative;
}

.-pdjs-shared-security-access-control-acl-grid {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-ace-editor-dialog {
}

.-pdjs-ace-editor-dialog div[role=body] {
    position: absolute;
    top: 10px;
    bottom: 44px;
    left: 10px;
    right: 10px;
}

.-pdjs-ace-editor-dialog div[role=deck] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: right;
}

.-pdjs-ace-editor-dialog div[role=deck] button:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-ace-editor-dialog div[role=editor] {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-security-advanced-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-shared-security-advanced-dialog > div {
    position: relative;
}

.-pdjs-shared-security-advanced-dialog > div[role=message] {
    line-height: 1.5;
}

.-pdjs-shared-security-advanced-dialog > div[role=deck] {
    text-align: right;
}

.-pdjs-shared-security-advanced-dialog label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-security-advanced-dialog label:first-child {
    margin-bottom: 10px;
}
.-pdjs-effective-permissions {
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    grid-template-rows: max-content max-content auto 150px max-content;
}

.-pdjs-effective-permissions > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-effective-permissions > div[data-role=identity-selector-label] {
    padding-bottom: 10px;
}

.-pdjs-effective-permissions > div:last-child {
    padding-top: 10px;
}

.-pdjs-effective-permissions-grid {
    display: grid;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    grid-template-rows: max-content auto;
}

.-pdjs-effective-permissions-grid > div:nth-child(1) {
    line-height: 35px;
    font-weight: bold;
}

.-pdjs-effective-permissions-grid > div:nth-child(2) {
    overflow: hidden;
}

.-pdjs-effective-permissions-sources-grid {
    display: grid;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    grid-template-rows: max-content auto;
}

.-pdjs-effective-permissions-sources-grid > div:nth-child(1) {
    line-height: 35px;
    font-weight: bold;
}

.-pdjs-shared-security-identity-browser-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-identity-browser-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-security-identity-browser-dialog > div:last-child {
    text-align: right;
}
.-pdjs-shared-ui-controls-field-date {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-ui-controls-field-date:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox {
    height: 23px;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input:focus {
    outline-style: none;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input[type=text] {
    height: 23px !important;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input[type=button] {
    top: 1px !important;
    height: 21px !important;
    width: 21px !important;
}
.-pdjs-shared-ui-controls-field-expression {
    
}

.-pdjs-shared-ui-controls-field-expression:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-shared-ui-controls-field-expression div[role=ace] {
   position:absolute;
   inset:0;
}


.-pdjs-shared-ui-field {
    position: relative;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-ui-field > div[role=label] {
    position: relative;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-shared-ui-field > div[role=control] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
    line-height: 26px;
}

.-pdjs-shared-ui-field.-pdjs-validation-errors [role=label] {
    padding-left: 20px;
    color: var(--visiv-error-fore-color);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.-pdjs-shared-ui-field.-pdjs-validation-errors [role=control] {
    padding-left: 20px;
    border: 1px solid var(--visiv-system-red);
    background-color: var(--visiv-system-red-muted);
}
.-pdjs-field-multi-select {
    position: relative;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: auto;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-in {
    height: 20px;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-in:hover {
    background-color: transparent !important;
    cursor: pointer;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-checkbox > input[type=checkbox] {
    margin-top: 5px;
}
.-pdjs-shared-ui-controls-field-numeric div[role=control] input {
    border: 0 none transparent;
    height: 22px;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.-pdjs-shared-ui-controls-field-numeric div[role=control] input::-webkit-outer-spin-button,
.-pdjs-shared-ui-controls-field-numeric div[role=control] input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.-pdjs-shared-ui-controls-field-numeric:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-shared-ui-field.-pdjs-field-select {
    height: 50px;
}

.-pdjs-shared-ui-field.-pdjs-field-select > div[role=control] {
    border: 0 none transparent !important;
}

.-pdjs-shared-ui-field.-pdjs-field-select div[role=select-container] {
    border: 0 none transparent !important;
    height: 25px;
}

.-pdjs-shared-ui-field.-pdjs-field-select select {
    width: 100%;
    box-sizing: border-box;
    border: 0 none transparent;
    border: 1px solid var(--visiv-theme-input-border-color);
    padding: 3px;
}
.-pdjs-shared-ui-single-select-field {
    height: 50px;
}

.-pdjs-shared-ui-single-select-field button[data-role=handle] {
    top: 4px;
}
.-pdjs-shared-ui-field.-pdjs-field-tile {
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] {
    display: flex;
    justify-content: center;
    width: 60px;
    flex-wrap: wrap;
    border: 1px solid transparent;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile].-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border: 1px solid var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] > div:first-child {
    width: 100%;
    text-align: center;
    flex-basis: 100%;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] > div:last-child {
    text-align: center;
    width: 100%;
    flex-basis: 100%;
}
.-pdjs-batch-field {

}

.-pdjs-batch-field > div[role=list] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 27px;
    left: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
    overflow-y: auto;
    user-select: none;
    background-color: var(--visiv-theme-input-back-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item] {
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled > div[role=item] {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled > div[role=item]:hover {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled .-pdjs-shared-ui-control-message,
.-pdjs-batch-field > div[role=list].-pdjs-disabled .-pdjs-shared-ui-control-message > div[role=message] {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list] > div[role=item][data-selected=true] {
    background-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item] > input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: 5px;
    display: none;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > span {
    position: absolute;
    left: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > span:hover {
    right: 26px;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > i {
    position: absolute;
    top: 3px;
    right: 3px;
    display: none;
    border: 1px solid var(--visiv-theme-input-border-color);
    font-size: 16px;
}

.-pdjs-batch-field > div[role=list]:not(.-pdjs-disabled) > div[role=item]:hover > i {
    display: block;
}

.-pdjs-batch-field > div[role=list] > div[role=item].-pdjs-batch-field-item-checkbox > input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
}


.-pdjs-batch-field > div[role=list] > div[role=item].-pdjs-batch-field-item-checkbox > span {
    left: 24px;
}


.-pdjs-batch-field > div[role=list] > div[role=message] {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.-pdjs-batch-field > div[role=list] > div[role=message] table {
    height: 100%;
    width: 100%;
}

.-pdjs-batch-field > div[role=list] > div[role=message] td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-batch-field > div[role=filter] {
    position: absolute;
    height: 24px;
    right: 75px;
    bottom: 0;
    left: 0;
    text-align: right;
    margin-top: 8px;
    vertical-align: bottom;
}

.-pdjs-batch-field > div[role=deck] {
    position: absolute;
    height: 26px;
    width: 85px;
    bottom: 0;
    right: 0;
    text-align: right;
    margin-top: 8px;
    vertical-align: bottom;
}

.-pdjs-batch-field > div[role=deck] > button[role=dialog] {
    position: absolute;
    top: 2px;
    right: 16px;
    vertical-align: bottom;
    height: 24px;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
}

.-pdjs-batch-field > div[role=deck] > button[role=popup] {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0;
    border-left-width: 0;
    width: 16px;
    height: 24px;
    box-sizing: border-box;
    vertical-align: bottom;
    cursor: pointer;
    outline: none;
}

.-pdjs-batch-field > div[role=deck] > button[role=popup]:hover {
    border-left-width: 1px;
}

-pdjs-batch-field-button > button:last-child {
    font-size: 16px;
}

.-pdjs-shared-ui-controls-command-button {
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border: 1px solid;
    border-color: var(--visiv-theme-button-border-color);
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--visiv-theme-button-text-color);
    font-size: 12px;
    display: inline-grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
    overflow-y: hidden;
    vertical-align: top;
}

.-pdjs-shared-ui-controls-command-button > div {
    overflow-y: hidden;
}

.-pdjs-shared-ui-controls-command-button:not([disabled]):active {
    background-color: var(--visiv-theme-active-back-color) !important;
    color: var(--visiv-theme-active-text-color) !important;
}

.-pdjs-shared-ui-controls-command-button[disabled]:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-active-back-color);
    border: 1px solid var(--visiv-theme-active-border-color);
}

.-pdjs-shared-ui-controls-command-button:not([disabled]):hover {
    color: var(--visiv-theme-hover-text-color);
    border-color: var(--visiv-theme-hover-border-color);
    background-color: var(--visiv-theme-hover-back-color);
    background-image: none !important;
}

.-pdjs-shared-ui-controls-command-button[checked] {
    background-color: var(--visiv-theme-select-text-color);
    border-color: var(--visiv-theme-select-text-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-controls-command-button > div:first-child > img {
    vertical-align: text-bottom;
    padding-top: 6px;
    margin: 0;
}

.-pdjs-shared-ui-controls-collapsible-panel {
    display: grid;
    margin-bottom: 5px;
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] {
    font-family: Ubuntu;
    font-size: 16px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] {
    display: grid;
    grid-template-columns: auto max-content;
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] > div[role=title-text] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    color: var(--visiv-theme-manage-action-pane-text-color);
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    color: var(--visiv-theme-manage-action-pane-text-color);
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button:hover {
    /*color: var(--visiv-theme-manage-action-pane-text-color);*/
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button-icon {
    display: inline-block;
}
.-pdjs-shared-ui-controls-color-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: max-content auto max-content
}

.-pdjs-shared-ui-controls-color-editor > div[data-controls] {
    position: relative;
}

.-pdjs-shared-ui-controls-color-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}

.-fb-color-editor-input {

}

.-fb-color-editor-input.-pd-masked-textbox div[data-role=input-and-mask] {
    border-width: 0;
}

.-fb-color-editor-input.-pd-masked-textbox div[data-role=input-and-mask] input {
    border-width: 0;
    height: 25px
}

.-fb-color-editor-input.-is-valid-theme-color input {
    color: var(--visiv-system-green-muted) !important;
}

.-fb-color-editor-input.-is-valid-theme-color input {
    color: var(--visiv-system-green-muted) !important;
}

.-fb-color-editor-input.-is-watermark input {
    color: var(--visiv-system-grey-light) !important;
}
.-fb-color-editor-list {
    display: grid;
    grid-template-rows: auto max-content;
    width: 0;
    padding: 0;
    grid-gap: 0;
    box-sizing: border-box;
    background-color: var(--visiv-theme-fb-input-back-color);
}

.-fb-color-editor-list > div {
    position: relative;
}

.-fb-color-editor-list > div:last-child {
    padding: 5px;
}

.-fb-color-editor-list .-pd-masked-textbox {
    position: relative;
}

.-fb-color-editor-list .-pdjs-list-view {
    border-width: 0 0 1px 0;
}
.-pdjs-fb-color-editor-list-item {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    align-items: center;
    font-size: 12px;
}

.-pdjs-fb-color-editor-list-item div[role=swatch] {
    height: 19px;
    width: 19px;
    border: 1px solid var(--visiv-theme-fb-input-border-color);
    overflow: hidden;
    cursor: pointer;
    margin: 2px;
}

.-pdjs-fb-color-editor-list-item div[role=color] {
    height: 100%;
    width: 100%;
}

.-pdjs-fb-color-editor-list-item div[role=label] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.-fb-color-editor-swatch {
    height: 19px;
    width: 19px;
    border: 1px solid black;
    margin: 2px;
}

.-fb-color-editor-swatch > div[role=color] {
    height: 19px;
    width: 19px;
}

.-is-transparent {
    background-image:
        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
        linear-gradient(to right, black 50%, white 50%), 
        linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 10px 10px;
}

.-fb-swatch-error {
    background-image: repeating-linear-gradient( 45deg, var(--visiv-system-white), var(--visiv-system-white) 5px, var(--visiv-system-red-vibrant) 5px, var(--visiv-system-red-vibrant) 10px ) !important;
}

.-fb-color-editor-swatch-popup {
    height: 200px;
    width: 250px;
}

.-fb-color-editor-swatch-popup > div[role=picker] {
    border: 0 none;
}

.-fb-color-editor-swatch-popup .k-hsv-rectangle {
    border: 0 solid;
    height: 180px;
}
.-pdjs-shared-ui-controls-colors-dialog {
}

.-pdjs-shared-ui-controls-colors-dialog-content {
    height: 100%;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-content > div {
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs button {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs button.-pdjs-selected {
    background-image: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-controls-colors-dialog-body {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-ui-controls-colors-dialog-body > div {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-pick.k-flatcolorpicker {
    width: auto;
    box-sizing: border-box;
    border-width: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    overflow: hidden;
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-list-filter .-pd-masked-textbox  {
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-list-control {
    position: relative;
    overflow: hidden;
}
.-pdjs-shared-ui-controls-colors-dialog-custom-panel {
    overflow: hidden;
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel .k-flatcolorpicker {
    border-width: 0;
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel .k-flatcolorpicker .k-hue-slider {
    display: none;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=inputs] {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=color] {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)), 
        linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 20px 20px;
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=swatch] {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=values] {
    display: grid;
    align-content: start;
    justify-items: start;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=field] > div:first-child {
    height: 25px;
    text-align: center;
}
.-pdjs-shared-ui-controls-colors-dialog-custom-panel-values {
    width: 100%;
}

.-pdjs-shared-colors-picker-values {
    display: grid;
    grid-template-columns: 120px auto;
    grid-gap: 10px;
}

.-pdjs-shared-colors-picker-values-color {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-color input,
.-pdjs-shared-colors-picker-values-color select {
    box-sizing: border-box;
    height: 22px;
    width: 100%;
}

.-pdjs-shared-colors-picker-values-color-swatch {
    background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)), 
        linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 20px 20px;
    border: 1px solid var(--visiv-theme-input-border-color);
    position: relative;
}

.-pdjs-shared-colors-picker-values-color-swatch-color {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-colors-picker-values-color-hex {
    text-align: center;
}

.-pdjs-shared-colors-picker-values-inputs {
    display: grid;
    grid-template-rows: max-content max-content max-content max-content;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-input {
    display: grid;
    grid-template-columns: 10px max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-input-label {
    line-height: 22px;
    cursor: default;
}

.-pdjs-shared-colors-picker-values-input-value input {
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    line-height: 22px;
}

.-pdjs-shared-colors-picker-values-input-slide input {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-shared-ui-controls-theme-colors-list {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-combo-box {
    height: 24px;
}

.-pdjs-combo-box input[type=text] {
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-combo-box button[role=dialog] {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    right: 2px;
    padding: 0 !important;
}

.-pdjs-combo-box button[role=list] {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    right: 2px;
    padding: 0 !important;
    outline: none;
    cursor: pointer;
}

.-pdjs-combo-box.-pdjs-disabled div[role=icon] {
    opacity: .5;
}
.-pdjs-combo-box-pop-up-item {
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.-pdjs-combo-box-pop-up-item.-pdjs-active {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}


.-pdjs-context-menu-item {
    display: grid;
    grid-template-columns: 5px 20px 5px auto max-content;
    align-items: center;
    height: 24px;
    font-size: 12px;
    cursor: pointer;
}

.-pdjs-context-menu-item-base.-pdjs-disabled > .-pdjs-context-menu-item {
    opacity: .4;
    cursor: default;
}

.-pdjs-context-menu-item-base.-pdjs-hidden {
    display: none;
}

.-pdjs-context-menu-item-base:not(.-pdjs-disabled) > .-pdjs-context-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-context-menu-item > div[role=icon] > img {
    vertical-align: middle;
}
.-pdjs-context-menu-separator {
    display: grid;
    grid-template-columns: 5px 20px 5px auto;
    align-items: center;
    height: 1px;
}

.-pdjs-context-menu-separator.-pdjs-hidden {
    display: none;
}

.-pdjs-context-menu-separator div[role=divider] {
    height: 1px;
    background-color: var(--visiv-theme-base-1-border-color);
}
.-pdjs-shared-ui-control-message {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    border-style: solid;
    border-color: var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    position: relative;
}

.-pdjs-shared-ui-control-message > div[role=message] {
    font-size: 13px;
    line-height: 1.5;
    background-color: transparent;
    cursor: default;
    text-align: center;
    color: var(--visiv-theme-input-text-color);
}
.-pd-date-textbox {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 24px;
}

.-pd-date-textbox > input[type=text] {
    border: 0 solid var(--visiv-theme-input-border-color) !important;
    background-color: var(--visiv-theme-input-back-color);
    height: 22px;
    line-height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
}

.-pd-date-textbox > input[type=button] {
    height: 20px;
    width: 20px !important;
    max-width: 20px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    box-sizing: border-box;
    padding: 0 !important;
}

.-pd-date-textbox.-pdjs-disabled {
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
}

.-pd-date-textbox.-pdjs-disabled input[type=text] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}
.-pdjs-control-popup-calendar .k-widget.k-calendar {
    width: 100%;
    height: 100%;
    border: 0 none;
}

.-pdjs-control-popup-calendar .k-widget.k-calendar .k-header .k-icon {
    background-image: none !important;
}

.-pdjs-control-popup-calendar .k-widget.k-calendar .k-header .k-icon i {
    font-size: 16px;
}
.-pdjs-list-view {
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
    overflow-y: auto;
    user-select: none;
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
    box-sizing: border-box;
}

.-pdjs-list-view > div[role=item] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    align-items: center;
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

.-pdjs-list-view > div[role=item] > div {
    position: relative;
}

.-pdjs-list-view > div[role=item] > div:nth-child(3) > img {
    padding-left: 5px;
    padding-right: 5px;
}

.-pdjs-list-view > div[role=item] > div[role=checkbox] > input {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

.-pdjs-list-view > div[role=item][data-selected=true] {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-list-view > div[role=template] {
    width: 100%;
}

.-pdjs-list-view > div[role=item]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-list-view-item-base > div[role=remove] > i {
    font-size:16px;
    display: none !important;
    padding-right: 3px;
}

.-pdjs-list-view-item-base:hover > div[role=remove] > i {
    display: inline-block !important;
}

.-pdjs-list-view-item {
    display: grid;
    grid-template-columns: max-content auto;
    width: 100%;
    justify-items: flex-start;
    align-items: center;
    box-sizing: border-box;
    min-height: 30px;
    padding: 5px;
}

.-pdjs-list-view-item > div[role=icon] {
    padding: 0;
}

.-pdjs-list-view-item > div[role=icon] > img {
    vertical-align: middle;
}

.-pdjs-list-view-item > div[role=label] {
    padding: 0 0 0 5px;
    line-height: 1.5;
}

.-pdjs-list-view[data-minimal] > div[role=item]:last-child {
    border-bottom: 0 none transparent;
}

/* Feature Blend Style */

.-fb-grid-input-editor .-pdjs-list-view {
    background-color: var(--visiv-theme-fb-input-back-color);
    color: var(--visiv-theme-fb-input-text-color);
}
.-pd-masked-textbox {
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    height: 24px;
}

.-pd-masked-textbox div[data-role=input-and-mask] {
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 24px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pd-masked-textbox div[data-role=input-and-mask] input {
    border-width: 0 !important;
    background-color: var(--visiv-theme-input-back-color);
    height: 22px;
    line-height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    text-overflow: ellipsis;
    color: var(--visiv-theme-input-text-color);
}

.-pd-masked-textbox.-pdjs-disabled div[data-role=input-and-mask] {
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
}

.-pd-masked-textbox.-pdjs-disabled > div[data-role=input-and-mask] > input[type=text] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}

.-pdjs-control-msl {
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px 5px 5px;
}

.-pdjs-disabled .-pdjs-control-msl {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
    color: var(--visiv-theme-input-inactive-text-color);
}

.-pdjs-control-msl > [role=item] {
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    padding: 2px;
    border: 0 none;
    overflow: hidden;
    outline: none;
    outline-width: 0;
    text-overflow: ellipsis;
    display: block;
}

.-pdjs-control-msl > [role=item] > input {
    margin: -5px 0 0 0;
    vertical-align: text-top;
}

.-pdjs-control-msl > [role=item] > span {
    line-height: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    text-overflow: ellipsis;
    box-sizing: border-box;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 22px;
    display: inline-block;
    box-sizing: border-box;
}
.-pdjs-ui-panel-menu {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 350px;
    background-color: var(--visiv-theme-panel-back-color-resolved);
    border: 1px solid var(--visiv-theme-panel-border-color-resolved);
    border-width: 0 0 0 1px;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    z-index: 10000;
    box-shadow: var(--visiv-system-panel-shadow-left);
}

.-pdjs-ui-panel-menu > hr {
    border-color: var(--visiv-theme-panel-border-color-resolved);
}

.-pdjs-ui-panel-menu-title {
    font-family: Ubuntu;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 1px solid var(--visiv-theme-panel-border-color-resolved);
    color: var(--visiv-theme-base-1-text-color);
    border-width: 0 0 1px 0;
}

.-pdjs-ui-panel-menu-heading {
    font-family: Ubuntu;
    font-size: 16px;
    padding-bottom: 10px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-ui-panel-menu-label {
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-ui-panel-menu-link {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.-pdjs-ui-panel-menu-link > a {
    font-size: 13px;
    text-decoration: none;
}

.-pdjs-ui-panel-menu-link > a:hover {
    text-decoration: underline;
}

.-pdjs-ui-panel-menu-separator {
    margin: 0 0 10px 0;
    border: 0 solid var(--visiv-theme-panel-border-color-resolved);
    border-top-width: 1px;
}

/* PANEL MENU INPUTS */

.-pdjs-ui-panel-menu .-pdjs-list-view,
.-pdjs-ui-panel-menu SELECT
{
    border-color: var(--visiv-theme-panel-input-border-color-resolved);
    background-color: var(--visiv-theme-panel-input-back-color-resolved);
    color: var(--visiv-theme-panel-input-text-color-resolved);
}

.-pdjs-ui-panel-menu .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-panel-input-border-color-resolved);
}

.-pdjs-ui-panel-menu-action {
    font-size: 13px;
    font-family: Ubuntu;
    display: block;
    padding: 10px 10px 10px 10px;
    color: var(--visiv-theme-base-1-text-color);
    text-decoration: none;
    margin: 0 0 5px 0;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    cursor: pointer;
}

.-pdjs-ui-panel-menu-action:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-ui-panel-menu-action div[role=label] {
    color: var(--visiv-theme-base-1-text-color);
    font-weight: bold;
    margin-bottom: 0;
    text-decoration: none;
}

.-pdjs-ui-panel-menu-action div[role=description] {
    color:  var(--visiv-theme-base-1-text-color);
    font-weight: normal;
    margin-top: 5px;
    text-decoration: none;
    line-height: 18px;
}

.-pdjs-pop-up-item {
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 12px;
    background-color: var(--visiv-theme-base-2-back-color);
    background-position: 5px center;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
}

.-pdjs-pop-up-item.-pdjs-active {
    background-color: var(--visiv-theme-active-back-color);
}

.-pdjs-pop-up-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
}
.-pdjs-pup-txtbx {
    display: grid;
    grid-template-columns: auto 25px;
}

.-pdjs-pup-txtbx input {
    box-sizing: border-box;
    border: 0;
    height: 23px;
    width: 100%;
    line-height: 24px;
    padding-top: 4px;
    padding-left: 5px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    white-space: nowrap;
    user-select: unset;
}

.-pdjs-pup-txtbx input.-pdjs-no-value {
    font-style: italic;
}

.-pdjs-pup-txtbx button {
    padding: 0;
    margin: 3px 2px 2px 2px;
    height: 19px;
    width: 19px;
}

.-pdjs-pup-txtbx > div:nth-child(1) {
    direction: rtl;
}

.-pdjs-pup-txtbx > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}
.-pdjs-progress-bar {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    box-sizing: border-box;
}

.-pdjs-progress-bar > div[role=label] {
    position: absolute;
    inset: 0;
    text-align: left;
    font-size: 12px;
    padding-left: 5px;
    background-color: var(--visiv-theme-input-back-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-progress-bar > div[role=bar] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
}

.-pdjs-rich-text-ace {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-rich-text-ace,
.-pdjs-rich-text-ace-body {
    position: absolute;
    inset: 0;
}

.-pdjs-rich-text-ace-body {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-toolbar {
    height: 36px;
    text-align: right;
    color: var(--visiv-theme-button-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
    border: 0 solid var(--visiv-theme-base-2-border-color);
    border-bottom-width: 1px;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-toolbar button {
    color: var(--visiv-theme-button-text-color) !important;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-image: none;
    background-color: transparent;
    box-sizing: border-box;
    height: 26px;
    width: 26px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    padding: 0;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-editor {
    position: relative;
}
.-pdjs-rich-text-mce {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-rich-text-mce,
.-pdjs-rich-text-mce-body {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-controls-rich-text-mce-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-controls-rich-text-mce-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-controls-rich-text-mce-dialog > div:last-child {
    text-align: right;
}

.-pdjs-rich-text {
    position: absolute;
    inset: 0;
    display: grid;
}
.-pdjs-tabstrip-menu {
    position: absolute;
    bottom: 0;
    width: 300px;
    right: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    border-left: 1px solid var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
    overflow-y: auto;
    box-shadow: var(--visiv-system-panel-shadow-left);
}

.-pdjs-tabstrip-overflow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--visiv-theme-base-2-text-color);
    font-size: 13px;
    border-left: 1px solid var(--visiv-theme-base-2-border-color);
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-1-back-color);
    cursor: pointer;
}

.-pdjs-tabstrip-overflow:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-tabstrip-overflow-button {
    display: flex;
    box-sizing: border-box;
    padding: 0 5px 0 5px;

    > i {
        font-size: 16px;
    }
    
}
.-pdjs-tabstrip-menu-item {
    display: block;
    height: 32px;
    border: none;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
    line-height: 32px;
    padding: 0 10px 0 10px;
    cursor: pointer;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-tabstrip-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    border-top-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-tabstrip-menu-item > div[role=grid] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-tabstrip-menu-item > div[role=grid] > div:first-child {
    display: flex;
    grid-template-columns: max-content auto;
    align-items: center;
}
.-pdjs-tabstrip-tab {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    background-color: var(--visiv-theme-tabstrip-back-color);
    border-color: var(--visiv-theme-tabstrip-border-color);
    color: var(--visiv-theme-tabstrip-text-color);
}

.-pdjs-tabstrip-tab div[role=grid] {
    display: grid;
    grid-template-columns: min-content auto;
}

.-pdjs-tabstrip-tab div[role=grid] img {
    margin-top: 7px;
    margin-right: 5px;
}

.-pdjs-tabstrip-tab.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-tabstrip-tab:not(.-pdjs-selected):not(.-pdjs-no-hover):hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-top-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-tabstrip-tab.-pdjs-dragging {
    display: none;
}
.-pdjs-tabstrip {
    margin-top: 0px;
    display: grid;
    grid-template-columns: max-content auto max-content max-content max-content max-content;
}

.-pdjs-tabstrip > div {
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
}

.-pdjs-tabstrip .-pdjs-tabstrip-tabs {
    vertical-align: top;
    white-space: nowrap;
    padding: 0;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    height: 35px;
    box-sizing: border-box;
    overflow: hidden;
}
.-pdjs-tabstrip-scroll-l,
.-pdjs-tabstrip-scroll-r {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    font-size: 16px;
}

.-pdjs-tabstrip-scroll-button {
    border-radius: 50%;
    border: 1px solid var(--visiv-theme-base-2-border-color);
    margin: 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-tabstrip-scroll-l > .-pdjs-tabstrip-scroll-button > i {
    position: relative;
    left: -.5px;
    top: .5px;
}

.-pdjs-tabstrip-scroll-r > .-pdjs-tabstrip-scroll-button > i {
    position: relative;
    left: .5px;
    top: .5px;
}

.-pdjs-tabstrip-scroll-button:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
}
.-pdjs-shared-ui-controls-tag-editor-batch {
    position: relative;
    background-color: var(--visiv-theme-base-3-back-color);
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-base-3-border-color);
    padding: 5px;
    overflow: auto;
}

.-pdjs-tag-editor-batch-item {
    display: inline-grid;
    grid-template-columns: auto max-content;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 0 0 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.-pdjs-tag-editor-batch-item:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-tag-editor-batch-item.a0 {
    background-color: #cbf5c1;
    border-color: #4bba47;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item.r2 {
    background-color: #fdf186;
    border-color: #d1ae48;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item.r1,
.-pdjs-tag-editor-batch-item.r0 {
    background-color: #f5c5c1;
    border-color: #e65247;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item > span[role=text] {
    user-select: none;
    cursor: pointer;
}

.-pdjs-tag-editor-batch-item > span[role=delete] > img {
    margin-top: 1px;
    filter: invert(50%);
    cursor: pointer;
}
.-pdjs-shared-ui-controls-toolbar {
    display: grid;
    grid-template-columns: auto max-content;
    height: 30px;
}

.-pdjs-shared-ui-controls-toolbar > div[role=items] {
    display: flex;
    gap: 0;
    overflow: hidden;
    white-space: normal;
    flex-wrap: wrap;
}

.-pdjs-shared-ui-controls-toolbar > div[role=overflow] > button {
    height: 30px;
    padding: 2px;
    margin: 0 0 0 0;
    background-image: none;
    border: 1px solid var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    color: var(--visiv-theme-button-text-color);
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 3px;
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar > div[role=items] > div[role=item] {
    white-space: nowrap;
    overflow: hidden;
}

.-pdjs-shared-ui-controls-toolbar-list {
    height: 30px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    border-radius: 0;
    border-width: 0;
    box-sizing: border-box;
    font-size: 12px;
    display: grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar-list > div {
    line-height: 30px;
    overflow-y: hidden;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-shared-ui-controls-toolbar-list select {
    height: 24px;
}

.-pdjs-shared-ui-controls-toolbar-list > div:first-child {
    padding-right:5px;
}

.-pdjs-shared-ui-controls-toolbar-button {
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 12px;
    display: grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
    overflow-y: hidden;
    border: 1px solid var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    color: var(--visiv-theme-button-text-color);
    align-items: center;
}

.-pdjs-shared-ui-controls-toolbar-button > div {
    overflow-y: hidden;
}

.-pdjs-shared-ui-controls-toolbar-menu-item {
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):active {
    background-color: var(--visiv-theme-active-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-active-back-color) 0%, var(--visiv-theme-active-back-color) 100%);
    border-color: var(--visiv-theme-active-border-color);
    color: var(--visiv-theme-active-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button[disabled]:hover {
    border: 1px solid;
    background: unset;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border-color: var(--visiv-theme-button-border-color);
    color: var(--visiv-theme-button-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):hover {
    background-color: var(--visiv-theme-hover-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-hover-back-color) 0%, var(--visiv-theme-hover-back-color) 100%);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):hover > div[role=icon] {
    animation: ring 4s .2s ease-in-out;
}

.-pdjs-shared-ui-controls-toolbar-button[checked] {
    background-image: none !important;
    background-color: var(--visiv-theme-select-back-color) !important;
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color) !important;
}

.-pdjs-shared-ui-controls-toolbar-button > div:first-child > img {
    vertical-align: text-bottom;
    margin: 0;
}

.-pdjs-shared-ui-controls-toolbar-menu .-pdjs-shared-ui-controls-toolbar-button {
    width: 100%;
    padding: 0 15px 0 15px !important;
    text-align: left;
}
.-pdjs-shared-ui-controls-toolbar-separator-v {
    padding: 5px 5px 5px 0;
    box-sizing: border-box;
    height: 100%;
}
.-pdjs-shared-ui-controls-toolbar-separator-v > div {
    box-sizing: border-box;
    height: 100%;
    width: 1px;
    background-color: var(--visiv-theme-base-1-border-color);
    font-size: 1px;
}

.-pdjs-shared-ui-controls-toolbar-separator-h {
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    width: 100%;
}
.-pdjs-shared-ui-controls-toolbar-separator-h > div {
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    background-color: var(--visiv-theme-base-1-border-color);
    font-size: 1px;
}

.-pd-upload-input {
    position: relative;
    height: 22px;
}

.-pd-upload-input >
.-pd-upload-input-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 27px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-label {
    position: absolute;
    inset: 0;
    padding-left: 5px;
    line-height: 22px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--visiv-theme-input-text-color);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-scale {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: var(--visiv-system-green-vibrant);
    box-sizing: border-box;
    overflow: hidden;
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-scale-label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    vertical-align: top;
    padding-left: 5px;
    line-height: 22px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    color: var(--visiv-system-black);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--visiv-theme-input-back-color);
}

.-pd-upload-input >
.-pd-upload-input-button {
    vertical-align: top;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    padding: 0;
}

/* Feature Blend Style */

.-fb-grid-input-editor
.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-label {
    color: var(--visiv-theme-fb-input-text-color);
}


.-fb-grid-input-editor
.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-background {
    background-color: var(--visiv-theme-fb-input-back-color);
}
.-pdjs-shared-conflict-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content max-content;
    grid-gap: 10px;
    padding: 10px;
}

.-pdjs-shared-conflict-dialog > div {
    position: relative;
}

.-pdjs-shared-conflict-dialog > div[role=conflict] {
    font-size: 15px;
    line-height: 20px;
}

.-pdjs-shared-conflict-dialog div[role=header] span[role=src],
.-pdjs-shared-conflict-dialog div[role=header] span[role=dst] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-shared-conflict-dialog div[role=repeat] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-shared-conflict-dialog .-pdjs-list-view-item {
    padding: 10px;
}

-pdjs-shared-conflict-dialog .-pdjs-list-view-item > div[role=icon] {
}

.-pdjs-shared-conflict-dialog .-pdjs-list-view-item > div[role=label] {
    font-size: 15px;
}
.-pdjs-shared-upload-dialog {
    position:absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap:10px;
}

.-pdjs-shared-upload-dialog > div {
    position: relative;
}


.-pdjs-shared-upload-dialog > div[role=list] > div:first-child {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-upload-dialog > div[role=deck] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}
.-pdjs-shared-dialogs-upload-file-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-shared-dialogs-upload-file-dialog > div {
    position: relative;
}

.-pdjs-shared-dialogs-upload-file-dialog > div[role=buttons] {
    text-align: right;
}

/* List */

.-pdjs-shared-upload-list {}

/* List Item */

.-pdjs-shared-upload-list-item {
    display: block;
    line-height: 18px !important;
}

.-pdjs-shared-upload-list-item > div > div[role=contents] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    grid-gap: 5px;
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
}

.-pdjs-shared-upload-list-item > div > div[role=contents] > div:nth-child(3) {
    padding-left: 5px;
    padding-right: 0;
}

.-pdjs-shared-upload-list-item div[role=label-progress] {
    display: grid;
    grid-template-rows: auto max-content;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-shared-upload-list-item div[role=label-progress] > div:first-child {
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.-pdjs-shared-upload-list-item div[role=label-progress] > div:last-child {
    padding-bottom: 5px;
}

.-pdjs-shared-upload-list-item div[role=status] > div {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    padding-right: 5px;
}

.-pdjs-shared-upload-list-item div[role=status] img {
    margin-top: -5px;
}
.-pdjs-view-filter-operator {
}

.-pdjs-view-filter-operator select {
    height: 25px;
}

.-pdjs-view-filter-value :focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-view-filter-value input:focus {
    outline-style: none;
}

.-pdjs-view-filter-value input[disabled],
.-pdjs-view-filter-value select[disabled] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
    opacity: 1;
}
.-pdjs-view-filter-value-date {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 8px;
}

.-pdjs-view-filter-value-date > div {
    position: relative;
}

.-pdjs-view-filter-value-date select {
    width: 100%;
    box-sizing: border-box;
    border: 0 none transparent;
    border: 1px solid var(--visiv-theme-input-border-color);
    padding: 3px;
    height: 25px;
}

.-pdjs-view-filter-value-list {
}

.-pdjs-view-filter-value-list  {

}

.-pdjs-view-filter-value-string input[disabled] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
    opacity: 1;
}
.-pdjs-view-filter-components {
    display: grid;
    grid-gap: 10px;
}

.-pdjs-filter-editor-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-filter-editor-dialog-content {
    position: relative;
}

.-pdjs-filter-editor-dialog-buttons {
    position: relative;
    text-align: right;
}
.-pdjs-view-document-type-anchors-editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-document-type-anchors-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    overflow: auto;
}

.-pdjs-view-document-type-anchors-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-doc-type-anchors-feature {
    position: absolute;
    inset: 10px;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter],
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=finder],
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}
.-pdjs-view-doc-type-anchors-finder > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.-pdjs-view-entity-type-anchors-editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-entity-type-anchors-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    overflow: auto;
}

.-pdjs-view-entity-type-anchors-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-ent-type-anchors-feature {
    position: absolute;
    inset: 10px;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter],
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=finder],
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}
.-pdjs-view-ent-type-anchors-finder > div[role=toolbar] {
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    overflow: auto;
    text-align: right;
}

.-pdjs-view-ent-type-anchors-finder > div[role=content] {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}


.-pdjs-view-columns-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter],
.-pdjs-view-columns-dialog > div[role=content] div[role=finder],
.-pdjs-view-columns-dialog > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}

.-pdjs-view-columns-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-columns-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}

.-pdjs-view-columns-editor {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-editor div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
}

.-pdjs-view-columns-editor div[role=content] {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    bottom: 0;
}

.-pdjs-view-columns-editor-grid {
    position: absolute;
    inset: 0;
}
.-pdjs-grid-text-editor input {
    height: 25px;
    line-height: 22px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 5px;
    outline: none;
}

.-pdjs-grid-text-editor [role=label] {
    padding-left: 5px;
}

.k-state-selected .-pdjs-grid-text-editor .-pdjs-label-name-changed[role=label] {
    font-weight: bold;
    font-style: italic;
    color: var(--visiv-theme-select-text-color);
}

tr:not(.k-state-selected) .-pdjs-grid-text-editor .-pdjs-label-name-changed[role=label] {
    font-weight: bold;
    font-style: italic;
    color: var(--visiv-system-orange);
}

.-pdjs-view-columns-finder {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 24px;
}

.-pdjs-view-columns-finder div[role=content] {
    position: absolute;
    top: 34px;
    right: 0;
    left: 0;
    bottom: 0;
}

.-pdjs-view-columns-finder-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-columns-finder-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-columns-finder-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}
.-pdjs-view-columns-finder-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder-dialog-toolbar {
    display: block;
}

.-pdjs-view-columns-finder-dialog-toolbar[depths=true] {
    display: grid;
    grid-template-columns: auto 5px 200px;
}

.-pdjs-view-columns-finder-dialog-toolbar > div {
    position: relative;
}

.-pdjs-view-columns-finder-dialog-toolbar > div[role=anchors] > select {
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding-right: 10px;
}
.-pdjs-finder-settings > div[role=content] > div[role=checkbox-header] {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label {
    display: grid;
    grid-template-columns: 20px min-content auto;
    font-size: 12px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label > div:nth-child(2) {
    padding-top: 1px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label > div:nth-child(3) {
    padding-left: 5px;
}
.-pdjs-view-constraints-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot {
    display: grid;
    grid-template-columns: 5px max-content auto !important;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top > .k-checkbox,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid > .k-checkbox,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot > .k-checkbox {
    padding-right: 0px;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top > .k-checkbox > input[type=checkbox],
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid > .k-checkbox > input[type=checkbox],
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot > .k-checkbox > input[type=checkbox] {
    display: block;
}

.-pdjs-view-constraints-tree .k-item {
    padding-left: 0;
}

.-pdjs-view-constraints-tree .k-item .k-checkbox{
    padding-top: 3px;
}

.-pdjs-view-constraints-tree .k-item .k-in {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    height: 30px !important;
}

.-pdjs-view-constraints-tree .k-state-selected > .-pdjs-view-filter-tree-constraint span[role] {
    color: #FFFFFF !important;
}

.-pdjs-view-constraints-tree .k-item.-pdjs-disabled div:not(.k-state-selected) span {
    color: #CCCCCC;
}

.-pdjs-view-constraints-tree .k-item > .k-top,
.-pdjs-view-constraints-tree .k-item > .k-mid,
.-pdjs-view-constraints-tree .k-item > .k-bot {
    display: grid;
    /* grid-template-columns is also set in code */
    grid-template-columns: 25px min-content auto;
}

.-pdjs-view-constraints-tree .k-item > .k-top > .k-checkbox,
.-pdjs-view-constraints-tree .k-item > .k-mid > .k-checkbox,
.-pdjs-view-constraints-tree .k-item > .k-bot > .k-checkbox {
    padding-top: 6px;
    padding-right: 5px;
}

.-pdjs-view-constraints-tree .k-item > .k-top:hover,
.-pdjs-view-constraints-tree .k-item > .k-mid:hover,
.-pdjs-view-constraints-tree .k-item > .k-bot:hover {
     background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-view-constraints-tree .k-item > .k-top:hover .-pdjs-view-filter-tree-constraint span,
.-pdjs-view-constraints-tree .k-item > .k-mid:hover .-pdjs-view-filter-tree-constraint span,
.-pdjs-view-constraints-tree .k-item > .k-bot:hover .-pdjs-view-filter-tree-constraint span {
     color: var(--visiv-theme-hover-text-color) !important;
}

.-pdjs-view-constraints-tree .k-item > .k-top > .k-icon,
.-pdjs-view-constraints-tree .k-item > .k-mid > .k-icon,
.-pdjs-view-constraints-tree .k-item > .k-bot > .k-icon {
    padding-left: 25px;
    height: 0;
}


.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint {
    display: grid;
    grid-template-columns: auto 30px;
    height: 30px;
    box-sizing: border-box;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint span[role=action] {
     color: var(--visiv-system-orange);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=text] {
    padding-left: 5px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] {
    position: relative;
    padding: 5px;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] > span:nth-child(1) {
    display: inline-block;
    position: absolute;
    top: 5px;
    left:5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] > span:nth-child(2) {
    position: absolute;
    top: 15px;
    left: 5px;
    height: 10px;
    width: 20px;
    border-radius: 50%;
    border-radius: 0 0 10rem 10rem;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-condition {
    text-decoration: none;
    font-weight: bold;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=scalar] {
    color: var(--visiv-system-red-muted);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=name] {
    color: var(--visiv-system-blue);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=operator] {
    color: var(--visiv-system-green);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=operator][state=op-0] {
    color: var(--visiv-system-red);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=value] {
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=value][is-auto] {
    color: var(--visiv-system-purple-dark) !important;
    background-color: var(--visiv-system-purple-light);
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint span[role=condition] {
    color: darkorange;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter[state=not-set] {
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter[state=not-set] span[role=operator] {
    color: var(--visiv-system-grey-dark) !important;
    background-color: var(--visiv-system-grey-light);
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
}



.-pdjs-view-filter-editor {
    display: grid;
    position: relative;
}

.-pdjs-view-filter-editor > div {
    position: relative;
}
.-pdjs-view-filters-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-filters-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter],
.-pdjs-view-filters-dialog > div[role=content] div[role=finder],
.-pdjs-view-filters-dialog > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}

.-pdjs-view-filters-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-filters-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}

.-pdjs-view-filters-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
}

.-pdjs-view-filters-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] {
    display: grid;
    grid-template-columns: max-content max-content;
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] > div[data-checkbox] > input {
    margin-top: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] > div:not(:last-child) {
    padding-right: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div {
    white-space: nowrap;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div:not(:last-child) {
    padding-right: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-checkbox] > input {
    margin-top: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-operator] {
    color: var(--visiv-system-blue);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-operator] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-verse] {
    color: var(--visiv-system-orange);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-verse] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-operator=notset] {
    color: var(--visiv-system-red);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-operator=notset] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor-drag-clue {
    display: grid;
    grid-template-columns: max-content max-content;
    background-color: var(--visiv-theme-base-2-back-color);
    border-color: var(--visiv-theme-base-2-border-color);
    padding: 4px;
    border-radius: 0;
    font-size: 12px;
}

.-pdjs-view-filters-editor-drag-clue > span:first-child {
    padding-top: 1px;
}
.-pdjs-application-bar {
    height: 40px;
    display: grid;
    grid-template-columns: min-content auto min-content;
    background-color: var(--visiv-theme-application-bar-back-color);
    color: var(--visiv-theme-application-bar-text-color);
}

.-pdjs-application-bar > div:nth-child(2) {
    line-height: 40px;
    font-family: Ubuntu;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
}

.-pdjs-application-bar > div:nth-child(3) {
    text-align: right;
    white-space: nowrap;
}
.-pdjs-shared-task-status-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 0;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
}

.-pdjs-shared-task-status-dialog > div {
    position: relative;
}

.-pdjs-shared-task-status-dialog > div:not(:last-child) {
    padding-bottom: 10px;
}

.-pdjs-shared-task-status-dialog > div:nth-child(3) {
    padding-bottom: 0;
}

.-pdjs-shared-task-status-dialog div[role=marquee] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
    width: 100%;
    height: 16px;
}

.-pdjs-shared-task-status-dialog div[role=marquee] > div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.-pdjs-shared-task-status-dialog div[role=log] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
    overflow: auto;
    padding: 10px;
    bottom: 10px;
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level] {
    line-height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level] > div:first-child {
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level=warning] {
    color: var(--visiv-system-blue);
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level=error] {
    color: var(--visiv-system-red);
}

.-pdjs-shared-task-status-dialog div[role=deck] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-shared-task-status-dialog div[role=deck] > div[role=deck-l] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    box-sizing: border-box;
    font-family: 'IcoFont';
    font-size: 16px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[toggled=false] {
    font-size: 20px;
    padding-left: 1.5px;
    padding-top: 1px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[toggled=true] {
    font-size: 20px;
    padding-left: 1.5px;
    padding-top: 0;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[role=clipboard] {
    font-size: 14px;
    padding-left: 5px;
}

.-pdjs-shared-task-status-dialog div[role=deck-r] {
    text-align: right;
}

.-pdjs-tooltip-content {
    display: grid;
    grid-template-rows: auto auto;
    font-size: 12px;
    line-height: 1.5;
}

.-pdjs-tooltip-content > div:nth-child(1) {
    font-weight: bold;
}
.-pdjs-element-actual-error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--visiv-theme-input-border-color);
    border-style: solid;
    border-width: 1px;
    background-image: repeating-linear-gradient(45deg, 
        var(--visiv-theme-base-3-back-color), 
        var(--visiv-theme-base-3-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 30px);
}

.-pdjs-element-actual-error > table {
    box-sizing: border-box;
    border-collapse: collapse;
}

.-pdjs-element-actual-error > table td {
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding:0;
}

.-pdjs-element-actual-error > table td > div {
    display: inline-block;
    font-size: 20px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
}

.-pdjs-form-submit-pending .-pdjs-canvas-form-field-animation-target {
    background: linear-gradient(271deg, var(--visiv-theme-canvas-form-action-submit-back-color), var(--visiv-theme-canvas-form-action-submit-back-color-gradient), var(--visiv-theme-canvas-form-action-submit-back-color));
    background-size: 600% 600%;
    animation: -pd-form-submit-animaton 1.5s ease infinite;
}
@keyframes -pd-form-submit-animaton {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.-pdjs-form-submit-error .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-theme-input-back-color);
    animation: -pd-form-submit-error-animaton 1.5s ease;
}
@keyframes -pd-form-submit-error-animaton {
    0% {
        background-color: var(--visiv-theme-canvas-form-action-error-back-color);
        color: var(--visiv-system-black);
    }
    70% {
        background-color: var(--visiv-theme-canvas-form-action-error-back-color);
        color: var(--visiv-system-black);
    }
    100% {
        background-color: var(--visiv-theme-input-back-color);
        color: var(--visiv-system-black);
    }
}

.-pdjs-form-submit-success .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-theme-input-back-color);
    animation: -pd-form-submit-success-animaton 1.5s ease;
}
@keyframes -pd-form-submit-success-animaton {
    0% {
        background-color: var(--visiv-theme-canvas-form-action-success-back-color);
        color: var(--visiv-system-black);
    }
    70% {
        background-color: var(--visiv-theme-canvas-form-action-success-back-color);
        color: var(--visiv-system-black);
    }
    100% {
        background-color: var(--visiv-theme-input-back-color);
        color: var(--visiv-system-black);
    }
}
.-pdjs-canvas-chart-anchor-selection-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto 26px;
    grid-row-gap: 10px;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=content] {
    position: relative;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=content] > div {
    position: relative;
}
.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-1] {
    text-align: right;
}

.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-2] {
    box-sizing: border-box;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-1] .-pd-masked-textbox {
    display: inline-block;
}
.-pdjs-canvas-chart-anchors-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-anchors-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-anchors-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-anchors-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-anchors-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canavas-design-charts-anchors-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-anchors-message > div[role=message] {
}
.-pdjs-canvas-chart-categories-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
}

.-pdjs-canvas-chart-categories-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-categories-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-categories-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-categories-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-chart-editor-field {
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-chart-editor-field-scalar-fn {
    color: var(--visiv-system-red-muted);
}

.-pdjs-chart-editor-field-aggregate-fn {
    color: var(--visiv-system-cyan-muted);
}

.k-state-selected [class^="-pdjs-chart-editor-field"],
.k-state-selected [class*=" -pdjs-chart-editor-field"] {
}

tr[role=row]:hover [class^="-pdjs-chart-editor-field"],
tr[role=row]:hover [class*=" -pdjs-chart-editor-field"] {
    color: var(--visiv-theme-hover-text-color) !important;                                                                     
}

.k-state-selected [class^="-pdjs-chart-editor-field"],
.k-state-selected [class*=" -pdjs-chart-editor-field"] {
    color: var(--visiv-theme-select-text-color) !important;                                                             
}
.-pdjs-canvas-chart-filters-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
}

.-pdjs-canvas-chart-filters-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-filters-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-filters-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-filters-editor > div[role=tree] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canvas-chart-filters-editor .-pdjs-view-filter-editor-filter-node {
}

.-pdjs-canvas-chart-filters-editor .-pdjs-view-filter-editor-filter-node > span {
    line-height: 12px;
}
.-pdjs-canvas-chart-documents-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-documents-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-documents-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-documents-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-documents-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canavas-design-charts-documents-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-documents-message > div[role=message] {
}
.-pdjs-canvas-chart-field-found-in-editor {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-canvas-chart-field-found-in-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-field-found-in-editor > div[role=grid] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canvas-chart-legend-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-legend-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-legend-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-legend-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-legend-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canvas-chart-overview-editor {
    display: grid;
    grid-template-rows: auto;
}

.-pdjs-canvas-chart-overview-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-overview-editor > div[role=content] {
    position: relative;
    padding-bottom: 10px;
}


.-pdjs-canvas-chart-overview-editor > div[role=content] .-pdjs-shared-ui-field:not(:first-child) {
    margin-top:10px;
}
.-pdjs-canvas-chart-values-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-values-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-values-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-values-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-values-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canavas-design-charts-field-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-field-message > div[role=message] {
}
.-pdjs-canvas-chart-field-selection-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto 26px;
    grid-row-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=content] {
    position: relative;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=content] > div {
    position: relative;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-1-content] {
    display: grid;
    grid-template-columns: auto 200px;
    grid-template-rows: max-content max-content;
    width: 100%;
    box-sizing: border-box;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-1-content] select {
    padding: 2px 0 2px 0;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-2-content] {
    position: relative;
    inset: 0;
    display: grid;
    grid-template-columns: auto 200px;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-2-content] > div:first-child {
    padding-top: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=buttons] {
    text-align: right;
}


.-pdjs-canvas-chart-field-selection-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-external-files-dialog {
    display: grid;
    position: absolute;
    inset: 0;
    grid-gap: 10px;
    grid-template-rows: max-content auto max-content;
}

.-pdjs-canvas-external-files-dialog > div:first-child {
    line-height: 1.5;
}

.-pdjs-canvas-external-files-dialog > div {
    position: relative;
}

.-pdjs-canvas-external-files-dialog > div:nth-child(2) > textarea {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-canvas-external-files-dialog > div:last-child {
    text-align: right;
}

.-pdjs-canvas-dynamics-assignment-dialog-body {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-design-variable-list {
    position: absolute;
    inset: 0;
}

.-pdjs-dynamics-editor {
    position: relative;
    height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-pdjs-dynamics-editor > div {
    position: relative;
}

.-pdjs-dynamics-editor > div:last-child {
    text-align: right;
}

.-pdjs-dynamics-editor select {
    box-sizing: border-box;
    border: 0;
    width: 100%;
    height: 25px;
    font-size: 12px;
    outline: none;
}

.-pdjs-dynamics-editor select:focus {
    outline: none;
}

.-pdjs-dynamics-editor input[role=text] {
    border: 0 !important;
    height: 23px !important;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-dynamics-editor .-pdjs-dynamics-variable {
    color: var(--visiv-system-green-muted) !important;
}

.-pdjs-dynamics-editor .-pdjs-dynamics-variable-invalid {
    color: var(--visiv-system-red-muted) !important;
}

.-pdjs-dynamics-editor .-pdjs-dynamics-variable-invalid {
    color: var(--visiv-system-red-muted) !important;
}

.-pdjs-dynamics-editor-toggle {
    height: 21px;
    width: 21px;
    box-sizing: border-box;
    border: none;
    margin: 2px;
    padding: 0;
    border: 1px solid white;
    font-family: "IcoFont";
    font-size: 12px;
    color: var(--visiv-theme-button-text-color);
    border-color: var(--visiv-theme-button-text-color);
}

.-pdjs-dynamics-editor-toggle.-fb-selected {
    background: none;
    color: var(--visiv-system-black);
    background-color: var(--visiv-system-green-muted);
}

.-pdjs-dynamics-editor-toggle.-fb-selected:hover {
    background: none;
    color: var(--visiv-system-black) !important;
    background-color: var(--visiv-system-green-muted) !important;
}

.-pdjs-dynamics-editor-toggle:before {
    content: "\ec04";
}

.-pdjs-dynamics-editor-btn-add {
    height: 21px;
    width: 21px;
    margin: 2px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
    border: 1px solid white;
    font-family: "IcoFont";
    font-size: 12px;
    color: var(--visiv-theme-button-text-color);
    background-color: var(--visiv-theme-button-back-color);
    border-color: var(--visiv-theme-button-text-color);
}

.-pdjs-dynamics-editor-btn-add:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-text-color);
}

.-pdjs-dynamics-editor-btn-add:before {
    content: "\efc2";
}




.-fb-grid-input-variable {
    display: grid;
    grid-template-columns: auto max-content;
    height: 23px;
}

.-fb-grid-input-variable div:first-child {
    position: relative;
}

.-fb-grid-input-variable-value {
    height: 25px !important;
    width: 100%;
    box-sizing: border-box;
    border-width: 0 !important;
    padding-left: 5px !important;
}

.-fb-grid-input-variable-clear {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 0;
    height: 100%;
    width: 23px;
    box-sizing: border-box;
    background: none;
    border: none;
    padding: 0;
    max-height: 23px;
    font-family: "IcoFont";
    font-size: 18px;
    color: var(--visiv-theme-button-text-color);
    line-height: 24px;
}

.-fb-grid-input-variable-clear:before {
    content: "\eee4";
}

.-fb-grid-input-variable-set {
    height: 100%;
    width: 23px;
    margin: 1px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
}

.-fb-grid-input-variable-set {
    height: 100%;
    width: 23px;
    margin: 1px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
}



.-pdjs-canvas-variables-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-variables-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-canvas-variables-dialog .-pdjs-canvas-design-variable-list {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.-pdjs-canvas-variables-dialog > div:last-child {
    text-align: right;
}

.-canvasjs-statusbar [role=dimensions] > span:nth-child(1),
.-canvasjs-statusbar [role=dimensions] > span:nth-child(2) {
    color: var(--visiv-system-red-muted) !important;
}

.-canvasjs-statusbar [role=dimensions] > span:nth-child(3),
.-canvasjs-statusbar [role=dimensions] > span:nth-child(4) {
    color: var(--visiv-system-blue-muted) !important;
}
.-pdjs-statusbar-errors {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
}

.-pdjs-statusbar-errors > div[role=label] {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 5px 0 26px;
    background-position: 5px center;
    background-repeat: no-repeat;
    white-space: nowrap;
    font-size: 12px;
    cursor: pointer;
}

.-pdjs-statusbar-errors-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    outline: var(--visiv-theme-base-1-border-color) solid 1px;
}

.-pdjs-statusbar-errors-list > div[role=title] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height:30px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-application-bar-back-color);
}

.-pdjs-statusbar-errors-list div[role=title-label] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
    box-sizing: border-box;
    color: var(--visiv-theme-application-bar-text-color);
    line-height: 20px;
    font-size: 13px;
    font-family: Arial;
    padding: 5px;
}

.-pdjs-statusbar-errors-list div[role=title-close] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.-pdjs-statusbar-errors-list > div[role=items] {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.-pdjs-statusbar-errors-list-item {
    padding: 5px;
    webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 34px;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-statusbar-errors-list-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-statusbar-errors-list-item > div[role=title] {
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}
.-pdjs-statusbar-theme {
    display: grid;
    grid-template-columns: 50px max-content;
    position: absolute;
    top: 2px;
    left: 355px;
    justify-content: center;
    align-items: center;
    border-color: var(--visiv-theme-base-1-border-color);
    border-style: solid;
    border-width: 0 1px 0 1px;
    padding: 0 10px 0 10px;
}
.-pdjs-canvas-design-toolbox-batch-field-action-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=grid] {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    justify-content: center;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=grid] button {
    height: 100%;
    width: 150px;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=deck] {
    text-align: right;
    position: relative;
}

.-pdjs-form-field-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-form-field-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-form-field-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-element-design-error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    background-image: repeating-linear-gradient(45deg, 
        var(--visiv-theme-base-3-back-color), 
        var(--visiv-theme-base-3-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 30px);
}

.-pdjs-element-design-error > table {
    height: 100%;
    width: 100%;
}

.-pdjs-element-design-error > table td {
    text-align: center;
    vertical-align: middle;
}

.-pdjs-element-design-error > table td > div {
    display: inline-block;
    font-size: 20px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
}
.-pdjs-canvas-button {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-button > button {
    height: 100%;
    width: 100%;
    grid-template-columns: auto min-content minmax(min-content, max-content) auto;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    align-items: center;
}

.-pdjs-canvas-button > button img {
    vertical-align: middle;
}
.-pdjs-text-element {
}

.-pdjs-text-element div[role=content] {
    color: var(--visiv-theme-base-1-text-color);
    line-height: 1.3;
}

.-pdjs-text-element div[role=content] p,
.-pdjs-text-element div[role=content] p:only-child {
    margin-top: 2px;
    margin-bottom: 2px;
}

.-pdjs-text-element div[role=content] li {
    line-height: 1.2;
}

.-pdjs-text-element div[role=content] li:last-child {
    margin-bottom: 0;
}
.-pdjs-canvas-shared-entity-parent-field > div[role=control] > a {
    color: var(--visiv-theme-input-text-color)
}

.-pdjs-canvas-shared-entity-parent-field.-pdjs-disabled > div[role=control] > a {
    color: var(--visiv-theme-input-inactive-text-color)
}
.-pdjs-entity-process-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 5px;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-entity-process-field > div {
    position: relative;
    height: 24px;
    width: 100%;
    box-sizing: border-box;
    border-width: 1px;
    margin-bottom: 5px;
}

.-pdjs-entity-process-field > div:last-of-type {
    margin-bottom: 0;
}

.-pdjs-entity-process-field > div > div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    bottom: 0;
    line-height: 20px;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    padding-left: 5px;
}

.-pdjs-entity-process-field > div > div:last-child {
    position: absolute;
    top: 0;
    left: 80px;
    right: 0;
    bottom: 0;
    line-height: 24px;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    border-width: 0 0 0 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 26px;
    background-position: 5px center;
    background-repeat: no-repeat;
    font-style: italic;
}

.-pdjs-entity-process-field-assignment {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute !important;
    inset: 0;
    height: 100% !important;
    background-color: var(--visiv-theme-input-back-color);
}
.-pdjs-canvas-shared-entity-process-field-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-canvas-shared-entity-process-field-dialog > div {
    position: relative;
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] {
    display: grid;
    grid-template-rows: max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] > div[role=tree-label] {
    position: relative;
    height: 26px;
    line-height: 26px;
    color: var(--visiv-required-text-color);
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] > div[role=tree-input] {
    position: relative;
}

.-pdjs-canvas-shared-entity-process-field-dialog > div[role=buttons] {
    text-align: right;
    overflow: hidden;
} 
div.k-treeview.-pdjs-canvas-entity-process-tree {
    border: 1px solid var(--visiv-theme-input-border-color);
    position: absolute;
    background-color: var(--visiv-theme-input-back-color);
    overflow: auto;
    inset: 0;
}

.-pdjs-canvas-entity-process-tree > div[role=tree] {
    font-size: 12px;
    padding: 5px 5px 5px 0px;
    box-sizing: border-box;
    position: relative;
}

.-pdjs-canvas-entity-process-tree > div[role=tree] .k-in {
    border-radius: 0 !important;
    padding: 3px 5px 3px 5px;
    line-height: 18px;
}
.-pdjs-canvas-boolean-field {
}

.-pdjs-canvas-boolean-field > [role=control] > label {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-boolean-field > [role=control] > label > input {
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
}

.-pdjs-canvas-boolean-field > [role=control] > label > [role=input-label] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    line-height: 24px;
    white-space: nowrap;
    margin-left: 20px;
}

.-pdjs-canvas-boolean-field.-pdjs-disabled > [role=control] > label {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border-color: var(--visiv-theme-input-inactive-border-color);
    color: var(--visiv-theme-input-inactive-text-color);
}

.-pdjs-canvas-boolean-field > div[role=control] :focus-within {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-control-msl:focus-within {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-canvas-ssl-field button[role]:focus {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-canvas-string-field {
}

.-pdjs-canvas-string-field > div[role=control] {
    position: absolute;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
}

.-pdjs-canvas-string-field > div[role=control] > input {
    border: 0 none transparent;
    height: 22px;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: var(--visiv-theme-input-text-color);
    background-color: transparent;
}

.-pdjs-canvas-string-field > div[role=control] > textarea {
    height: 100%;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    border: 0 none transparent;
    color: var(--visiv-theme-input-text-color);
    background-color: transparent;
}

.-pdjs-canvas-string-field.-pdjs-disabled > div[role=control] {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border-color: var(--visiv-theme-input-inactive-border-color);
}

.-pdjs-canvas-string-field.-pdjs-disabled > div[role=control] > :is(input, textarea) {
    color: var(--visiv-theme-input-inactive-text-color);
}
.-pdjs-user-field-combo-box-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-user-field-combo-box-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-user-field-combo-box-dialog > div:last-child {
    text-align: right;
}
.-pdjs-canvas-form-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.-pdjs-canvas-form-field > div[role=label] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-canvas-form-field > div[role=deck] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
}

.-pdjs-canvas-form-field > div[role=control] {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 26px;
}

.-canvasjs-design .-canvasjs-element div[role=tab-index] {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 18px;
    width: 25px;
    background-color: var(--visiv-system-yellow-muted);
    border: 0 solid;
    color: var(--visiv-system-black);
    border-radius: 20%;
    line-height: 20px;
    text-align: center;
}

.-pdjs-canvas-form-field .-pd-form-field-deck {
    position: absolute;
    right:0;
    top:0;
    width: 50px;
    text-align: right;
}

.-pdjs-canvas-form-field .-pd-form-field-deck .-pd-form-field-deck-item {
    display: inline-block;
    height: 20px;
    width: 18px;
    box-sizing: border-box;
    vertical-align: top;
}

.-pdjs-validation-errors .-pdjs-canvas-form-field [role=label] {
    padding-left: 20px;
    color: var(--visiv-error-fore-color) !important;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.-pdjs-canvas-form-field.-pdjs-canvas-disabled > div[role=label] {
    opacity: .7;
}

.-pdjs-canvas-form-field.-pdjs-canvas-disabled > input {
    border-color: var(--visiv-theme-input-inactive-border-color);
}

.-pdjs-validation-errors .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-system-red-muted) !important;
    color: var(--visiv-system-black) !important;
}

.-pdjs-canvas-form-button {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-form-button > button {
    height: 100%;
    width: 100%;
    grid-template-columns: auto min-content minmax(min-content, max-content) auto;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    align-items: center;
}

.-pdjs-canvas-form-button > button img {
    vertical-align: middle;
}
.-pdjs-canvas-process-decisions {
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-decisions div[role=decisions] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-decisions div[role=decision-id] {
    box-sizing: border-box;
    line-height: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-decisions div[role=decision-label] {
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-decisions div[role=decision-action] {
    text-decoration: underline;
    cursor: pointer;
}


.-pdjs-canvas-process-state {
    box-sizing: border-box;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-state div[role=header] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: var(--visiv-theme-base-2-back-color);
    border-bottom: 1px solid var(--visiv-theme-base-2-border-color);
}

.-pdjs-canvas-process-state div[role=head] div[role=header]:not(:last-child) {
    border-right: 1px solid var(--visiv-theme-base-2-border-color);
}

.-pdjs-canvas-process-state div[role=content] {
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    white-space: nowrap;
    background-position: 5px center;
    background-repeat: no-repeat;
}

.-pdjs-canvas-process-state div[role=content]:not(:last-child) {
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-state div[role=body] div[role=content]:not(:last-child) {
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 0;
}

.-pdjs-canvas-process-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-input-back-color);
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-view div[role=grid] {
    display: grid;
    grid-row-gap: 0;
    grid-auto-flow: row;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=keys] {
    grid-column-start: auto;
    grid-column-end: span 1;
    height: 100%;
    overflow: hidden;
    display: grid;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    grid-column-gap: 0;
    grid-row-gap: 0;
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=key] {
    background-color: var(--visiv-theme-input-back-color);
    font-weight: bold;
    font-size: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    padding: 5px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-view div[role=key] > div {
    display: block;
    text-align: center;
    width: 100%;
    text-align: center;
}

.-pdjs-canvas-process-view div[role=key] > label {
    display: block;
    text-align: center;
    width: 100%;
}

.-pdjs-canvas-process-view div[role=key-filler] {
    height: 100%;
    width: 100%;
    background-color: var(--visiv-theme-input-back-color);
    border-top: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=stage-column] {
    background-color: var(--visiv-theme-input-back-color);
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: grid;
    border: 0 none;
}

.-pdjs-canvas-process-view div[role=stage-column-filler] {
    height: 100%;
    width: 100%;
    border-bottom-width: 0;
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
    border: 0 none;
}

.-pdjs-canvas-process-view div[role=stages] {
    position: relative;
    grid-template-columns: 120px 120px 120px 120px 120px 1fr;
    grid-column-start: auto;
    grid-column-end: span 1;
    grid-column-gap: 0;
    height: 100%;
    overflow: hidden;
    display: grid;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    box-sizing: border-box;
}

.-pdjs-canvas-process-view-nav {
    
}

.-pdjs-canvas-process-view-nav div img {
    opacity: 1;
    cursor: pointer;
}

.-pdjs-canvas-process-view-nav :nth-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        height: 0;
        left: 0;
        display: flex;
        align-content: center;
        justify-content: center;
    }

.-pdjs-canvas-process-view-nav :nth-child(1) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self: self-start;
}

.-pdjs-canvas-process-view-nav :nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(2) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self: flex-end;
}

.-pdjs-canvas-process-view-nav :nth-child(3) {
    position: absolute;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(3) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self:flex-end;
}

.-pdjs-canvas-process-view-nav :nth-child(4) {
    position: absolute;
    top: 0;
    width: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(4) > img {
    position: relative;
    height: 24px;
    width: 24px;
}

.-pdjs-canvas-process-view div[role=stage] {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
    line-height: 1.5;
    cursor: pointer;
}

.-pdjs-canvas-process-view div[role=stage] > label {
    display: block;
    text-align: center;
    width: 100%;
    user-select: none;
    cursor: pointer;
}

.-pdjs-canvas-process-view div[role=stage].selected {
    border: 3px solid #007acc;
    background-color: #c9def5;
}

.-pdjs-canvas-process-view div[role=stage-filler] {
    background-color: var(--visiv-theme-input-back-color);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-left: 1px solid var(--visiv-theme-input-border-color);
    border-bottom-width: 0;
}

.-pdjs-canvas-process-view div[role=decision-map] {
    position: absolute;
    top: 5px;
    right: 5px;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    text-align: center;
    line-height: 18px;
    color: #000000;
}

.-pdjs-canvas-process-view-map-tooltip > div[role=decision-map] {
    display: inline-block;
    height: 20px;
    width: 20px;
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    text-align: center;
    line-height: 18px;
}

.-pdjs-canvas-process-view-map-tooltip > div[role=decision-map]:not(:first-child) {
    margin-left: 5px;
}
    
.-pdjs-canvas-shared-element-bar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 25px;
    box-sizing: border-box;
    line-height: 25px;
    background-color: transparent;
    padding-top: 5px;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-canvas-shared-element-bar > span[role=refresh] {
    padding-left: 10px;
    color: var(--visiv-theme-link-text-color, var(--visiv-theme-select-back-color));
    text-decoration: underline;
    cursor: pointer;
}
.-pdjs-canavas-element-menu {
    position: absolute;
    height: 16px;
    width: 16px;
    box-sizing: border-box;
    background-color: transparent;
    padding-top: 5px;
    cursor: pointer;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-canavas-element-menu > i {
    font-size: 16px;
}

.-pdjs-element-menu-item:hover {
    display: grid;
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    grid-template-columns: 26px auto;
}

.-pdjs-element-menu-item-action {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    height: 25px;
    padding: 5px 0 5px 0;
    font-size: 12px;
    font-family: Arial;
    border-width: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-element-menu-item-action:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-element-menu-item-action > div[role=icon] {
    padding-left: 5px;
}

.-pdjs-canavas-element-menu-item-board {
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-element-menu-item-last-updated {
    padding: 10px;
    text-align: center;
}

.-pdjs-fb-action-dialog {
    overflow: hidden;
}

.-pdjs-fb-action-dialog > div[data-role=content] {
    position: absolute;
    inset: 0 0 36px 0;
    overflow: hidden;
}

.-pdjs-fb-action-dialog div[data-role=splitter] {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog > div[data-role=deck] {
    position: absolute;
    height: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: right;
}
.-pdjs-fb-action-dialog-action-editor,
.-pdjs-fb-action-dialog-action-editor > .--pdjs-feature-blend-editor {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog-action-editor .-fb-layout-content {
    inset: 0;
    background-color: transparent;
}

.-pdjs-fb-action-dialog-action-editor .-fb-layout-group {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid {
    grid-template-rows: auto max-content;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid-header {
    display: none;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid-content {
    top: 0;
}

.-pdjs-fb-action-dialog-action-list {
}

.-pdjs-fb-action-dialog-action-list > select {
    box-sizing: border-box;
    width: 100%;
}


.-pdjs-fb-action-dialog-plugin-content {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-fb-action-dialog-plugin-content > div {
    position: relative;
}

.-pdjs-fb-action-dialog-plugins-list {
    position: absolute;
    inset: 0;
    border: 0 solid transparent;
    padding: 5px;
    background-color: var(--visiv-theme-input-back-color);
    padding: 0;
}

.-pdjs-fb-action-dialog-plugins-list .-pdjs-list-view {
    position: absolute;
    inset: 0;
} 
.-pdjs-manage-active-directory-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-data-load-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-data-load-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-load-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-load {
}
.-pdjs-data-load-new-job-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-data-load-new-job-dialog > div[role=content] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    line-height: 1.5;
}

.-pdjs-data-load-new-job-dialog > div[role=content] > label input {
    margin-top: 2px;
}

.-pdjs-data-load-new-job-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-data-load-new-job-dialog > div[role=buttons] button {
    margin-left: 6px;
}
.-pdjs-manage-data-model-columns-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-model-columns-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-data-model-columns-grid > div > span[role=table-name] {
    color: var(--visiv-theme-select-back-color);
}
.-fb-lde-selection-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-fb-lde-selection-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-fb-lde-selection-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-selection-lists-list-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-selection-lists-list-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-selection-lists-list-item-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-selection-lists-list-item-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-selection-lists-list-item-grid > div > span[role=list-name] {
    color: var(--visiv-theme-select-back-color);
}
.-pdjs-manage-selection-lists-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-selection-lists {
}

.-pdjs-manage-data-model-tables-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-model-tables-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-model-search {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-gap: 5px;
}

.-pdjs-manage-data-model-search > div {
    position: relative;
}

.-pdjs-manage-data-model-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-data-model-search > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-data-model-search-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-data-model-search-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-data-model-search-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-data-model-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-data-model {
}

.-pdjs-restrict-assignement-to-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-restrict-assignement-to-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-restrict-assignement-to-dialog > div:first-child {
    line-height: 1.5;
}

.-pdjs-restrict-assignement-to-dialog > div[role=multi-select] {
    padding: 6px 10px 10px 10px;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
    overflow: auto;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] {
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    display: block;
    height: 22px;
    cursor: pointer;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > input {
    position: absolute;
    top: 5px;
    left: 0;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > div[role=item-label] {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    height: 22px;
    line-height: 24px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    box-sizing: border-box;
    padding-left: 25px;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > div[role=item-label]:hover {
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-restrict-assignement-to-dialog > div:last-child {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
}

.-pdjs-restrict-assignement-to-dialog div[role=button-dock-l] {
    text-align: left;
    overflow: hidden;
}

.-pdjs-restrict-assignement-to-dialog div[role=button-dock-r] {
    text-align: right;
    overflow: hidden;
}
.-pdjs-manage-document-types-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-document-types-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-document-types-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-document-types {
}

.-fb-restrict-assignment-editor {
    display: grid;
    height: 100%;
    min-height: 70px;
    grid-template-columns: auto 25px;
}

.-fb-restrict-assignment-editor div[role=list] {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 100%;
    width: 100%;
    line-height: 25px;
    overflow-y: scroll;
}

.-fb-restrict-assignment-editor div[role=list] div[role=list-item] {
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
}

.-fb-restrict-assignment-editor div[role=list] div[role=list-item-w-icon] {
    height: 24px;
    line-height: 24px;
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 4px center;
}

.-fb-restrict-assignment-editor div:nth-child(2) {
    padding: 2px;
}

.-fb-restrict-assignment-editor input[type=button] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
.-pdjs-manage-entity-management-change-tags-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-management-change-tags-dialog > div {
    position: relative;
}

.-pdjs-manage-entity-management-change-tags-dialog > div[role=editor] {
    overflow: hidden;
}

.-pdjs-manage-entity-management-change-tags-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-entities-actions {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-entities-grid {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entities-grid > div:nth-child(2) {
    overflow: hidden;
}

.-pdjs-manage-entities-list {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entities-list .-pdjs-manage-module-section-body {
    padding: 0;
}

.-pdjs-manage-entities-list .-pdjs-list-view {
    border-width: 0;
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-entities-list .-pdjs-list-view .-pdjs-list-view-item-base {
    border-color: var(--visiv-theme-manage-module-border-color);
}
.-pdjs-manage-entities {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-entity-type-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-entity-type-explorer-model-node > div {
    box-sizing: border-box;
}

.-pdjs-manage-entity-type-explorer-model-node > div[role=icon] {
    padding-top: 3px;
    padding-right: 5px;
}

.-pdjs-manage-entity-type-explorer-model-node > div[role=text] {
}

.-pdjs-manage-entity-type-explorer-model-node[disabled] {
    opacity: .5;
}

.-pdjs-manage-entity-type-explorer-model-node[tabbed] > div[role=text] {
    text-decoration: underline;
}
/* Module */

.-pdjs-manage-module-entity-type {
    position: absolute;
    inset: 10px;
}

/* Explorer */

.-pdjs-manage-module-entity-type-explorer {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-explorer > div {
    position: relative;
}

/* Editor */

.-pdjs-manage-module-entity-type-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-editor > div {
    position: relative;
}

.-pdjs-manage-module-entity-type-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

/* Actions */

.-pdjs-manage-module-entity-type-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-fb-canvas-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-fb-canvas-editor > div:nth-child(1) {
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-fb-canvas-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-pdjs-manage-module-entity-type-explorer-model-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-explorer-model-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    padding-top: 10px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-module-entity-type-explorer-model-tree div:nth-child(1) {
    padding-top: 2px;
    padding-right: 5px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint {
    display: grid;
    grid-template-columns: max-content auto;
    height: 20px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint > span {
    display: inline-block;
    line-height: 20px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint > span:nth-child(1) {
    background-position: center center;
}
.-pdjs-manage-entity-types-relationships-child-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-child-list > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-child-list > div:first-child {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships-child-list div[role=buttons] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-entity-types-relationships-child-list div[role=buttons] button {
    align-content: flex-start;
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-manage-module-section-title > span[role=target-name] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-entity-types-relationships-child-list > div[role=list] {
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-parent-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-parent-list > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-parent-list > div:first-child {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships-parent-list div[role=buttons] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-entity-types-relationships-parent-list div[role=buttons] button {
    align-content: flex-start;
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-manage-module-section-title > span[role=target-name] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-entity-types-relationships-parent-list > div[role=list] {
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-tree {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-types-relationships-tree > div:nth-child(2) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    overflow: hidden;
    position: relative;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid {
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid .k-grid-content {
    height: auto !important;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid .k-grid-content td[role=gridcell]:first-child {
    position: relative;
}

.-pdjs-manage-entity-types-relationships-tree div[role=name-cell] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    width: 100%;
    white-space: nowrap;
}

.-pdjs-manage-entity-types-relationships-tree label[role=name-text] {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 0.6em;
    position: relative;
    line-height: 20px;
    box-sizing: border-box;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: min-content;
    margin: 5px 0 0 0;
}

.-pdjs-manage-entity-types-relationships-tree label[role=name-text].-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    position: absolute;
    inset: 0;
    border-color: inherit. initial, none, ;
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}
.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list > div[role=grid] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    inset: 0 !important;
    padding: 10px !important;
    height: 100%;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog > div[role=grid] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-entity-types-relationships {
}

.-pdjs-manage-entity-types-relationships div[role=targets] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-column-gap: 10px;
    box-sizing: border-box;
    overflow: hidden;
    inset: 0;
}

.-pdjs-manage-entity-types-relationships div[role=buttons] {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.-pdjs-manage-entity-types-relationships div[data-id=pane-4] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships div[role=children] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships div[role=children] > div {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships div[role=children-header] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships div[role=children-header] span[role=name] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships div[role=buttons-wrapper] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}
    

.-pdjs-manage-entity-type-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-type-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-entity-type-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-expression-assignment-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-expression-assignment-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-expression-assignment-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-expression-assignment-explorer-model {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-expression-assignment-explorer-model > div[role=tree] {
    display: grid !important;
    grid-template-rows: max-content auto;
}

.-pdjs-manage-expression-assignment-explorer-model > div[role=tree] > .k-grid-content {
    height: 100% !important;
}
.-pdjs-manage-entity-types-relationships-dialog {

}

.-pdjs-manage-entity-types-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-types-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-entity-types {
}

.-pdjs-manage-event-log-clear-log-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
}

.-pdjs-manage-event-log-clear-log-dialog select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-event-log-clear-log-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-event-log-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-event-log-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-event-log-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-event-log {
}

.-pdjs-manage-expressions-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-expressions-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-expressions-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-expressions {
}
.-fb-form-usage-editor {

}

.-fb-form-usage-editor div[role=container] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
}
.-fb-search-group-usage-editor {
}

.-fb-search-group-usage-editor div[role=container] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
}
.-pdjs-manage-jobs-custom-schedule-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=text] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=toolbar] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=buttons] > button {
    margin-left: 5px;
}
.-pdjs-manage-jobs-custom-schedules-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}
 
.-pdjs-manage-jobs-custom-schedules-dialog > div {
    position: relative;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=text] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=buttons] > button {
    margin-left: 5px;
}
.-pdjs-manage-jobs-custom-schedules-grid {
    position: absolute;
    inset: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.-pdjs-manage-jobs-preview-schedules-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-jobs-preview-schedules-dialog > div {
    position: relative;
}

.-pdjs-manage-jobs-preview-schedules-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-jobs-schedule-editor {
    position: relative;
}

.-pdjs-manage-jobs-schedule-editor > div {
    font-size: 12px;
    line-height: 25px;
}

.-pdjs-manage-jobs-schedule-editor > div:nth-child(2) {
    font-weight: bold;
}

.-pdjs-manage-jobs-schedule-editor select {
    box-sizing: border-box;
    border: 0;
    width: 100%;
    height: 25px;
    font-size: 12px;
    outline: none;
}

.-pdjs-manage-jobs-schedule-editor select:focus {
    outline: none;
}

.-pdjs-manage-jobs-schedule-editor .-pd-masked-textbox [data-role=input-and-mask] {
    border: 0 !important;
}

.-pdjs-manage-jobs-schedule-editor .-pd-masked-textbox input {
    height: 25px !important;
}

.-pdjs-manage-jobs-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-jobs-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-jobs-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-jobs {
}
.-pdjs-manage-jobs-clear-log-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
}

.-pdjs-manage-jobs-clear-log-dialog select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-jobs-clear-log-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-jobs-log-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-jobs-log-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-licenses-apply-license-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-licenses-apply-license-dialog > div {
    position: relative;
}

.-pdjs-manage-licenses-apply-license-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-licenses-properties-editor {

}
.-pdjs-manage-licenses-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-licenses-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-licenses-grid > div {
    position: relative;
    overflow: hidden;
}
.-pd-license-manager {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pd-license-manager div[data-id=toolbar] {
    position: absolute;
    height: 30px;
    top: 10px;
    left: 10px;
    right: 10px;
}

.-pd-license-manager div[data-id=grid] {
    position: absolute;
    top: 50px;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

.-pd-apply-license-dialog {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pd-apply-license-dialog div[data-role=title] {
    margin-bottom: 5px;
    font-size: 12px;
}

.-pd-apply-license-dialog .-pd-dialog-button-deck {
    text-align: right;
}

.-pd-apply-license-dialog .-pd-dialog-button-deck button {
    margin-left: 5px;
}
.-pdjs-manage-licensing-status {
    background-color: var(--visiv-theme-input-back-color);
    border-color: var(--visiv-theme-input-border-color);
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.-pdjs-manage-licensing-status div[role=text][level=Error] {
    color: var(--visiv-system-red);
}

.-pdjs-manage-licensing-status div[role=text]:not([level=Error]) {
    color: var(--visiv-system-green);
}

.-pdjs-manage-licensing-status div[role=date] {
    
}

.-pdjs-license-key-dialog {
    display: grid;
    grid-gap: 10px;
}

.-pdjs-license-key-dialog > div {
    position: relative;
}

.-pdjs-license-key-dialog > div:last-child {
    text-align: right;
}

.-pdjs-license-key-dialog textarea {
    padding: 5px;
    line-height: 1.5;
}
.-pdjs-test-email-settings-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-test-email-settings-dialog > div:nth-child(1) {
    line-height: 1.5;
}

.-pdjs-test-email-settings-dialog > div:nth-child(3) {
    text-align: right;
}

.-pdjs-test-email-settings-dialog > button {
    margin-left: 5px;
}
.-pdjs-manage-mail-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-mail-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-mail-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-mail {
}

.-pdjs-manage-maintenance-billboard {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 5px;
}

.-pdjs-manage-maintenance-billboard-icon {
    font-size: 50px;
}

.-pdjs-manage-maintenance-billboard-text {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 5px;
    justify-items: center;
}

.-pdjs-manage-maintenance-billboard-text-label {
    font-size: 15px;
}

.-pdjs-manage-maintenance-billboard-text-timer {
    color: var(--visiv-theme-base-1-text-color);
    text-align: center;
    line-height: 1.5;
}

.-pdjs-manage-maintenance-stopped {
    color: var(--visiv-system-green-vibrant);
    border: 1px solid var(--visiv-system-green-vibrant);
}

.-pdjs-manage-maintenance-started {
    color: var(--visiv-system-red-vibrant);
    border: 1px solid var(--visiv-system-red-vibrant);
}

.-pdjs-manage-maintenance-scheduled {
    color: var(--visiv-system-yellow-vibrant);
    border: 1px solid var(--visiv-system-yellow-vibrant);
}
.-pdjs-manage-maintenance-scheduler-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-scheduler-dialog > div:nth-child(2) {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content auto;
    grid-gap: 5px;
    align-items: center;
}

.-pdjs-manage-maintenance-scheduler-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-maintenance-message {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-maintenance-message > div[role=body] {
    overflow: auto;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-maintenance-message > div[role=deck] {
    /*text-align: center;*/
}

.-pdjs-manage-maintenance-message > div[role=deck] > button:not(:last-child) {
    margin-right: 5px;
}
/*
================================
= MODULE
================================
*/

.-pd-maintenance-mode {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
}

/*
================================
= STATUS AND SCHEDULER CONTROL
================================
*/

.-pd-maintenance-mode .maintenance-status {
    position:absolute;
    top:10px;
    left:10px;
    height:115px;
    width:300px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] {
    position:absolute;
    top:0;
    left:0;
    height:70px;
    width:100%;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-icon] {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    bottom:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-color: var(--visiv-system-white);
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] {
    position:absolute;
    top:0;
    left:60px;
    right:0;
    bottom:0;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] > div[data-id=status-text-label] {
    font-weight: bold;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] > div[data-id=status-text-timer] {
    margin-top:0;
    font-size:12px;
    padding: 0;
    line-height: 18px;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=button-deck] {
    position:absolute;
    top:70px;
    left:0;
    height:35px;
    width:100%;
    border:0 solid transparent;
    text-align:center;
    box-sizing:border-box;
    padding:5px;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=button-deck] > button {
    font-size:12px;
    height:30px;
    width:120px;
    box-sizing:border-box;
    margin: 0 5px 0 5px;
}

/* No Maintenance */

.-pd-maintenance-mode .maintenance-status.no-maintenance {
    border: 5px solid var(--visiv-system-green-vibrant);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=status] > div[data-id=status-icon] {
    border-right: 1px solid var(--visiv-system-green-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/checkbox.png);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-green-muted);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=button-deck] {
    background-color: var(--visiv-system-green-vibrant);
}

/* Scheduled */

.-pd-maintenance-mode .maintenance-status.scheduled {
    border: 5px solid var(--visiv-system-yellow-vibrant);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=status] > div[data-id=status-icon] {
    border-right:1px solid var(--visiv-system-yellow-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/calendar_clock.png);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-yellow-muted);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=button-deck] {
    background-color: var(--visiv-system-yellow-vibrant);
}

/* In Maintenance */

.-pd-maintenance-mode .maintenance-status.in-maintenance {
    border: 5px solid var(--visiv-system-red-vibrant);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=status] > div[data-id=status-icon] {
    border-right: 1px solid var(--visiv-system-red-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/construction_barrier.png);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-red-muted);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=button-deck] {
    background-color: var(--visiv-system-red-vibrant);
}

/*
================================
= USERS CONTROL
================================
*/

.-pd-maintenance-mode .maintenance-users {
    position:absolute;
    top:135px;
    left:10px;
    width: 300px;
    bottom: 10px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-title] {
    position:absolute;
    top:0;
    left:0;
    height:30px;
    width:300px;
    border-bottom-width:0;
    box-sizing:border-box;
    color: var(--visiv-theme-base-1-text-color);
    line-height: 30px;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-list] {
    position:absolute;
    top:30px;
    left:0;
    bottom:40px;
    width:300px;
    box-sizing:border-box;
    overflow: hidden;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-grid] {
    border: 0;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-button-deck] {
    position:absolute;
    height:30px;
    left:0;
    bottom:0;
    width:300px;
    box-sizing:border-box;
    text-align: center;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-button-deck] > button {
    width:120px;
    box-sizing:border-box;
    font-size:12px;
    margin: 0 5px 0 5px;
    height: 30px;
}

.-pd-maintenance-mode [data-id=message-title] {
    color: var(--visiv-theme-base-1-text-color);
    line-height: 30px;
}

.-pd-maintenance-mode [data-id=message] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pd-maintenance-mode [data-id=editable-text] {
    color: var(--visiv-theme-base-1-text-color);
}

/*
================================
= SCHEDULER DIALOG
================================
*/


.-pd-maintenance-mode-scheduler-dialog {
    position: absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    overflow: hidden;
    padding:10px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options]{
    position: absolute;
    top: 0;
    bottom: 34px;
    left: 0;
    right: 0;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div {
    margin-bottom:10px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label {
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
    display: block;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > input[type=radio] {
    margin-right: 6px;
    vertical-align: top;
    display: inline-block;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > div {
    display: inline-block;
    white-space:normal;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > div > span {
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > div {
    box-sizing: border-box;
    width:100%;
    white-space: nowrap;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div[data-id=maintenance-cancel]{
    width:100%;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=button-deck]{
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=button-deck] > button:first-child {
    margin-right:10px;
}
.-pdjs-manage-maintenance-status {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-status > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-maintenance-status > div:last-child {
    text-align: center;
}

.-pdjs-manage-maintenance-status > div:last-child > button {
    min-width: 80px;
}

.-pdjs-manage-maintenance-status > div:last-child > button:not(:last-child) {
    margin-right: 5px;
}
.-pdjs-manage-maintenance-users-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-users-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-maintenance-users-grid > div[role=title] {
    line-height: 1.5;
    color: var(--visiv-theme-base-1-text-color);
}
.-pdjs-manage-overview-module-header {
    display: grid;
    grid-template-columns: max-content max-content auto 200px;
    grid-gap: 5px;
}

.-pdjs-manage-overview-module-header > div {
    position: relative;
}

.-pdjs-manage-overview-module-header > div[role=button] div i {
    font-size: 16px;
}

.-pdjs-manage-overview-module-header > div[role=button] > button.-pdjs-selected {
    background-image: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-overview-module-list-grid {
    display: grid;
    grid-template-rows: auto 100px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-overview-module-list-grid > div {
    position: relative;
    overflow-y: auto;
    padding: 10px;
}

.-pdjs-manage-overview-module-list-grid > div[role=foot] {
    line-height: 1.5;
}

.-pdjs-manage-overview-module-list-grid > div:last-child {
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-manage-overview {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-overview > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-overview > div[role=body] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-overview-module-header > div[role=button] > button {
    height: 100%;
}
.-pdjs-manage-overview-tile-grid-tile {
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    background-color: var(--visiv-theme-base-1-back-color);
}

.-pdjs-manage-overview-tile-grid-tile > div[role=box] {
    display: grid;
    grid-template-rows: max-content auto;
    box-sizing: border-box;
    justify-items: center;
    align-items: center;
    text-align: center;
    grid-gap: 5px;
}

.-pdjs-manage-overview-tile-grid-tile:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-manage-overview-tile-grid-tile:focus {
    background-color: var(--visiv-theme-focus-back-color);
    border-color: var(--visiv-theme-focus-border-color);
    color: var(--visiv-theme-focus-text-color);
}

.-pdjs-manage-overview-tile-grid-tile:active {
    background-color: var(--visiv-theme-active-back-color);
    border-color: var(--visiv-theme-active-border-color);
    color: var(--visiv-theme-active-text-color);
}

.-pdjs-manage-overview-tile-grid-tile.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-overview-module-tile-notifiction {
    position: absolute;
    height: 24px;
    width: 24px;
    top: -6px;
    right: -6px;
    font-size: 24px;
}
.-pdjs-manage-overview-module-tile-grid {
    display: grid;
    grid-template-rows: auto 100px;
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-manage-pane-back-color);
    color: var(--visiv-theme-manage-pane-text-color);
}

.-pdjs-manage-overview-module-tile-grid > div {
    position: relative;
    overflow-y: auto;
    padding: 10px;
}

.-pdjs-manage-overview-module-tile-grid > div[role=foot] {
    line-height: 1.5;
}

.-pdjs-manage-overview-module-tile-grid > div:last-child {
    border-top: 1px solid var(--visiv-theme-manage-pane-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}
.-pdjs-manage-overview-module-tile-grid-group {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-manage-overview-module-tile-grid-group > div {
    position: relative;
    margin-bottom: 10px;
}

.-pdjs-manage-overview-module-tile-grid-group > div:first-child {
    font-size: 16px;
    font-weight: bold;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-overview-module-tile-grid-group > div:last-child {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.-pdjs-manage-plugins-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-plugins-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-plugins-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-plugins {
}
.-pdjs-manage-process-status-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-manage-process-status-dialog > div {
    position: relative;
}

.-pdjs-manage-process-status-dialog > div:first-child {
    line-height: 1.4;
}

.-pdjs-manage-process-status-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-process-status-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-status-grid > div[role=grid] {
    position: absolute;
    inset: 0;
}
.-pdjs-manage-process-decision-stage-editor {
    position: relative;
}

.-pdjs-manage-process-decision-stage-editor div[data-role=input-and-mask] {
    border: 0 solid transparent !important;
    height: 25px !important;
}

.-pdjs-manage-process-decision-stage-editor div[data-role=input-and-mask] > input {
    border: 0 solid transparent !important;
    height: 25px !important;
} 
.-pdjs-manage-process-decision-status-editor {
    position: relative;
}

.-pdjs-manage-process-decision-status-editor div[data-role=input-and-mask] {
    border: 0 solid transparent !important;
    height: 25px !important;
}

.-pdjs-manage-process-decision-status-editor div[data-role=input-and-mask] > input {
    border: 0 solid transparent !important;
    height: 25px !important;
} 
.-pdjs-manage-process-decision-status-editor-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-process-decision-status-editor-dialog > div {
    position: relative;
}

.-pdjs-manage-process-decision-status-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-process-decision-vibility-input {
}

.-pdjs-manage-process-decision-vibility-input > select {
    box-sizing: border-box;
    width: 100%;
    border: 0 none transparent;
    padding: 1px;
    height: 25px;
}

.-pdjs-manage-process-hidden-folders-editor {
    position: absolute;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-process-hidden-folders-editor > div {
    position: relative;
}

.-pdjs-manage-process-hidden-folders-editor > div[role=text] {
    line-height: 1.5em;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-process-hidden-folders-editor > div[role=tree] {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}
.-pdjs-manage-process-hidden-folders-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-hidden-folders-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    top: 5px;
}

.-pdjs-manage-process-hidden-folders-tree .k-icon {
    margin-bottom: 3px;
}

.-pdjs-manage-process-hidden-folders-tree .k-checkbox {
    padding-top: 5px;
}

.-pdjs-manage-process-hidden-folders-tree .k-checkbox > input {
    padding-top: 4px;
}

/* Module */

.-pdjs-manage-module-process {
    position: absolute;
    inset: 10px;
}

/* Explorer */

.-pdjs-manage-module-process-explorer {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-process-explorer > div {
    position: relative;
}

/* Editor */

.-pdjs-manage-module-process-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-process-editor > div {
    position: relative;
}

.-pdjs-manage-module-process-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

/* Actions */

.-pdjs-manage-module-process-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-process-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    padding-top: 10px;
}

.-pdjs-manage-process-node {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-process-node div:nth-child(1) {
    padding-top: 4px;
    padding-right: 5px;
}

.-pdjs-manage-process-node div:nth-child(2) {
    padding-top: 1px;
}

.-pdjs-manage-process-tree-drag-hint {
    display: grid;
    grid-template-columns: max-content auto;
    height: 20px;
}

.-pdjs-manage-process-tree-drag-hint > span {
    display: inline-block;
    line-height: 20px;
}

.-pdjs-manage-process-tree-drag-hint > span:nth-child(1) {
    background-position: center center;
}
.-pdjs-manage-module-processes--actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-processes-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-module-processes-grid > div[role=grid] {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-module-processes {
}

.-pdjs-manage-recycle-bin-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-recycle-bin-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-recycle-bin-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-recycle-bin {
}
.-pdjs-manage-report-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-report-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-report-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-reports-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
-pdjs-manage-reports-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

-pdjs-manage-reports-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-reports {
}

.-pdjs-manage-resources-editor {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources-editor > div {
    position: relative;
}

.-pdjs-manage-resources-editor > div:nth-child(2) {
    border: 1px solid var(--visiv-theme-base-2-border-color);
}
.-pdjs-manage-resources-browser {
    position: absolute;
    inset: 0; 
}

.-pdjs-manage-resources-browser > div[role=grid] {
    position: absolute;
    inset: 0;
    overflow: auto;
}

.-pdjs-manage-resources-explorer {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-manage-module-border-color);
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-resources-explorer > div[role=tree] {
    position: absolute;
    inset: 0;
    padding: 5px;
}

.-pdjs-manage-resources-explorer-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}
    
.-pdjs-manage-resources-explorer-node > div:first-child {
    padding-top: 4px;
}
.-pdjs-manage-resources-input {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources-input > div {
    position: relative;
}

.-pdjs-manage-resources-input > div[role=label] {
    font-weight: bold;
    line-height: 26px;
}

.-pdjs-manage-resources-input > div[role=input] {
    width: 100%;
    line-height: 26px;
}

.-pdjs-manage-resources-input > div[role=input] > input {
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 0 5px 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.-pdjs-manage-resources-location {
    display: grid;
    grid-template-columns: max-content max-content auto;
    grid-gap: 3px;
}

.-pdjs-manage-resources-location .-location-btn {
    display: flex;
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-button-border-color);
    border-radius: 50%;
    background-color: var(--visiv-theme-button-back-color);
    height: 28px;
    width: 28px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}

.-pdjs-manage-resources-location .-location-btn-back > i {
    width: 20px;
}

.-pdjs-manage-resources-location .-location-btn-next > i {
    width: 18px;
}

.-pdjs-manage-resources-location .-location-btn[disabled] {
    opacity: .5;
}

.-pdjs-manage-resources-location .-location-btn:not([disabled]):hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-box {
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    display: flex;
}

.-pdjs-manage-resources-location .-location-box-root {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    overflow: hidden;
    height: 28px;
    line-height: 24px;
}

.-pdjs-manage-resources-location .-location-root-item {
    display: grid;
    grid-template-columns: auto max-content;
    height: 28px;
    margin: 1px;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.-pdjs-manage-resources-location .-location-root-item div:first-child {
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
}

.-pdjs-manage-resources-location .-location-path-item:not(:last-child) > div:first-child:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-root-item > div:first-child > img {
    margin: 3px 5px 0 5px;
}

.-pdjs-manage-resources-location .-location-root-item > div:last-child {
    line-height: 25px;
}

.-pdjs-manage-resources-location .-location-box {
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
}

.-pdjs-manage-resources-location .-location-box-path {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    overflow: hidden;
    height: 28px;
    line-height: 24px;
    width: 100%;
}

.-pdjs-manage-resources-location .-location-path-item {
    display: inline-grid;
    grid-template-columns: auto max-content;
    height: 28px;
    margin: 1px 0 1px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child {
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child {
    padding: 0 5px 0 5px;
}

.-pdjs-manage-resources-location .-location-path-item > div:last-child {
    line-height: 25px;
}

.-pdjs-manage-resources-location .-location-path-item:last-child {
    font-weight: bold;
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-resources-location .-location-path-item:last-child > div:last-child {
    overflow: hidden;
}

.-pdjs-manage-resources-location .-location-path-item:last-child > div:last-child > i {
    display: none;
}
.-pdjs-manage-resources-conflict-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content max-content;
    grid-gap: 10px;
}

.-pdjs-manage-resources-conflict-dialog > div {
    position: relative;
}

.-pdjs-manage-resources-conflict-dialog > div[role=conflict] {
    font-size: 15px;
    line-height: 20px;
}

.-pdjs-manage-resources-conflict-dialog div[role=header] span[role=src],
.-pdjs-manage-resources-conflict-dialog div[role=header] span[role=dst] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-resources-conflict-dialog div[role=repeat] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item {
    padding: 10px;
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item > div[role=icon] {
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item > div[role=label] {
    font-size: 15px;
}
.-pdjs-manage-resources-new-file-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-resources-new-file-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-resources-new-file-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-resources-selection-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.-pdjs-manage-resources-selection-dialog > div {
    position: relative;
}

.-pdjs-manage-resources-selection-dialog > div[role=actions] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-resources-selection-dialog > div[role=content] > div.-pd-minimal-splitter {
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-resources-selection-dialog > div[role=selection] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-selection-dialog > div[role=selection] input {
    height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    line-height: 17px;
}

.-pdjs-manage-resources-selection-dialog > div[role=deck] {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-selection-dialog > div[role=deck] > div[role=buttons] {
    text-align: right;
    white-space: nowrap;
}
.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-resources {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources > div {
    position: relative;
}

.-pdjs-manage-resources-drag-helper {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    min-width: 150px;
}

.-pdjs-manage-resources-drag-helper > div {
    padding: 5px;
    line-height: 20px;
}

.-pdjs-manage-resources-drag-helper > div[role=target] {
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-resources-drag-helper > div[role=action] {
    background-color: var(--visiv-theme-hover-back-color);
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-hover-text-color);
}
.-pdjs-manage-rules-editor-history {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-history > div {
    position: relative;
}

.-pdjs-manage-rules-editor-history > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-editor-script-info textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 5px;
}

.-pdjs-manage-rules-editor-script-tags {
    display: grid;
    grid-template-rows: 110px auto;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-script-tags > div {
    position: relative;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] .-visiv-rule-script-tag {
    display: inline-grid !important;
    margin: 0 5px 5px 0;
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] .-visiv-rule-script-tag > div:last-child > i {
    cursor: pointer;
}

.-pdjs-manage-rules-editor-script-tags > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-editor-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(1), 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(2), 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(3) {
    padding-bottom: 5px;
}
.-pdjs-manage-rules-editor {
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-rules-editor > div {
    position: relative;
}

.-pdjs-manage-rules-editor div[data-role=content] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-editor div[data-role=content] > div {
    position: relative;
}
.-pdjs-manage-rules-tags-change-tags-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div {
    position: relative;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div[role=editor] {
    overflow: hidden;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div[role=buttons] {
    text-align: right;
}
[class^="-visiv-rule-script-tag-"], 
[class*=" -visiv-rule-script-tag-"] {
    display: inline;
    padding: 2px;
    border-radius: 24px;
    padding: 2px 8px;
    border-width: 1px;
    border-style: solid;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 11px;
}

.-visiv-theme-light [class^="-visiv-rule-script-tag-"],
.-visiv-theme-light [class*=" -visiv-rule-script-tag-"] {
    --lightness-threshold: 0.65;
    --background-alpha: 1;
    --border-alpha: 1;
    --perceived-lightness: calc( ((var(--tag-r) * 0.2126) + (var(--tag-g) * 0.7152) + (var(--tag-b) * 0.0722)) / 255 );
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
    border-width: 1px;
    color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
    background: rgba(var(--tag-r), var(--tag-g), var(--tag-b), var(--background-alpha));
    border-color: hsl(from var(--tag-color) h s l / 1);
}

.-visiv-theme-dark [class^="-visiv-rule-script-tag-"],
.-visiv-theme-dark [class*=" -visiv-rule-script-tag-"] {
    --lightness-threshold: 1;
    --background-alpha: 0.20;
    --border-alpha: 0.3;
    --border-threshold: 0.96;
    --perceived-lightness: calc( ((var(--tag-r) * 0.2126) + (var(--tag-g) * 0.7152) + (var(--tag-b) * 0.0722)) / 255 );
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
    --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 10) * var(--lightness-switch));
    --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
    color: hsl(from var(--tag-color) h calc(s * 1%) calc((l + var(--lighten-by)) * 1%));
    background: rgba(var(--tag-r), var(--tag-g), var(--tag-b), var(--background-alpha));
    border-color: hsl(from var(--tag-color) h s calc((l + var(--lighten-by)) * 1%));
}

tr[role=row].k-state-selected [class^="-visiv-rule-script-tag-"],
tr[role=row].k-state-selected [class*=" -visiv-rule-script-tag-"] {
    --highlight-color: var(--visiv-theme-select-text-color);
    border-color: var(--highlight-color);
    color: var(--highlight-color);
    background-color: hsl(from var(--highlight-color) h s l / .3);
}

tr[role=row]:hover [class^="-visiv-rule-script-tag-"],
tr[role=row]:hover [class*=" -visiv-rule-script-tag-"] {
    --highlight-color: var(--visiv-theme-hover-text-color);
    border-color: var(--highlight-color);
    color: var(--highlight-color);
    background-color: hsl(from var(--highlight-color) h s l / .3);
}
.-pdjs-manage-rules-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-tags-actions  .-pdjs-ui-panel-menu-heading:first-child {
    margin-top: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-rules-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-rules-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-script-references {
    display: grid;
    grid-template-rows: max-content;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-rules-script-references > div {
    position: relative;
}


.-pdjs-manage-rules-script-references > div[role=buttons] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-rules-script-references > div[role=buttons] button {
    display: grid;
    box-sizing: border-box;
    height: 25px;
    width: 100%;
    align-content: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-script-references > div[role=buttons] button.-pdjs-selected {
    background: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}
.-pdjs-manage-rules-script-search {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-gap: 5px;
}

.-pdjs-manage-rules-script-search > div {
    position: relative;
}

.-pdjs-manage-rules-script-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-rules-script-search .-pdjs-shared-ui-field > div[role=label] {
    padding-left: 3px;
}

.-pdjs-manage-rules-script-search .-pdjs-shared-ui-field.-pdjs-validation-errors > div[role=label] {
    padding-left: 20px !important;
}

.-pdjs-manage-rules-script-search > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-rules-script-select-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-script-select-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-rules-script-select-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-rules-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-actions .-pdjs-ui-panel-menu-heading:nth-child(1),
.-pdjs-manage-rules-actions .-pdjs-ui-panel-menu-heading:nth-child(2) {
    padding-bottom: 5px;
}
.-pdjs-manage-rules-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-rules-grid > div {
    position: relative;
    overflow: hidden;
}


.-fb-group-membership-editor {
    position: relative;
    height: 100%;
}

.-fb-group-membership-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-group-membership-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}

.-pdjs-manage-security-groups-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-security-groups-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-security-groups-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-security-groups {
}

.-pdjs-manage-users-logins-chart {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-users-logins-chart > div[role=menu] {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
}

.-pdjs-manage-users-logins-chart > div[role=menu] select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-users-logins-chart > div[role=chart] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}
.-pdjs-manage-security-users-batch-edit-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=description] {
    line-height: 1.5;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 10px;
    align-items: center;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] > div[role=group] {
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: 10px;
    align-items: center;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] > div[role=group] > select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-security-users-batch-edit-dialog > div:last-child {
    text-align: right;
}
.-fb-user-membership-editor {
    position: relative;
    height: 100%;
}

.-fb-user-membership-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-user-membership-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}
.-pdjs-manage-security-users-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-security-users-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-security-users-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-security-users {
}

.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pd-ace-editor {
    display: grid;
    position: relative;
    height: 100%;
    width: 100%;
    grid-template-rows: 25px auto;
}

.-pdjs-manage-settings-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-settings-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-settings-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-settings {
}
.-pdjs-manage-system-variables-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-system-variables-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-system-variables-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-load {
}
.-pdjs-manage-tags-expressions-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-manage-tags-expressions-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-expressions-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-tag-pattern-dialog {
    display: grid;
    grid-template-rows: auto 24px;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-tag-pattern-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-tag-pattern-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-themes-custom-color-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-themes-custom-color-editor-dialog > div {
    position: relative;
}

.-pdjs-manage-themes-custom-color-editor-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-custom-colors-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-custom-colors-dialog > div {
    position: relative;
}

.-pdjs-manage-themes-custom-colors-dialog > div[role=head] {
    line-height: 1.5;
}

.-pdjs-manage-themes-custom-colors-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-custom-colors-grid {
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-custom-colors-grid-swatch {
    position: relative;
    left: -3px;
    height: 20px;
    width: 20px;
    background-image:
        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
        linear-gradient(to right, black 50%, white 50%), 
        linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 10px 10px;
    /* TODO: convert to theme color */
    border: 1px solid #666666;
}

.-pdjs-manage-themes-custom-colors-grid-swatch > div {
    height:20px;
    width:20px;
}

.-pdjs-manage-themes-custom-import-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-themes-custom-import-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-list-item {
    display: grid;
    grid-template-columns: max-content auto max-content;
    height: 30px;
    align-items: center;
    grid-gap: 5px;
    cursor: pointer;
}

.-pdjs-manage-themes-list-item div[role=swatches] {
    display: grid;
    grid-template-columns: 10px 10px;
    grid-gap: 3px;
    height: 20px;
    margin-left: 5px;
}

.-pdjs-manage-themes-list-item > div[role=marker] {
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.-pdjs-manage-themes-list-item > div[role=marker] > i {
    margin-right: 5px;
}

.-pdjs-manage-themes-list-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-manage-themes-list-item[data-selected=true] {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-themes-list-item  div[role=swatch] {
    width: 20px;
    height: 20px;
}
.-pdjs-manage-themes-duplicate-theme-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-themes-duplicate-theme-dialog > div {
    position: relative;
}
    
.-pdjs-manage-themes-duplicate-theme-dialog > div[role=heading] {
    line-height: 1.5;
}

.-pdjs-manage-themes-duplicate-theme-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-import-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-themes-import-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-update-colors-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-update-colors-dialog > div[role=editor] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-manage-themes-update-colors-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-themes-actions {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-module-themes-editor {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-themes-editor > div {
    position: relative;
}

.-pdjs-manage-module-themes-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-themes-list {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    padding: 0;
}

.-pdjs-manage-themes-list .-pdjs-manage-module-section-body {
    padding: 0;
}

.-pdjs-manage-themes-list .-pdjs-list-view {
    border-width: 0;
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-themes-list  .-pdjs-list-view .-pdjs-list-view-item-base {
    border-color: var(--visiv-theme-manage-module-border-color);
}
.-pdjs-manage-themes {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-themes > div {
    position: relative;
}
.-pdjs-manage-views-built-in-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-views-built-in-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-built-in-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-built-in {
}

.-pdjs-manage-views-built-in-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-built-in-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-built-in-viewer {
}

.-pdjs-manage-views-insights-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-views-insights-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-insights-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-insights {
}

.-pdjs-manage-views-insights-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-insights-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-insights-viewer {
}

.-pdjs-manage-reset-views-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: relative;
    padding: 10px !important;
    box-sizing: border-box;
}

.-pdjs-manage-reset-views-dialog > div[role=content] {
    display: grid;
    grid-template-rows: max-content max-content 1fr;
    grid-gap: 10px;
    position: relative;
}

.-pdjs-manage-reset-views-dialog > div[role=content] > div,
.-pdjs-manage-reset-views-dialog > div[role=content] > label {
    display: grid;
    grid-template-columns: 25px auto;
    grid-gap: 10px;
    position: relative;
}

.-pdjs-manage-reset-views-dialog > div[role=content] > label > div:first-child {
    text-align: center;
}

.-pdjs-manage-reset-views-dialog div[role=users] {
    position: relative;
}

.-pdjs-manage-reset-views-dialog div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-views-publisher-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-publisher-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-publisher-grid > div {
    position: relative;
    overflow: hidden;
}


.-pdjs-manage-search-item-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-search-item-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-search-item-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-views-search-groups-dialog-groups {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(2) {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(3) {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
}

.-pdjs-manage-views-search-groups-dialog {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-manage-views-search-groups-dialog > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 34px;
}

.-pdjs-manage-views-search-groups-dialog > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pdjs-manage-views-search-groups-dialog .-pd-minimal-splitter {
    height:100%;
}
.-pdjs-manage-views-search-groups-dialog-items {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(2) {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(3) {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
}

.-pdjs-canvas-shared-view-designer-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-shared-view-designer-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-canvas-shared-view-designer-dialog > div:last-child {
    text-align: right;
}
.-fb-view-design-editor {
    position: absolute;
    inset: 0;
}

.-fb-view-design-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-view-design-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}
.-pdjs-manage-views-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-viewer {
}

.-pdjs-application-bar-manage-search {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px;
    background-color: var(--visiv-theme-application-bar-back-color-light);
}

.-pdjs-application-bar-manage-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-application-bar-manage-search div[data-role=input-and-mask] {
    border-color: var(--visiv-theme-application-bar-input-border-color);
}
.-pdjs-manage-user-panel {
    display: grid;
    grid-template-rows: auto max-content;
    padding: 0;
    overflow: hidden;
}

.-pdjs-manage-user-panel > div {
    padding: 20px;
}

.-pdjs-manage-user-panel > div:first-child {
    overflow-y: auto;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-area {
    display: grid;
    grid-template-rows: max-content max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-area > div {
    overflow: hidden;
    position: relative;
}

.-pdjs-manage-area-content {
    background-color: var(--visiv-theme-manage-module-back-color);
}
.-pdjs-manage-area .-pdjs-manage-area-tabstrip .-pdjs-tabstrip {
    height: 31px;
}

.-pdjs-manage-area .-pdjs-manage-area-tabstrip .-pdjs-tabstrip-tabs {
    height: unset;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
}

.ui-draggable-dragging {
    top: 100px;
}
.-pdjs-manage-area-tabstrip-menu {
    display: grid;
    grid-template-rows: max-content auto;
    z-index: 10;
}

.-pdjs-manage-area-tabstrip-menu > div {
    position: relative;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] {
    display: grid;
    grid-template-rows: max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=toolbar] {
    display:grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=items] {
    position: relative;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=toolbar] .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] div[role=sort] > button {
    display: inline-flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 16px;
}

.-pdjs-manage-area-tabstrip-menu div[role=sort] > button.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    background-image: none;
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}
.-pdjs-manage-area-menu-item {
    display: block;
    margin: 0;
    padding: 0 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-manage-area-menu-item.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-manage-area-menu-item > div[role=grid] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    align-items: baseline;
    grid-gap: 0;
}

.-pdjs-manage-area-menu-item div[role=indicator] {
    position: relative;
    height: 8px;
    width: 8px;
    background-color: var(--visiv-system-red);
    border-radius: 50%;
    cursor: default;
    margin-right: 5px;
}

.-pdjs-manage-area-menu-item div[role=close] > i {
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-menu-item:hover div[role=close] > i,
.-pdjs-manage-area-menu-item.-pdjs-selected div[role=close] > i {
    opacity: .6;
    visibility: visible;
}

.-pdjs-manage-area-tab {
    position: relative;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    border: 0;
    border-bottom: 0;
    line-height: 27px;
    padding: 0 5px 0 5px;
    cursor: pointer;
    margin: 0;
    margin-top: 5px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-tabstrip-back-color);
    color: var(--visiv-theme-tabstrip-text-color);
    max-width: 250px;
}

.-pdjs-manage-area-tab.-pdjs-hidden {
    display: none;
}

.-pdjs-manage-area-tab.-pdjs-selected {
    height: 25px;
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-manage-area-tab > div[role=grid] {
    display: grid;
    grid-template-columns: max-content max-content auto max-content max-content;
    align-items: baseline;
    grid-gap: 0;
}

.-pdjs-manage-area-tab div[role=indicator] {
    position: relative;
    height: 8px;
    width: 8px;
    background-color: var(--visiv-system-red);
    border-radius: 50%;
    cursor: default;
    margin-right: 5px;
}

.-pdjs-manage-area-tab div[role=menu] > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-tab div[role=label] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.-pdjs-manage-area-tab.-pdjs-pinned div[role=pin] > i {
    top: 0;
    visibility: visible;
    transform: rotate(27deg);
    opacity: .7;
}

.-pdjs-manage-area-tab div[role=pin] > i {
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
    transform: rotate(120deg);
    display: inline-block;
}

.-pdjs-manage-area-tab div[role=close] > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-tab:hover div[role=menu] > i,
.-pdjs-manage-area-tab:hover div[role=pin] > i,
.-pdjs-manage-area-tab:hover div[role=close] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=menu] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=pin] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=close] > i {
    opacity: .6;
    visibility: visible;
}

.-pdjs-manage-area-tab div[role=menu]:hover > i,
.-pdjs-manage-area-tab div[role=pin]:hover > i,
.-pdjs-manage-area-tab div[role=close]:hover > i {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}


.-pdjs-manage-area-tab .-pdjs-svg-spinner {
    display: inline-grid;
    overflow: hidden;
    height: 25px;
    vertical-align: top;
}

.-pdjs-manage-area-tab .-pdjs-svg-spinner svg {
    position: relative;
    top: 2px;
}

.-pdjs-manage-area-tab-drag {
    position: relative;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    border: 0;
    border-bottom: 0;
    line-height: 27px;
    padding: 0 5px 0 5px;
    cursor: pointer;
    margin: 0;
    margin-top: 5px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-hover-back-color);
    border-top-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    text-align: center;
}

.-pdjs-manage-area-tab-drag.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-hub-explorer-content-list-page {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-hub-explorer-content-list-page > div {
    position: relative;
}

.-pdjs-hub-explorer-content-list-page > div[role=grid] {
    overflow: hidden;
}
/* CONTENT */

.-pdjs-explorer-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    position: relative;
    grid-template-rows: min-content min-content min-content auto;
}

.-pdjs-explorer-content > div {
    position: relative;
}

/* CONTENT HEADER */

.-pdjs-explorer-content-header {
    display: grid;
    height: 40px;
    width: 100%;
    background-color: var(--visiv-theme-explorer-content-title-back-color);
    border-bottom: 1px solid var(--visiv-theme-explorer-content-border-color);
    color: var(--visiv-theme-explorer-content-title-text-color);
    grid-template-columns: min-content max-content auto max-content;
}

.-pdjs-explorer-content-header > div:nth-child(1) {
    align-content: center;
    padding: 3px 10px 3px 10px;
}

.-pdjs-explorer-content-header > div:nth-child(2) {
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}

.-pdjs-explorer-content-header > div:nth-child(3) {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    line-height: 24px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-explorer-content-header > div:nth-child(3) > span {
    margin: 8px 0 8px 0;
    display: inline-block;
    height: 24px;
    border-left: 1px solid var(--visiv-theme-base-1-text-color);
    padding-left: 10px;
}

.-pdjs-explorer-content-header > div:nth-child(4) {
    display: flex;
    align-items: center;
    padding: 10px;
}

/* CONTENT TABS */

.-pdjs-explorer-content-tabs .-pdjs-tabstrip {
    margin-top: 0px;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs {
    vertical-align: top;
    white-space: nowrap;
    padding: 0;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    height: 40px;
    box-sizing: border-box;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab {
    vertical-align: top;
    display: inline-block;
    height: 40px;
    border-top: 0 solid;
    border-left: 0 solid;
    border-right: 0 solid;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    line-height: 40px;
    padding: 0 15px 0 15px;
    cursor: pointer;
    color: var(--visiv-theme-tabstrip-text-color);
    margin: 0;
    box-sizing: border-box;
    margin-right: 0;
    background-color: transparent;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab:first-child,
.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab.-pdjs-selected:first-child {
    border-left-width: 0;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab div[role=grid] {
    display: grid;
    grid-template-columns: min-content auto;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab div[role=grid] img {
    margin-top: 11px;
    margin-right: 5px;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab.-pdjs-selected {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-select-back-color);
    border-width: 0 0 4px 0;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    border-bottom-style: solid;
    color: var(--visiv-theme-base-1-text-color);
    cursor: default;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab:not(.-pdjs-selected):hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    border-bottom-width: 4px;
}

.-pdjs-context-page-button {
    font-size: 16px;
    cursor: pointer;
    border: 2px solid var(--visiv-theme-base-2-border-color);
    border-radius: 50%;
    padding: 2px;
    height: 23px;
    width: 23px;
    display: flex;
    align-items:center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.-pdjs-context-menu-item-header {
    height: 30px;
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    font-size: 12px;
    background-color: var(--visiv-theme-base-2-back-color);
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color)
}

.-pdjs-hub-designable-list-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

.-pdjs-hub-designable-list-dialog > div:first-child {
    overflow: auto;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: var(--visiv-theme-base-1-border-color);
}

.-pdjs-hub-designable-list-dialog > div:last-child {
    text-align: right;
    padding: 0;
    box-sizing: border-box;
    box-sizing: border-box;
}

.-pdjs-file-control {
    height: 62px;
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    margin: 5px;
}

.-pdjs-file-control > div[role=check] {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    line-height: 50px;
    width: 36px;
    text-align: center;
}

.-pdjs-file-control > div[role=label] > div[role=name] {
    height: 22px;
    line-height: 23px;
    position: absolute;
    top: 6px;
    left: 36px;
    right: 110px;
    border: 0 solid;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-file-control > div[role=label] > div[role=size] {
    height: 22px;
    line-height: 23px;
    position: absolute;
    top: 6px;
    width: 80px;
    right: 70px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.-pdjs-file-control > div[role=label] > div[role=type] {
    position: absolute;
    top: 27px;
    left: 36px;
    right: 70px;
    height: 22px;
    border: 0 solid;
    line-height: 24px;
    font-size: 12px;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    text-decoration: underline;
    color: var(--visiv-theme-link-text-color);
    cursor: pointer;
    display: inline-block;
}

.-pdjs-file-control > div[role=label] > div[role=status] {
    position: absolute;
    top: 27px;
    right: 70px;
    width: 100px;
    height: 20px;
    line-height: 24px;
    font-size: 12px;
    font-family: arial;
    text-align: right;
}

.-pdjs-file-control > div[role=percent] {
    position: absolute;
    height: 22px;
    right: 1px;
    bottom: 3px;
    width: 70px;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    line-height: 22px;
}

.-pdjs-file-control > div[role=action] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 3px;
    width: 70px;
    background-color: var(--visiv-theme-base-1-back-color);
    vertical-align: central;
    text-align: center;
}

.-pdjs-file-control > div[role=icon] {
    position: absolute;
    top: 6px;
    right: 1px;
    width: 70px;
    height: 22px;
    background-color: var(--visiv-theme-base-1-back-color);
    vertical-align: central;
    text-align: center;
}

.-pdjs-file-control > div[role=edit] {
    position: absolute;
    height: 22px;
    width: 70px;
    right: 0;
    bottom: 3px;
    text-align: center;
}

.-pdjs-file-control > div[role=edit] > button {
    width: 50px;
    max-width: 50px !important;
    min-width: 50px !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.-pdjs-file-control > div[role=progress] {
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background-color: var(--visiv-theme-base-1-back-color);
}

.-pdjs-file-control > div[role=progress] > div[role=bar] {
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background-color: var(--visiv-system-green-vibrant);
}

.-pdjs-file-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pdjs-file-container div[data-role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}

.-pdjs-hub-explorer-file-form-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-form-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-hub-explorer-file-form-dialog > div:last-child {
    border-color: var(--visiv-theme-base-3-border-color);
    border-style solid;
    border-width: 1px 0 0 0;
    text-align: right;
    padding: 0 10px 10px 10px;
}
.-pdjs-hub-explorer-file-folder-file-move-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div {
    position: relative;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=header] {
    line-height: 1.7;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=content] {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: auto;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog > div[role=header] {
    line-height: 1.7;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog > div[role=buttons]{
    text-align: right;
}
.-pdjs-upload-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pdjs-upload-control div[data-role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.-pdjs-hub-explorer-file-upload-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-upload-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-hub-explorer-file-upload-dialog > div:last-child {
    display: grid;
    grid-template-columns: auto 225px;
    text-align: right;
}

/* EXPLORER PANES */

.-pd-explorer {
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pd-explorer-pane-nav {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 1px 0 0;
}

.-pd-explorer-pane-content {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 0 0 0;
}

/* EXPLORER NAV */

.-pdjs-hub-explorer-nav {
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-hub-explorer-nav > div:nth-child(1) {
    line-height: 40px;
    color: var(--visiv-theme-explorer-nav-title-text-color);
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--visiv-theme-explorer-nav-border-color);
    background-color: var(--visiv-theme-explorer-nav-title-back-color);
}

.-pdjs-hub-explorer-nav > div:nth-child(2) {
    padding: 15px 0 0 0;
    position: relative;
    background-color: var(--visiv-theme-explorer-nav-body-back-color);
}

/* EXPLORER TREE */

.-pdjs-hub-explorer-model {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 5px;
    background-color: var(--visiv-theme-base-2-back-color);
}

.-pdjs-hub-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-hub-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-hub-explorer-model-node.-not-file-folder > div {
    opacity: .4;
}

/* EXPLORER SPLITTER */

.-pd-explorer .k-splitter .k-ghost-splitbar-horizontal,
.-pd-explorer .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 0;
    border-width: 0 0;
    background-repeat: repeat-y;
    background-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitter .k-ghost-splitbar-horizontal {
    width: 5px;
    background-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitter .k-splitbar-horizontal-hover,
.-pd-explorer .k-splitter .k-splitbar-horizontal-hover {
    background-color: var(--visiv-branding-base-color);
    border-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitbar-horizontal .k-resize-handle {
    position: absolute;
    top: 0;
    bottom:0;
    width: 5px;
    height: 100%;
    background-color: transparent;
    z-index: 10002;
    background-image: none;
    opacity: 1;
}

.-pd-explorer .k-splitbar-horizontal .k-resize-handle:hover {
    background-color: var(--visiv-branding-base-color);
    opacity: .5;
}
.-pdjs-home-page {
    height: 100%;
    width: 100%;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    overflow: auto;
}

.-pdjs-home-page-frame {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    height: 100%;
    width: 100%;
}
.-pdjs-hub-search-bar {
    display: grid;
    grid-template-columns: auto auto max-content minmax(auto, 300px);
    grid-gap: 5px;
}

.-pdjs-hub-search-bar > div[role=control] {
    display: grid;
    grid-template-columns: minmax(auto, 400px) max-content;
    box-sizing: border-box;
    text-align: center;
}
        
.-pdjs-hub-search-bar > div[role=control] input {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding-left: 10px;
}

.-pdjs-hub-search-bar > div[role=control] button {
    box-sizing: border-box;
    height: 30px;
    width: 100px;
}

.-pdjs-hub-search-bar div[role=label] {
    line-height: 30px;
    font-size: 16px;
    padding-right: 10px;
}

.-pdjs-hub-search-bar select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
}

.-pdjs-hub-search-header {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    margin-top: 20px;
}

.-pdjs-hub-search-header div[role=label] {
    font-weight: bold;
    font-size: 24px;
    text-overflow: ellipsis;
}

.-pdjs-hub-search-header div[role=filter-label] {
    line-height: 30px;
    font-size: 16px;
    padding-right: 10px;
}

.-pdjs-hub-search-header select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
}

.-pdjs-global-search {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow-y: auto;
}

.-pdjs-hub-search-page {
    display: flex;
    position: relative;
    inset: 0;
    justify-content: center;
    padding: 0 20px 0 20px;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.-pdjs-hub-search-page > div[role=body] {
    display: grid;
    grid-template-rows: 0 max-content max-content auto max-content 0;
    width: 100%;
    min-height: 100%;
    max-width: 1200px;
    grid-gap: 20px;
    padding: 0 20px 0 20px;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 1px 0 1px;
    color: var(--visiv-theme-base-1-text-color);
    overflow-x: hidden;
}

.-pdjs-hub-search-page > div[role=body] > div[role=content] {
    overflow-y: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 20px;
}
.-pdjs-hub-search-pager {
    display: grid;
    flex-direction: column;
    grid-template-columns: repeat(9, min-content);
    grid-column-gap: 10px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: center;
}

.-pdjs-hub-search-pager > div,
.-pdjs-hub-search-pager > a {
    font-size: 20px;
    text-decoration: none;
}

.-pdjs-hub-search-pager > div {
    padding-top: 15px;
}

.-pdjs-hub-search-pager > .pager-button {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-radius: 5px;
    padding: 8px 7px 0 7px;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
}

.-pdjs-hub-search-pager > .pager-button:hover {
    color: var(--visiv-theme-hover-text-color);
    border-color: var(--visiv-theme-hover-border-color);
    cursor: pointer;
}

.-pdjs-hub-search-pager > .pager-button.selected {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-hub-search-pager > .pager-button.selected:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: default;
}

.-pdjs-hub-search-pager i.icofont-arrow-right,
.-pdjs-hub-search-pager i.icofont-arrow-left {
    font-size: 22px;
}
.-pdjs-hub-search-result {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-hub-search-result:not(:last-child) {
    margin-bottom: 30px;
}

.-pdjs-hub-search-result div[role=icon] {
    padding-right: 10px;
}

.-pdjs-hub-search-result div[role=text] {
    display: grid;
    grid-template-rows: max-content max-content;
}

.-pdjs-hub-search-result div[role=title] {
    font-size: 20px;
    padding-bottom: 5px;
}

.-pdjs-hub-search-result div[role=title] > a {
    text-decoration: none;
}

.-pdjs-hub-search-result div[role=title] > a:hover {
    text-decoration: underline;
}
.-pdjs-hub-viewpage {
    position: absolute;
    inset: 0;
    border-width: 0;
}

.-pdjs-hub-viewpage > div {
    padding: 10px 10px 0 10px;
}

.-pdjs-hub-viewpage > div:nth-child(1),
.-pdjs-hub-viewpage > div:nth-child(2) {
    padding: 0;
}

.-pdjs-hub-viewpage > div:nth-child(3),
.-pdjs-hub-viewpage > div:nth-child(4) {
    padding: 10px 10px 0 10px;
}


.-pdjs-hub-viewpage > div:nth-child(4) > div[role=grid] {
    position: absolute;
    inset: 10px;
}
.-pdjs-application-bar {
    background-color: var(--visiv-theme-application-bar-back-color);
    color: var(--visiv-theme-application-bar-text-color);
}

.-pdjs-application-bar-item {
    border: 0;
}

button.-pdjs-application-bar-item {
    vertical-align: top;
    background-color: transparent;
}

button.-pdjs-application-bar-item:focus {
    outline: 1px;
} 

.-pdjs-application-bar-user-item {
    background-color: var(--visiv-theme-application-bar-back-color-dark);
}

.-pdjs-hub-recent-entities {
}

.--pdjs-application-bar-global-search {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px;
    background-color: var(--visiv-theme-application-bar-back-color-light);
}

.--pdjs-application-bar-global-search .-pd-masked-textbox {
    position: relative;
}

.--pdjs-application-bar-global-search .-pd-masked-textbox button {
    background-color: var(--visiv-theme-application-bar-input-back-color) !important;
    color: var(--visiv-theme-application-bar-input-text-color) !important;
    background-image: none !important;
}

.--pdjs-application-bar-global-search div[data-role=input-and-mask],
.--pdjs-application-bar-global-search div[data-role=input-and-mask] input {
    background-color: var(--visiv-theme-application-bar-input-back-color) !important;
    border-color: var(--visiv-theme-application-bar-input-border-color) !important;
    color: var(--visiv-theme-application-bar-input-text-color) !important;
}

.-pdjs-hub-user-panel {
    display: grid;
    grid-template-rows: auto max-content;
    padding: 0;
    overflow: hidden;
}

.-pdjs-hub-user-panel > div {
    padding: 20px;
}

.-pdjs-hub-user-panel > div:first-child {
    overflow-y: auto;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}
