/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
::-webkit-scrollbar {
    background-color: rgba(79, 255, 93, 0);
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
    padding-left: 20px;
}


/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: rgba(44, 44, 44, 0)
}

/* scroll   bar itself */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--scrollbar-background);

}
/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    display: none;
}

xxx.form_editor div, xxx.form_editor span {
    overflow: hidden;
}

xxx.form_editor div:hover, xxx.form_editor span:hover {
    overflow-y: auto;
}


[name="search_tasks"],
[name="search_fields"] {
    width: 100%;
    color: var(--main-color);
    xborder: none;
    padding: 5px;
    outline: none;
    xbackground: rgb(0 0 0 / 35%);
    font-size: 0.9em;

}


#form_workflow_edit, #accordion_task, .task_ui_objects {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                           not supported by any browser */
}


.placeholder {
}

.workflow_block{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 2px;
    overflow: hidden;
}

#workflow_edit .node_top_panel .ui-resizable-s {
    margin-bottom: -5px;
}

#workflow_edit .panel-default > .panel-heading {
    border-bottom: none;
    padding-left: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


#workflow_edit [name="search_tasks"]::placeholder,
#workflow_edit [name="search_fields"]::placeholder {
    color: var(--main-color);
}


.panel_task_list > .panel-heading{
    border-bottom: none;
}

.panel_task_list > .panel-heading>.caret{
    float: right;
    margin-top: 8px;
    opacity: 0.5;
}

.panel_task_list .task_create {
    opacity: 0;
    float: right;
    cursor: pointer;
    zoom: 0.9;
    padding-right: 5px;
}

.panel_task_list .task_create:hover {
    opacity: 0.7;
}

#id_wft_definition {
    width: 100%
}

.container_event_history {
    z-index: 2000;
}

#workflow_edit .panel_event_history {
    padding-top: 5px;
}

.tree_player .btn:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}
.tree_player .btn.active{
    background-color: var(--hover-background);
    outline: none;
    color: var(--activated-color);
}
#workflow_edit .tree_player, .panel_event_history .tree_player{
    margin-left: 5px;
    float: right;
    zoom: 0.8;
}


.linkit_view {
    position: relative;
    /*border: 1px solid gray;*/
    display: inline-block;
    /*background-image: linear-gradient(rgb(49, 55, 59), rgb(30, 32, 33) 70%, rgb(28, 32, 35));*/
    border-radius: 5px;
    width: 50000px;
    height: 50000px;
}
.linkit_view.blinked{
    transition: backgroundColor 0.05s ease-in-out;
}

.linkit_view_container {
    background: var(--workflow-background);
    overflow: scroll;
    outline: 1px solid var(--main-outline);
    margin-top: 11px;
    border-radius: 3px;
}

.linkit_view .inOutPorts [port] {
    opacity: 0.4;
}

.linkit_view .inOutPorts .connected[port] {
    opacity: 1;
}

.linkit_view .over_from_tree {
     outline: 1px solid var(--activated-color) !important;

}


.linkit_view .xselectable-glass {
    background-color: transparent;
    z-index: 1000;
    cursor: hand;
    cursor: pointer;
}

.linkit_view .xselectable-box {
    border: 1px dotted black;
    background-color: rgba(182, 182, 182, 0.39);
    cursor: hand;
    cursor: pointer;
}


.linkit_view_tracker {
    z-index: 100000;
    position: absolute;
    height: 100px;
    width: 100px;
    background: none;
    border: 2px solid orange;
    display: none;
    overflow: scroll;
}

.linkit_view_tracker::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

.linkit_view_tracker span {
    display: inline-block;
}

.accordion_task_container{
    padding-top: 20px;
    padding-left: 0px
}
#accordion_task {
    margin: 0;
    font-weight: 800;
}

#accordion_task .accordion-entry {
    font-size: 0.8em;
}

#accordion_task #accordion_task {
    margin: 5px;
}



#workflow_edit #accordion_task .panel-heading{
    padding: 6px 0px 2px 5px;
    background: unset;
}
#workflow_edit #accordion_task .panel-heading>a{
    opacity: 0.5;
    text-decoration: none;
}
#workflow_edit #accordion_task .panel-heading>a:hover,
#workflow_edit #accordion_task .panel-heading>a:active,
#workflow_edit #accordion_task .panel-heading>a.active{
    opacity: 1;
}
#accordion_task .task-element,
#accordion_task .note-element{
    font-size: 0.8em;
}
#accordion_task .task-element #name {
    width: 80%;
}

#accordion_task .task-element[task_template="workflow"]:hover {
}

#accordion_task .task-element[task_template="custom"]:hover {
}

#accordion_task .task-element[task_template="custom"],
#accordion_task .task-element[task_template="workflow"] {
    font-style: italic;
}

.accordion_fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    transition: top 0.1s ease 0.2s;
    z-index: 30000;
    width: 170px;
}

.accordion_fullscreen:hover {
    opacity: 1;

    transition: opacity linear 0.25s;
}

#workflow_edit #id_wft_description {
    width: 60%;
}

#workflow_edit #id_wft_name {
    width: 50%;
}

#workflow_edit #wft_category {
    width: 10%;
    height: 27px;
    display: inline;
}

#workflow_edit .view_container {
    height: 3200px;
    overflow: scroll;
    margin-top: 0px;
    outline: 1px solid var(--main-outline);
    border-radius: var(--main-border-radius);
}

#workflow_edit .linkit_view_container{
    background: var(--workflow-background);
}
#workflow_edit .linkit_view_container .html-element.xselectable-selected {
    outline-color: var(--workflow-selected-border-color);
}
#workflow_edit #btn_submit_group, #workflow_edit #btn_submit_and_quit, #workflow_edit #btn_cancel, #workflow_edit #btn_duplicate, #workflow_edit #btn_documentation{
    float: right;
    margin-left: 5px;
}
#workflow_edit .clipboard_activated {
    outline: 2px solid rgb(21 129 214 / 25%) ! important;
}
#workflow_edit #btn_submit {
    padding-right: 4px;
}

#workflow_edit .linkit_view_minimap * {
    cursor: default !important;
    pointer-events: none;
}
#btn_submit.diagram_modified {
    opacity: 1;
    color: var(--activated-color);
}

#workflow_edit #btn_submit_group .dropdown-toggle {
    height: 36px;
    margin-top: 1px;
    width: 10px;
    padding-left: 4px;
}

#workflow_edit #btn_submit_group .caret {
    margin-left: -3px;
    zoom: 0.8
}

#workflow_edit #btn_submit_group .dropdown-menu {
    left: -104px;
}

#workflow_edit .tree_events {
    padding: 0px;
    overflow: hidden;
    margin: 0px;
}

.tree_player .btn {
    margin-left: 2px;
    margin-right: 2px;
}



#form-scheduler-list table.dataTable.table-condensed>thead>tr>th{
    white-space: nowrap;
    /* overflow: hidden; */
    /* display: inline-block; */
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 0.9em;
}

#form-scheduler-list .panel-jobs-search-content > [type="search"] {
    width: calc(100% - 62px);
}

#form-scheduler-list .dataTables_processing {
    z-index: 10;
}
#form-scheduler-list .page_length{
    vertical-align: middle;
}
#form-scheduler-list.loading * {
    /* disable all mouse events on subElements */
    pointer-events: none;
}

.source_list, .target_list {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    margin-left: 0px;
    padding: 0px;
}

.source_list li, .target_list li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    padding: 2px;
    margin-left: 5px;
    opacity: 0.5;

}
.source_list li:hover, .target_list li:hover{
    opacity: 1;

}
.source_list {
    max-height: 200px;

}

.source_list .ui-selecting, .target_list .ui-selecting {
    background: #FECA40;
}

.source_list .ui-selected, .target_list .ui-selected {
    background: #ffbd34;
    opacity: 1;
}

.task-element #name, .root-element #name {
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
    width: 80%;
}

.task-element #icon, .root-element #icon {
    top: 0;
    display: inline-block;
    vertical-align: middle;
}

.task_list .task-element[task_type="fac_request_to_generate"],
.task_list .task-element[task_type="fac_get_preview_status"],
.task_list .task-element[task_type="fac_set_preview_status"],
.task_list .task-element[task_type="fac_get_stats"],
.task_list .task-element[task_type="call_workflow"],
.task_list .task-element[task_type="script_eval"],
.task_list .task-element[task_type="folder_scan"],
.task_list .task-element[task_type="read_xls"],
.task_list .task-element[task_type="s3_notifier"],
.task_list .task-element[task_type="sequence_start"],
.task_list .task-element[task_type="sequence_update_thumbnail"],
.task_list .task-element[task_type="sequence_data"],
.task_list .task-element[task_type="temp_folder"],
.task_list .task-element[task_type="lock"],
.task_list .task-element[task_type="yield"],
.task_list .task-element[task_type="fac_preview_to_generate"] {
    margin-top: 10px;
}


wwwx.jsoneditor_holder:first-child {
    overflow-y: auto;
    overflow-x: hidden;
}

.jsoneditor_holder table.table th {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.jsoneditor_holder table.table {
    border-radius: 5px;
    margin-bottom: 5px;
}

.jsoneditor_holder table.table tbody td {
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: unset;
    border-right: unset;
    border-right: unset;
}

.jsoneditor_holder.panel_content_block [data-schematype] > .form-group > label {
    font-size: 14px;
    min-height: 20px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jsoneditor_holder.designer .form-group > label {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jsoneditor_holder .form-group {
    width: 100%;
}

.jsoneditor_holder .disabled_by_root {
    color: gray;
}

.jsoneditor_holder p {
    word-break: break-word;
    white-space: pre-wrap;
    opacity: var(--description-opacity);
}

.jsoneditor_holder p.errormsg {
    opacity: 1;
}

.jsoneditor_holder .task_sub_description {
    padding-left: 20px;
    padding-top: 10px;
    display: block;
}

.jsoneditor_holder .btn-default {
    xxxheight: 40px;
}

.table-icons {
    position: absolute;
    display: none;
    z-index: 10000;
    background: var(--panel-heading-background);
}

.table-icons .page-count, .table-icons .icons-count {
    font-size: 12px;
}

.task_dialog .task_color {
    padding: 1px;

}

.task_dialog .task_color .sp-dd {
    display: none;
}

.task_icon_picker, .task_icon_picker.iconpicker, .task_dialog .task_color {
    display: block;
    padding: 0px;
    max-height: 30px;
    max-width: 30px;
    background: none;
    border: none;
    text-align: left;
    min-width: initial;
    margin-bottom: 2px;
}

.task_dialog .task_color {
    margin-top: 2px;

}

.table-icons button {
    zoom: 0.9;
    background-color: black;
}

.table-icons button:hover {
    background-color: var(--activated-color);
}

.jsoneditor_holder #unlock_btn, .jsoneditor_holder #reset_lock_btn {
    zoom: 0.8;
    margin-top: -6px;
}

.task_dialog .jsoneditor_holder > h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.task_dialog .jsoneditor_holder label {
    width: calc(100% - 8px);
}


.task_dialog {
    z-index: 1045;
}

.task_dialog .modal-body {
    z-index: 1045;
    padding-bottom: 0;
}

.task_dialog .help-block {
    font-weight: 500;
    float: left;
    width: 100%;
}
.task_dialog .help-block>.sequence_tags_container>.sequence_tag {
    cursor: unset;
}

.task_dialog .help-block.publish-ok,
.task_dialog .help-block.sync-ok {
    color: var(--state-success);
}

.task_dialog .help-block.has-error {
    color: var(--state-error);
}
.task_dialog .help-block.out-of-sync {
    color: var(--state-error);
    opacity: 1;
}

.task_dialog .help-block.errormsg {
    color: var(--state-error);
    opacity: 1;
}

.modal.confirm {
    z-index: 10000;
}

.modal.confirm .modal-body {
    min-height: 70px;
    width: 100%;
    display: flex;
    align-items: baseline;
    border-top: 1px solid var(--hover-background);
}

.task_dialog .modal-dialog {
    width: 900px;
}

html .task_dialog .ace_editor, html .task_dialog .ace_editor div {
    font-family: monospace;
    font-size: 14px;
}


html .task_dialog .ace_editor {
    min-height: 22px;
}

.task_dialog .clone {
    float: left;
}

.task_dialog .tab_description {

}

.task_dialog .green_port {
    color: lime;
    font-weight: 600;
    opacity: 0.7;
}

.task_dialog .yellow_port {
    font-weight: 600;
    color: yellow;
    opacity: 0.7;
}

.task_dialog .red_port {
    font-weight: 600;
    color: red;
    opacity: 0.7;
}

.task_dialog .orange_port {
    font-weight: 600;
    color: orange;
    opacity: 0.7;
}

.task_dialog .edit_task_tabs li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.nav li > a.has-error,
.nav li > a.has-error:hover ,
.nav li > a.out-of-sync,
.nav li > a.out-of-sync:hover {
    font-weight: 900;
}

.nav li > a.has-error:before,
.nav li > a.out-of-sync:before{
    font-family: 'remixicon' !important;
    font-style: normal;
    content: "\eca1";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color: var(--state-error) !important;
}


.task_dialog .edit_task_tabs li > a.publish-ok,
.task_dialog .edit_task_tabs li > a.sync-ok {
    color: var(--state-success);
    text-shadow: none;
    opacity: 1;
}

.task_dialog .edit_task_tabs li {
    margin-bottom: 0px;
}

.task_dialog .edit_task_tabs li.active {
    opacity: 1;
}

.task_dialog .panel_content_block>h3 {
    margin-top: 0;
}
.task_dialog .panel_content_block>h3>.task_no_license_found {
    float: right;
    color: white;
}


.task_dialog .editor_tab_content [data-schemapath] [data-schematype='checkbox2'] label {
}

.task_dialog .editor_tab_content [data-schematype='array'] > .well {
    margin-bottom: 0;
}

.task_dialog .editor_tab_content [data-schematype='array'] table {
    margin-bottom: 5px;
}


.task_dialog .editor_tab_content [data-schematype='array'] table th {
    margin-bottom: 5px;
    font-size: 0.9em;
}

.task_dialog .editor_tab_content h3,
.task_dialog .editor_tab_content label {
    padding-left: 0px;
    font-size: 0.9em;
    width: auto !important;
}

.task_dialog .editor_tab_content [data-schematype="smart_path"] .form-group label.control-label {
    padding-left: 0px;
    font-size: 0.9em;
    width: calc(100% - 8px) !important;
}

[data-schematype="string"] .ace_editor_format .full_screen_btn,
[data-schematype="smart_path"] .ace_editor_format .full_screen_btn,
[data-schematype="array"] .ace_editor_format .full_screen_btn{
    margin-left: 10px;
    cursor: pointer !important;
    color: white;
    font-size: 0.8em;
}
[data-schematype="string"] .ace_editor_format,
[data-schematype="smart_path"] .ace_editor_format,
[data-schematype="array"] .ace_editor_format {
    margin-left: 10px;
    opacity: 0;
    margin-top: -2px;
    zoom: 0.9;
    transition: opacity linear 0.15s;
}
[data-schematype="array"] .ace_editor_format {
    margin-top: 2px;
    margin-right: 5px;
    position: absolute;
    opacity: 0;
    right: 0px;
}

[data-schematype] .ace_editor_format{
    display: inline-flex;
}
[data-schematype] .ace_editor_format>.ace_editor_format_text{
    align-self: center;
}
[data-schematype] .ace_editor_format>.full_screen_btn{
    align-self: center;
}

[data-schematype="string"] .ace_editor_format.python ,
[data-schematype="smart_path"] .ace_editor_format.python ,
[data-schematype="array"] .ace_editor_format.python {
    background: #0a6aa1;
}
[data-schematype="string"] .ace_editor_format.json,
[data-schematype="smart_path"] .ace_editor_format.json,
[data-schematype="array"] .ace_editor_format.json{
    background: #67b168;
}

[data-schematype="string"] .ace_editor_format.xml,
[data-schematype="smart_path"] .ace_editor_format.xml,
[data-schematype="array"] .ace_editor_format.xml{
    background: #AC885B;
}


[data-schematype="string"] .ace_editor_format.html,
[data-schematype="smart_path"] .ace_editor_format.html,
[data-schematype="array"] .ace_editor_format.html{
    background: #ac5b5b;
}
[data-schematype="string"] .ace_editor_format.javascript,
[data-schematype="string"] .ace_editor_format.js,
[data-schematype="smart_path"] .ace_editor_format.javascript,
[data-schematype="smart_path"] .ace_editor_format.js,
[data-schematype="array"] .ace_editor_format.javascript,
[data-schematype="array"] .ace_editor_format.js{
    background: #e48806;
}


.task_dialog .editor_tab_content .form-group {
    margin-bottom: 5px;
}

.modal .edit_task_tabs{
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: -webkit-inline-box;
    margin-bottom: 5px;
}

.task_dialog .edit_task_tabs > li {
    display: inline-block;
}

.edit_task_tabs a {
    opacity: 0.7;
    padding-top: 14px;

}

.edit_task_tabs .active a {
    color: var(--activated-color);
    opacity: 1;
    padding-top: 10px;
}

.editor_tab_content {
    margin-top: 0px;
}

.editor_tab_content.well {
    padding-left: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
}
.editor_tab_content.well > [data-schematype="object"] > .editor_header > h3{
    display: none;
}


.task_dialog .editor_connector_content {
    margin-bottom: 10px;
    margin-top: 10px;
}

.task_dialog [data-schemapath="root.ui"] {
    padding: 0;
}
.task_dialog [data-schemapath="root.doc"]>h3 {
    display: none;
}
.task_dialog [data-schemapath="root.doc"]>.well {
    padding: 0;
}
.task_dialog [data-schemapath="root.doc.markdown_editor"]{
    margin-bottom: 0px !important;
}
.task_dialog [data-schemapath="root.doc.markdown_editor"] .CodeMirror {
    height: calc(100% - 120px);
    min-height: unset;
    background: var(--input-background);
}
.task_dialog  [role="tabpanel"][id="doc"]>.editor_tab_content{
    padding-bottom: 0;
}
.task_dialog  [role="tabpanel"][id="doc"] .well{
    margin-bottom: 0;
}
.task_dialog [data-schemapath="root.default"] {
    display: none;
}

.task_dialog [data-schemapath="root.ui"] > h3 {
    display: none;
}
.task_dialog [data-schemapath="root.ui"] > .panel_content_block {
    min-height: 100%;
}

.task_dialog [data-schemapath="root.ui"]{
    min-height: calc(100% - 5px);
    border: none;
    padding: 0;
    margin: 0;
}
.task_dialog [data-schemapath="root.ui"]>.well{
    xxmin-height: calc(100% - 15px);
    padding: 0;
}


.task_dialog [data-schemapath="root.ui"] > .well > [data-schemaid="root"] {
}


.task_dialog [data-schemapath="root.task_connectors"] .well {
    min-height: 80px;
}

.task_dialog [data-schemapath="root.workflow_connectors"] .well {
    min-height: 80px;
}

.task_dialog .task_builder_selected {
    border-width: 1px;
    border-color: darkgoldenrod;
    border-style: solid;
}

[data-schemapath='root'] > .well.drag_over {
}

.drag_over.ui-resizable-handle {
    border-width: 2px;
    border-color: yellow;
    border-style: solid;
}


.task_dialog [data-schemapath="root.method.zip.compressed"] select {
    width: auto;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

.task_dialog [data-schemapath="root.method"] {
    margin-top: 10px;

}


.task_dialog [name="root[webapi][url]"] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%
}

.task_dialog [data-schemapath] [data-schematype="boolean"] input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 5px;
}


.task_dialog [data-schematype="checkbox2"] input[indeterminate="indeterminate"] {
    opacity: 0.5;
}


.task_dialog input, .task_dialog select, .task_dialog .select2-selection--single  {
    height: 22px;
    vertical-align: top;
}

.param_selector {
    float: right;
    align-self: center;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0.8em;
}

.param_selector.visible_in_view {
    margin-top: -0.5px;
}
.param_selector:hover, .glyphicon-eye-open:hover {
    opacity: 1;
}

[data-schemapath] >.form-group > .editor_header > .param_selector,
[data-schemapath] >.form-group > .param_selector,
[data-schemapath] > .editor_header > .param_selector,
[data-schemapath] > .editor_header > h3 > .param_selector,
[data-schemapath]  .checkbox > .param_selector {
    opacity: 0.1;
    right: 0px;
}
.designer [data-schemapath] >.form-group > .editor_header > .param_selector,
.designer [data-schemapath] >.form-group > .param_selector,
.designer [data-schemapath] > .editor_header > .param_selector,
.designer [data-schemapath] > .editor_header > h3 > .param_selector,
.designer [data-schemapath]  .checkbox > .param_selector {
    right: 10px;
}


[data-schemapath]:hover >.form-group >.editor_header > .param_selector,
[data-schemapath]:hover >.form-group > .param_selector,
[data-schemapath]:hover >.editor_header > .param_selector,
[data-schemapath]:hover >.editor_header > h3 > .param_selector,
[data-schemapath]:hover .checkbox > .param_selector {
    opacity: 0.7;
}

[data-schemapath] >.form-group >.editor_header > .param_selector.active,
[data-schemapath] >.editor_header > .param_selector.active,
[data-schemapath] >.editor_header > > h3 .param_selector.active,
[data-schemapath] .checkbox > .param_selector.active {
    opacity: 0.7;
}

[data-schemapath] .param_selector.active {
    opacity: 1 !important;
}

[data-schemapath]:hover > .form-group > .param_selector,
[data-schemapath]:hover > .param_selector,
[data-schemapath]:hover > .checkbox > .param_selector {
    opacity: 0.7;
}

[data-schematype="array"] > .editor_header > .param_selector{
    position: absolute;
}
.param_selector.active, .glyphicon-eye-open.active {
    color: var(--activated-color);
    opacity: 1;
}

.tree_events {
    overflow: auto;
}
.tree_events.flex-centered-content {
    outline: unset;
}
.tree_events .editable{
    background: none;
    color: white;
    outline: none;
    border: none;
}

.tree_events .events_container {
    background: none;
    height: 100%;
}

.tree_events .events_container .jstree-clicked {
    background: var(--table-selection-background)!important;
    box-shadow: none;
}

.tree_events .jstree-anchor,
.tree_events .jstree-wholerow {
    transition: none!important;
}

.tree_events .jstree-hovered{
    background: unset!important;
}


.tree_events .jstree-anchor:hover {
    background: none;
    border: none
}


.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {

}

.tree_events .jstree-anchor.jstree-clicked {
    background: var(--hover-background);
}

.tree_events .node_text.process_graph_node {
    height: 240px;
    padding: 0px;
}

.tree_events .more_data_node.jstree-open {
    margin-left: 0;
}
.tree_events .more_data_node.jstree-open>.jstree-icon {
    margin-left: 24px;
}
.tree_events .more_data_node.jstree-open>.jstree-anchor>.node_title {
    display: none;
}

.tree_events .node_text {
    color: var(--main-color);
    vertical-align: middle;
    font-size: 0.8em;
}
.admin_workflow_history .tree_events .node_text {
    font-size: unset;
}

.tree_events .workflow .node_text {

}

.tree_events .node_title.task .node_text {
    color: #ffffff;
    font-weight: 600;
}

.tree_events .node_title.workflow .node_text {
    color: #ffffff;
    font-weight: 600;
}

.tree_events .node_title.debug .node_text {
    color: #dbd0c7;
}

.tree_events .node_title.message .node_icon, .tree_events .node_title.message .node_text {
    color: #dbd0c7;
}

.tree_events .node_title.iterate .node_text {
    color: #7E8076;
}

.tree_events .node_title .node_text .title_chart {
    margin-left: 5px;
}

.tree_events .morris-hover {
    position: absolute;
    z-index: 1000;
}


.workflow_scheduler_table .scheduler_id_container, .workflow_scheduler_table .last_run, .workflow_scheduler_table .next_run {
    text-align: right;
}
.instance_status.unset {
    color: rgba(0,0,0,0);
}
.tree_events .node_title.ended .node_icon,
#workflow_list .ended,
.tree_events .jstree-grid-cell .node_text.ended.last_state,
.instance_status.ended {
    color: DodgerBlue;
}

.tree_events .node_title.bypassed>.node_text{
    opacity: 0.5;
}
.tree_events .node_title.bypassed .node_icon,
#workflow_list .bypassed,
.tree_events .jstree-grid-cell .node_text.bypassed.last_state,
.instance_status.bypassed {
    color: DodgerBlue;
}

.tree_events .node_title.debugging .node_icon,
#workflow_list .debugging,
.tree_events .jstree-grid-cell .node_text.debugging.last_state,
.instance_status.debugging {
    color: lime;
    opacity: 0.5;
}

.tree_events .node_title.planned .node_icon,
#workflow_list .planned,
.tree_events .jstree-grid-cell .node_text.planned.last_state,
.instance_status.planned {
    color: yellow;
}

#schedulers_list_container .table_bottom{
    text-align: right;
    background: var(--panel-heading-background);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#workflow_scheduler_list .tr_subnodes {
    font-size: 0.9em;
    background: var(--main-background);
}

.workflow_scheduler_table .tr_subnodes .node_name {
    padding-left: 10px;
}

.jstree-initial-node.jstree-loading {
    zoom: 0.9;
    margin-top: 10px;
    margin-bottom: 10px;
}

.jstree-initial-node .jstree-anchor {
    margin-left: 10px
}

#workflow_scheduler_list .tr_nodes {
}
.tr_nodes{
    cursor: pointer;
}
.workflow_scheduler_table .tr_nodes .multi-nodes, .workflow_scheduler_table .tr_nodes .node-not-found {
    font-size: 80%;
    width: 120px;
    display: inline-block
}

.tree_events .jstree-grid-cell .node_text.message {
    width: 100%;
    margin-top: 1px;
    display: inline-block;
}

.tree_events .jstree-grid-cell .node_text.message.progress_event {
    display: block;
    border-radius: 4px;
    padding-right: 5px;
}

.tree_events .node_title.running > .node_icon,
#workflow_list .running,
.tree_events .jstree-grid-cell .node_text.running.last_state,
.tree_events .jstree-grid-cell .node_text.running.message,
.tree_events .jstree-grid-cell .node_text.running.running_time,
.instance_status.running {
    color: var(--state-success);
}

.tree_events .node_title.sleeping > .node_icon,
#workflow_list .sleeping,
.tree_events .jstree-grid-cell .node_text.sleeping.last_state,
.tree_events .jstree-grid-cell .node_text.sleeping.message,
.tree_events .jstree-grid-cell .node_text.sleeping.running_time,
.instance_status.sleeping {
    color: var(--state-success);
    opacity: 0.6;
}

.tree_events .node_title.running_ago .node_icon,
#workflow_list .running_ago,
.tree_events .jstree-grid-cell .node_text.running_ago.last_state,
.instance_status.running_ago {

    color: var(--state-warning);

}

.tree_events .node_title.lost .node_icon,
#workflow_list .lost,
.tree_events .jstree-grid-cell .node_text.lost.last_state,
.instance_status.lost {
    color: var(--state-error);

}

.tree_events .node_title.ended_with_error .node_icon,
#workflow_list .ended_with_error,
.tree_events .jstree-grid-cell .node_text.ended_with_error.last_state,
.instance_status.ended_with_error {
    color: var(--state-error);
}

.tree_events .node_title.aborted .node_icon,
#workflow_list .aborted,
.tree_events .jstree-grid-cell .node_text.aborted.last_state,
.instance_status.aborted {
    color: var(--state-default);
}


.tree_events .node_title.no_more_waiting .node_icon,
#workflow_list .no_more_waiting,
.tree_events .jstree-grid-cell .node_text.no_more_waiting.last_state,
.instance_status.no_more_waiting {
    color: var(--state-default);
}


.tree_events .node_title.paused .node_icon,
#workflow_list .paused,
.tree_events .jstree-grid-cell .node_text.paused.last_state,
.instance_status.paused, .instance_status.starting {
    color: var(--state-success);
    opacity: 0.6;
}

.tree_events .jstree-grid-cell.jstree-clicked .node_text.paused.last_state {
    color: var(--state-success);
    opacity: 0.6;
}

.tree_events .node_title.error .node_icon {
    color: var(--state-error);
}

.tree_events .node_title.abort .node_icon {
    color: var(--state-error);
    font-weight: 600;
}

.tree_events .node_title {
}


.tree_events .node_text.error {
    color: var(--state-error);
    font-width: 700;
}
xxx.tree_events .node_text.dumped_dict,
xxx.tree_events .node_text.dumped_list{
    visibility:hidden;
}
xxx.tree_events .node_text.dumped_dict:after,
xxx.tree_events .node_text.dumped_list:after{
    visibility: visible;
    position: absolute;
    left: 7;
}

xxx.tree_events .node_text.dumped_dict.empty:after{
    content: "{}";
}

xxx.tree_events .node_text.dumped_dict:after{
    content: "{...}";
}

xxx.tree_events .node_text.dumped_list:after{
    content: "[...]";
}

xxx.tree_events .node_text.dumped_list.empty:after{
    content: "[]";
}

.tree_events .node_date_event {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10px;
    color: darkgray;
}

.tree_events .node_title.date_event {
}

.tree_events .node_title.context {
    color: darkgray;
}

.tree_events .eval_title {
    font-weight: 600;
    font-size: 12px;
    color: darkgray;

}

.tree_events .eval_block {
    color: darkgray;

}

.tree_events .node_icon, .node_dialog .node_icon {
    vertical-align: middle;
    top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 0.8em;
}

.node_dialog .node_text {
    font-size: 15px;
}

.tree_events .loop_index_value {
    font-weight: 600;
}

.tree_events .loop_index {
    color: darkgray;
}

.glyphicon-none:before {
    content: "\2122";
    opacity: 0 !important;
}

.tree_events .jstree-grid-header-regular {
    background-color: unset;
    color: unset;
    font-size: 0.9em;
    overflow: unset;
    border-bottom: 1px solid var(--hover-background);
    padding-top: 5px;
    padding-bottom: 5px;
    xxbackground: var(--panel-heading-background);
    color: var(--main-color);
    margin-top: 5px;
}
.tree_events .jstree-grid-column:first-of-type .jstree-grid-header-regular{
    xxborder-top-left-radius: var(--main-border-radius);
    xxborder-bottom-left-radius: var(--main-border-radius);
}
.tree_events .jstree-grid-column:last-of-type .jstree-grid-header-regular{
    xxborder-top-right-radius: var(--main-border-radius);
    xxborder-bottom-right-radius: var(--main-border-radius);
}

.tree_events .jstree-grid-header-regular .workflow_search{
    width: 100%;
}



.tree_events .jstree-grid-separator-regular {
    border-color: gray;
    width: 5px;
    height: 3000px;
    opacity: 0.04;
}
.tree_events .jstree-grid-separator-regular:hover {
    opacity: 0.7;
}
.tree_events .jstree-default-dark, .tree_events .jstree-default-dark .jstree-context:not(.jstree-clicked) {
    #background-color: #282c32;
}
.tree_events .jstree-grid-cell{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.tree_events .jstree-grid-cell.jstree-clicked {
    box-shadow: none;
}

#modal_ask_field {
    width: 100%;
    border: 1px solid var(--panel-heading-background);
}

.modal_ask_label {
    font-weight: 400;
    word-break: break-word;
    margin-left: 10px;
}

.panel_task_list {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 30px;
    margin-right: 5px;
}
.panel_task_list .panel_task_list {
    background: rgb(31 31 31);
}
.panel_task_list .accordion-entry{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    opacity: 0.5;
    display: inline-block;
    width: 100%;
}
.panel_task_list .accordion-entry:hover,
.panel_task_list .accordion-entry:active{
    background: rgba(255, 255, 255, 0.05);
    opacity: 1;

}
.panel_task_list .accordion-entry [href]{
    display: inline-block;
    width: calc(100% - 30px);
}
.panel_task_list .accordion-entry [href]:hover,
.panel_task_list .accordion-entry [href]:active{
    text-decoration: none;
}
.panel_task_list .accordion-entry .caret{
    float: right;
    margin-right: 3px;
    margin-top: 6px;
}

.field_css_container .panel_task_list a[role="button"] {
    opacity: 1;
    color: var(--activated-color);
}
.field_css_container .panel_task_list .empty_data a[role="button"] {
    color: unset;
}
.field_css_container .panel_task_list .empty_data a[role="button"].active {
}

.task_list {
    max-height: none;
    margin-bottom: 0px
}

.task_list #name {
    margin-top: -4px;
    vertical-align: middle;
    font-weight: 500;
    text-align: left;
    display: inline-block;
}


.task_list #icon {
    margin-left: 5px;
    margin-top: -3px;
    zoom: 1;
    vertical-align: middle;
}
.task_list .note {
    opacity: 1;
    margin-left: 0;
    display: inline;
}
.task_list .note #icon {
    padding: 10px;
    margin-left: 0;
}

#btn_flat_log {
    float: right;
    display: none;
}

#event_history_title {
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
}

.ui-resizable-helper_xxx {
    border: 1px dotted rgb(65, 65, 65);
}

.ace_editor .ui-resizable-helper {
    border: 1px dotted rgb(205, 205, 205);
}

#workflow_edit .panel-buttons .panel_player {
    display: inline-block;
    margin-left: 0px;
    float: left;
    zoom: 1;
    margin-top: 0px;
}

.panel-buttons button {
}

#workflow_list .state {
    text-align: right;
}


#workflow_list .wft_max_running {
    background: none;
    border-width: 1;
    text-align: right;
    color: white;
}
#workflow_list .wft_max_running:focus {
    outline: none;
}

#workflow_template_import_file, #workflow_connector_import_file {
    color: lightgray;
    font-weight: 600;
    width: 100%;
}

#workflow_template_import_submit {
    float: right;
}

.btn_header {
    float: right;
    margin-left: 10px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}

.btn_header.active {
    color: var(--activated-color);

}

#workflow_edit .panel-heading .pull-right .btn.active {
    color: var(--activated-color);
}

.btn_show_bottom_panel.active {
    color: var(--activated-color);
}

#workflow_edit .panel-heading .pull-right{
    background: var(--panel-heading-background);
}

#workflow_edit .panel-heading .pull-right .btn {
}


#workflow_edit .panel-heading .pull-right .btn-group .btn span {
    display: inline-block;
    margin-left: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel-heading-title {
    display: inline-block;
}

.panel-heading-sub-title {
    display: inline-block;
}

.jsoneditor_holder .connector_container {
    position: absolute;
    right: 25px;
    z-index: 10;
}

.jsoneditor_holder .connectors_select,
.jsoneditor_holder .connector_save,
.jsoneditor_holder .connector_delete {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 0px 0px 0px 3px;
    width: auto;
    float: none;
}

.jsoneditor_holder .connector_save,
.jsoneditor_holder .connector_delete {
    margin-top: 4px;
    opacity: 0.5;
}

.jsoneditor_holder .connector_save:hover,
.jsoneditor_holder .connector_delete:hover {
    opacity: 1;
}

.jsoneditor_holder .oauth2_url, .jsoneditor_holder .oauth2_code, .jsoneditor_holder .oauth2_test {
    margin-left: 20px;
    margin-bottom: 20px;
}

.jsoneditor_holder input[type="password"] {
    padding: 0px;
}

.node_dialog {
    z-index: 3600;
}

.node_dialog .modal-dialog {
    width: 800px;
}

.node_dialog .modal-body {
    max-height: 600px;
    overflow: auto;
}

.node_dialog .control-value {
    padding-top: 9px;
    word-break: break-all;
    max-height: 200px;
    overflow: auto;
}

.node_dialog .form_group {
    margin-bottom: 10px;
}

.workflow_scheduler_table {
    white-space: inherit;
}

.workflow_scheduler_table .instance_status {
    display: table-cell;
    top: 0;
}
.workflow_scheduler_table .instance_deploy {
}

.workflow_scheduler_table .events_container {
}
#workflow_scheduler_list .instance_status{
    width: 15px;
}
#workflow_scheduler_list .instance_status, #workflow_scheduler_list .instance_deploy, #workflow_scheduler_list .node_deploy {
    margin: 0px;
}

.instance_deploy, .node_deploy {
    opacity: 0.5;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}

.instance_deploy:hover, .node_deploy:hover {
    opacity: 1;
}

.workflow_scheduler_table .tr_nodes td:first-child {
}

.workflow_scheduler_table .panel_history {
    padding: 0px;
    background: none;
}
.workflow_scheduler_table .tree_events{
    background: var(--main-background);
}
.workflow_scheduler_table .tree_events .node_text{
    font-size: 0.9em;
}

.workflow_scheduler_table .tr_subnodes {
}



.config_view .panel-title {
    zoom: 0.8;
    color: inherit
}

.btn_print_config {
    display: none;
}

.config_view_container .task_block {
    cursor: pointer;
}

.config_view_container .compare_open_config {
    cursor: pointer;
}

.config_view_container .compare_not_found {
    color: var(--state-error);
    font-weight: 500;
}

.config_view_container .compare_diff {
    color: var(--state-error);
    font-weight: 500;
}

.config_view_container .compare_error {
    color: var(--state-error);
    font-weight: 600;
}

.config_view_container .sub_config_value .compare_error {
    margin-left: 10px;

}

.config_view_container .compare_count a {
    float: right;
    color: var(--state-error);
    font-weight: bold;
}

.config_view_container .compare_error a {
    float: right;
    color: var(--state-error);
    font-weight: bold;
    margin-left: 10px;
}

.config_view_container .workflow_report_spinner {
    position: relative;
    margin-right: 20px;
}

.config_view_container .task_report_compare, .config_view_container .task_report_error {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    position: relative;

}

.config_view_container .task_report_error {
    font-weight: 600;
}

.config_view_container .task_report_resolve {
    float: right;
    color: var(--state-error);
    margin-top: 3px;
    margin-right: 5px;
    display: none;
    cursor: pointer;

}

.config_view_container .task_report_compare.no_diff, .config_view_container .task_report_error.no_err {
    color: lime;
}

.config_view_container .task_report_compare.has_diff, .config_view_container .task_report_error.has_err {
    color: var(--state-error);
}

#workflow_edit .config_view_container .panel-default > .panel-heading{
    padding: 10px 10px;
}

#workflow_edit .config_view_container .task_collapse{
    margin: 5px 20px 20px;
}

.minimap_container{
    left: -10000px;
    width: 300px;
    height: 150px;
    position: absolute;
    z-index: 500;
    right: 0;
    border: 1px solid gray;
    overflow: hidden;
    background: var(--workflow-background);
    cursor: pointer;
}
.minimap_container>.ui-resizable-handle{
    z-index: 501;
}
.config_view_container .compare_action {
    float: right;
    color: var(--state-error);
    /* zoom: 0.8; */
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.config_view_container .sub_config {
    padding: 0px;
}

.config_view .sub_config_params {
    padding: 0px
}
.config_view .sub_config_param:hover {
    background: var(--hover-background);
}

.config_view .sub_config_title {
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    background: var(--panel-heading-background);
    font-size: 0.9em;
    padding-left: 5px;
    border-radius: var(--main-border-radius);
}

.config_view .sub_config_key {
    padding-left: 20px;
    font-size: 0.9em;
    opacity: 0.7;
}

.btn_task_report {
    float: right;
    zoom: 0.7;
}

#find_in_report {
    float: right;
    margin-right: 0px;
}

#select_workflow_compare {
    float: right;
    margin-right: 20px;
    min-height: 25px;
    max-width: 200px;
}

#select_workflow_versions {
    float: right;
    min-height: 25px;
    width: auto;
}

.content_found_in_report {
    color: lime !important;
}

.config_view .sub_config_value {
    overflow: auto;
    word-break: break-all;
    white-space: pre-wrap;
    max-height: 200px;
    -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Chrome/Safari/Opera */
    -khtml-user-select: text; /* Konqueror */
    -moz-user-select: text; /* Firefox */
    -ms-user-select: text; /* IE/Edge */
    user-select: text;
    font-size: 0.9em;

}

.form-scheduler .form-group {
    width: 100%;
    display: flex;
}
.form-scheduler #id_schedule {
    width: 240px;
}

.form-scheduler #id_launch_mode{
}
.form-scheduler #jsoneditor_priority_holder {
    display: inline-block;
    width: 150px;
}


.form-scheduler #workflow_scheduler_alert {
    position: absolute;
    right: 21px;
    top: 15px;
}

#form-scheduler-ace-editor {
    position: relative;
    height: 100px;
}

.form-scheduler #workflow_template, #pnl_workflow {
    width: 16em;

}

.form-scheduler #id_nodes {
    width: 50%;
    padding: 5px;
}

.form-scheduler .day_picker .day {
    font-weight: 600;
    width: 3em;
    opacity: 0.5
}

.form-scheduler .day_picker .day:focus {
    outline: 0;
    border: 0;
}
.form-scheduler .day_picker{
    margin-left: 10px;
}
.form-scheduler .day_picker .day.active {
    opacity: 1;
    background: var(--control-background) !important;

    font-weight: 600;
}

.form-scheduler .time_pickers > input {
    width: 50px;
}

.form-scheduler .time_pickers > span {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 0.9em;
    font-weight: 600;
}


.form-scheduler #workflow_versions {
    width: 7em;
    margin-left: 20px;
    margin-right: 10px;

}

.scheduler_example {
    cursor: pointer;
    opacity: 0.6;
    font-weight: 600;
}

.scheduler_example:hover {
    opacity: 1;
}

#form-workflow-template-list #workflow_list_filter [type="search"] {
    display: none;
}
#form-workflow-template-list #notification_container,
#form-sequence-template-list #notification_container{
    display: inline-block;
}
#form-workflow-template-list #notification_container .alert,
#form-sequence-template-list #notification_container .alert{
    padding: 5px;
}



#form-workflow-template-list .dataTables_scrollBody tr {
    cursor: pointer;
}


#form-workflow-template-list table .task_row {
    margin-left: 15px;
}


#form-workflow-template-list table .task_group_row {
    font-weight: 600;
}


#form-workflow-template-list #import_result {
    margin: 0px;
    padding: 10px;
}

#form-workflow-template-list .current_category {
    font-weight: 600;
    vertical-align: middle;
    margin-left: 5px
}

#form-scheduler-list .tree_player {
    float: left;
    margin-top: 0px;
    margin-right: 15px;
    zoom: 1;
}
#form-scheduler-list  #schedulers_buttons_container [type="button"]{
    margin-right: 5px;
}


#components_review_form .connectors_select {
    width: 100%;
}

#components_review_form .task_name {
    font-weight: 500;
}

#components_review_form .component_state {
    margin-right: 10px;
    zoom: 0.8;
}

#components_review_form .component_state.found {
    color: lime;
}

#components_review_form .component_state.not_found {
    color: var(--state-error);
}

#components_review_form .component_state.diff_name {
    color: orange;
}

#components_review_form .error {
    font-weight: 500;
}

#components_review_form .form_content {
    max-height: 500px;
    overflow: auto;
}

#components_review_form .components_review_header {
    font-weight: 600;
    height: 22px;
    /* vertical-align: middle; */
    background: #404145;
    margin-bottom: 10px
}

#components_review_form .components_review_row {
    margin-bottom: 5px
}

#components_review_form .components_review_row:nth-child(even) {
    background: #25262B;
}

#importModal, #components_review_modal {
    margin-top: 35px
}

#importModal input[type="file"] {
    color: inherit;
    border: unset;
    background: unset;
}

.revision_input {
    width: 100%;
    height: 90px
}

.versions_list {
    display: inline-block;
    width: 100%;
    zoom: 0.8;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.versions_list_header {
    display: none;
}

.versions_list_header, .versions_list_body {
    margin-bottom: 7px;
    border-radius: var(--main-border-radius);
    padding: 4px 4px 4px 20px;
}

.versions_list_body {
    max-height: 400px;
    overflow: auto;
}

.versions_list_body .row {
    cursor: pointer;
    min-height: 35px;
    padding-top: 8px
}

.versions_list_body .row div {
    word-break: break-all;
    white-space: pre-wrap;
}

.versions_list_body .row.selected {
    color: lawngreen;
}

.versions_list_body .row:nth-child(even) {
    background: #25262B;
}

.versions_list_body .row:hover {
    background: #444649;
}

.versions_list_body .revert_to_version {
    display: none;
    float: right;
    color: lawngreen;

}

.versions_list_body .row.selected .revert_to_version {
    display: inline-block;
}

.btn_expand_versions {
    border: none;
    margin: 0px;
    padding-left: 3px;
    font-size: 18px;
    padding-top: 3px
}

#workflow_scheduler_alert {
    display: inline-block;
    padding: 5px;
    width: auto;
    font-size: 0.9em;
    margin-right: 10px;
    font-weight: 900;
}

#workflow_connector_import_form .radio label {
    width: auto;
}

#workflow_connector_import_form .radio label input {
    margin-top: 5px;
}

#form_connector .jsoneditor_holder>[data-schemapath='root']>div>[data-schemapath='root'] {
    margin-left: calc(100% - 75%);
    display: inline-block;
    width: 80%;
}
#form_connector .jsoneditor_holder>[data-schemapath='root']{
    margin-left: -8px;
}
#form_connector .jsoneditor_holder>[data-schemapath='root']>label{
    margin-left: -5px;

}
#form_connector .jsoneditor_holder [data-schematype] .ace_editor_format{
    position: absolute;
    right: 0px;
    top: 18px;
    z-index: 1;
}

#form_connector .jsoneditor_holder h3{
    display: none;
}
#form_connector .jsoneditor_holder [data-schemapath="root"] label {
    margin-right: -5px
}

#form_connector .jsoneditor_holder [data-schemapath="root"] .btn-group {
    float: left;
}


#form_connector #id_wfc_name {
    width: 50%;
}

#load_distribution_form .logs_container {
    padding-left: 0px;
    word-break: break-all;
}

#load_distribution_form .child_tr {
    display: none;
}

#load_distribution_form .logs_container ul {
    font-size: 0.9em;
    list-style: none;
    max-height: 400px;
    display: block;
    overflow: auto;
    padding-left: 0px;
}

#load_distribution_form .logs_container li span {
    margin-bottom: 10px;
    color: gray;
}

#load_distribution_form .logs_container li span.error {
    color: var(--state-error);
}

#load_distribution_form .logs_container td, #load_distribution_form .logs_container th {
    padding-left: 0px;
}

#load_distribution_form .logs_container .expandable_tr {
    cursor: pointer;
}

#load_distribution_form .logs_container .badge {
    float: right;
    width: 80px;
    height: 20px;
    line-height: 20px;
}

#load_distribution_form .status_container {
    width: 150px;
    display: inline-block;
    float: right;
}

#load_distribution_form .status_container[status="error"], #load_distribution_form .status_container[status="done_with_error"] {
    background: var(--state-error);
}

#load_distribution_form .status_container[status="running"], #load_distribution_form .status_container[status="waiting_agent_workflow"] {
    background: var(--state-success);
}

#load_distribution_form .status_container[status="done"] {
    background: var(--state-info);
}

#load_distribution_form .form-group {
    width: 100%;
}

#workflow_distrib_import_dialog {
    margin: 30px;
}

#workflow_distrib_import_dialog #select_file {
    width: 69%;
}

#workflow_distrib_import_dialog #select_file_name {
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    color: gray;
    font-weight: 500;
}

#workflow_distrib_import_dialog .well {
    padding-left: 0px;
    padding-right: 0px;
}

#workflow_distribution_list .label.distrib_type {
    width: 100%;
    display: inline-block;
}

#workflow_distribution_list .label.distrib_status {
    width: calc(100% - 20px);
    display: inline-block;
}

#workflow_distribution_list .distrib_reload {
    opacity: 0.1;
    vertical-align: middle;
    font-size: 15px;
}

#workflow_distribution_list td:hover .distrib_reload {
    opacity: 0.8;
    cursor: pointer;
}


#workflow_distribution_list .label.distrib_status.done_with_error,
#workflow_distribution_list .label.distrib_status.error,
#workflow_distribution_list .label.distrib_status.incomplete {
    background: #d9534f;
}

#workflow_distribution_list .label.distrib_status.done {
    background: #1e90ff6b;
}

ul.distrib_errors {
    list-style: none;
}

#contextMenu {
    position: absolute;
    display: none;
    z-index: 3000;
}

#contextMenu .glyphicon {
    zoom: 0.8;
}

#contextMenu a {
    padding-left: 10px;
    padding-right: 3px;
    font-size: 12px;
}

#contextMenu .shortcut {
    opacity: 0.7;
    margin-top: 4px;
}

#contextMenu .shortcut .key {
    font-weight: 600;
    margin-left: 5px;
}

#contextMenu .shortcut {
    float: right;
    font-size: 10px;

}

#contextMenu a .text {
    margin-left: 10px
}

#contextMenu .dropdown-header {
    text-align: center;
}

.task_ui_objects {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0px;
}

#build_task_dialog .form_editor [data-schemapath='root'] > .well {
    height: inherit;
    padding-bottom: 2px !important;
}

#build_task_dialog .form_editor [data-schemapath='root'] [data-schematype] .ui-resizable-e {
    right: 0px;
}

#build_task_dialog #ui > .editor_tab_content > [data-schemapath="root"] > .well {
    border: none;
}


#build_task_dialog #ui .accordion_task_container{
    margin-top: 20px;
    padding-top: 2px;
    padding-left: 0px;
    background: var(--dialog-body-background);
    border-radius: 3px;

}
#build_task_dialog #ui #accordion_task .panel_task_list {
    background: none;
    border: none;
    margin-bottom: unset;

}

#build_task_dialog #ui #accordion_task .accordion-entry {
    margin-bottom: 0px;
    width: 140px;
    padding: 0 0 0 5px;
    border-radius: 0px;
    display: block;
}
#build_task_dialog #ui #accordion_task .accordion-entry.empty_data{
    color: unset;
}
#build_task_dialog #ui #accordion_task .accordion-entry>.caret {
    display: none;
}
#build_task_dialog #ui #accordion_task .accordion-entry>a {
    width: 100%;
    padding: 2px 5px 5px;
}

#build_task_dialog #ui #accordion_task .accordion-entry>a.active {
    opacity: 1;
    color:var(--activated-color);
}

#build_task_dialog #ui .fields_categories {
    margin-bottom: 10px;
    display: block;
}

#build_task_dialog #ui #accordion_task .panel-collapse {
    margin-left: 145px;
    margin-right: 5px;
    border-radius: 4px;
    top: 10px;
    position: absolute;
    width: calc(100% - 145px);
    margin-top: -5px;
}

#build_task_dialog #ui #accordion_task .panel-collapse {
    height: 131px;
    overflow: auto;
}

#build_task_dialog .draggable_field {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 5px;
    display: -webkit-inline-box;
    width: 100px;
    cursor: pointer;
}
#build_task_dialog .draggable_field.drag_field_helper{
    background: lime;
}

#build_task_dialog .draggable_field.drag_field_helper .icon{
    display: none;
}


#build_task_dialog .draggable_field .text {
    width: 100%;
    display: block;
    text-align: center;

}

#build_task_dialog #ui #accordion_task .draggable_field:hover {
    background: var(--state-success);

}

#build_task_dialog .task_ui_objects {
    padding-top: 5px;
    padding-bottom: 5px;
    overflow-x: auto;
    margin: 20px;
}

#build_task_dialog .task_ui_objects::-webkit-scrollbar {
    display: none;
}

#build_task_dialog .task_ui_objects li {
    margin: 5px;
}

.task_ui_objects li:hover {
    color: var(--activated-color);
}

#task_build_param_dialog .modal-dialog {
    width: clamp(600px, 55em, 1300px);
}

#task_build_param_dialog .modal-dialog .commit .spinner {
    position: relative !important;
    left: 50% !important;
    top: 0 !important;
}

#task_build_param_dialog .editor_tab_content [data-schematype="table"] table {
    xxfont-size: 14px;
}

#task_build_param_dialog .editor_tab_content > [data-schemapath] > h3 {
    display: none;
}


#task_build_param_dialog .editor_tab_content > [data-schemapath] > .well {
    min-height: unset;
}

#task_build_param_dialog .editor_tab_content [data-schematype="array" ] table select {
    margin: 0px;
}

#task_build_param_dialog .editor_tab_content [data-schemapath="root.groups_filter"] thead,
#task_build_param_dialog .editor_tab_content [data-schemapath="root.users_filter"] thead {
    display: none;
}


#task_build_param_dialog .editor_tab_content > [data-schemapath] {
    padding: 0;
}

#task_build_param_dialog [id="tab_values"] .editor_tab_content{
    padding: 0;
}


.editor_tab_content [data-schematype="array"] table input {
    padding-left: 5px;
    padding-right: 5px;
}

.editor_tab_content [data-schematype="radio_buttons"] .grouped_buttons > label {
    text-align: center;
    height: 26px;
    font-weight: 500;
    opacity: 0.3;
}
.editor_tab_content [data-schematype="radio_buttons"] .grouped_buttons > label.active {
    color: unset
}


.editor_tab_content [data-schematype="radio_buttons"] .grouped_buttons {
    text-align: center;
}

#task_build_param_dialog {
    z-index: 9000;
}

#css_preset_dialog {
    z-index: 9005;
    top: 50px;
}

#css_preset_dialog #panel .panel_content_block{
    font-size: 1.2em;
}

#css_preset_dialog .well{
    background: none;
}

#task_build_param_dialog .modal-body > .alert {
    font-size: 15px;
}

#task_build_param_editor > table {
    font-size: 12px;
    margin-bottom: 4px;
}

#task_build_param_editor > h3 {
    margin-top: 0px;
    overflow: hidden;
}


#task_build_param_editor .form-group {
    margin-bottom: 5px;
}


#task_build_param_editor .spacer .placeholder {
    opacity: 0;
}

#task_build_param_editor [data-schemapath="root"] > .well {
    position: relative;
    /* max-height: calc(100% - 259px); */
    overflow: auto;
    height: auto;
    min-height: 100px;
    width: 100%;
    padding: 10px;
    border-radius: var(--main-border-radius);
}

#task_build_param_dialog .workflow_error {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 100px;
    overflow-y: auto;
    padding-top: 4px;
}

#task_build_param_editor [data-schematype='grouped_fields'] > h3 {
    background: #333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

#task_build_param_editor [data-schematype='grouped_fields'] > .well, #task_build_param_editor [data-schematype='array'] > .well {
    border: none;
    background-colorxxx: #25272d;
    padding: 0px;
}

#task_build_param_editor [data-schematype='array'] > .well {
    overflow: hidden;
}


_tab_content .ui-resizable-resizing {

}

.task_build_remove_param {
    float: right;
    font-weight: 600;
    cursor: pointer;
    opacity: 0.3;
    margin-right: 5px;
    margin-top: -2px;
    position: absolute;
    right: 5px;
    z-index: 20;
}

.task_build_remove_param:hover {
    opacity: 1;
}

#build_task_dialog .modal-footer .delete,
#build_task_dialog .modal-footer .rebuild,
#build_task_dialog .modal-footer .recover,
#build_task_dialog .modal-footer .open_source,
#build_task_dialog .modal-footer .view_embedded,
#build_task_dialog .modal-footer .view_export,
#build_task_dialog .modal-footer .label {
    float: left;
}

#build_task_dialog .modal-footer .label {
    margin-left: 10px;
    margin-top: 10px;
    display: none;
    cursor: pointer;
}

#build_task_dialog #workflow_connectors select {

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    /* needed for Firefox: */
    background: none;
    color: white;
    padding: 0px;
    padding-left: 3px;
    cursor: pointer;
}


#form-planned-workflows .sub_info .integer_range_selector.updatable {
    cursor: pointer;
}

#form-planned-workflows #planned_workflow_list .cluster_node.cluster {
    font-weight: 900;
}


.pulseit_context_menu li > a:hover {
    background: var(--hover-background);
}

.pulseit_context_menu li > a.active {
    color: var(--activated-color);
}

.pulseit_context_menu li {
    cursor: pointer;
}

.pulseit_context_menu li[role="separator"] {
    cursor: unset;

}

/* CSS used here will be applied after bootstrap.css */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    max-height: 400px;
    border-radius: var(--main-border-radius);
    xxoverflow-y: auto;
}
.nav .dropdown-submenu > .dropdown-menu {
    max-height: unset;
    xxoverflow-y: auto;
}
.dropdown-submenu > .dropdown-menu > .dropdown-submenu{
    overflow-y: unset;
}
.pulseit_context_menu .dropdown-submenu > .dropdown-menu {
    overflow-y: auto;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
    margin-left: 30px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.pulseit_context_menu .dropdown-header {
    text-align: center;
}

.pulseit_context_menu .search_container {
    display: block;
}

.pulseit_context_menu .search_container input {
    width: 100%;
    background: none;
    color: white;
    outline: none;
    border-width: 1px;
    border-style: solid;
}


.pulseit_context_menu .cell_menu a {
}

.pulseit_context_menu .cell_menu .glyphicon {
    margin-right: 10px;
}
.pulseit_context_menu .cell_menu .glyphicon {
    font-size: 11px;
}

#information_editor>[data-schematype]>h3,
#designer_context_editor>[data-schematype]>h3{
    display: none;
}
#information_editor>[data-schematype]>.well.well-sm,
#designer_context_editor>[data-schematype]>.well.well-sm{
    background: none;
    padding: 0;
}
#designer_context_editor .ace_editor_format{
    position: absolute;
    z-index: 1;
    right: 10px;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #F8F8F8;
    background-color: #141414;
    border-radius: 4px;
}

.designer_toolbar{
    display: flex;
    position: absolute;
    right: 10px;
}
.designer_toolbar button{
    border-radius: unset;
    transform: scale(1);
}
.designer_toolbar button:hover{
    transform: scale(1);
    opacity: 0.2;
}

.designer_toolbar button,
.designer_toolbar button[disabled]{
    cursor: pointer;
    z-index: 501;
    opacity: 0.2;
}
.designer_toolbar button[disabled]{
    cursor: not-allowed;
}
.designer_toolbar:hover button,
.designer_toolbar:hover button[disabled]{
    transition: opacity 0.4s ease-in-out;
    opacity: 0.9 !important;
}
.designer_toolbar button.active {
    color: var(--activated-color);
}

.designer_toolbar button#btn_minimap.active {
}

.designer_toolbar button:first-of-type{
    border-top-left-radius: var(--main-border-radius);
    border-bottom-left-radius: var(--main-border-radius);
}
.designer_toolbar button:last-of-type{
    border-top-right-radius: var(--main-border-radius);
    border-bottom-right-radius: var(--main-border-radius);
}
.linkit_view_container .designer_toolbar button,
.linkit_view_container .designer_toolbar button:hover{
    background: var(--panel-heading-background) !important;
}
.workflow_designer_panel .designer_toolbar button,
.workflow_designer_panel .designer_toolbar button:hover{
    background: var(--panel-heading-background) !important;
}
.start_if_designer_panel .designer_toolbar button,
.start_if_designer_panel .designer_toolbar button:hover{
    background: var(--panel-heading-background) !important;
}
.notification_designer_panel .designer_toolbar button,
.notification_designer_panel .designer_toolbar button:hover{
    background: var(--panel-heading-background) !important;
}



.fullscreen .designer_toolbar,
.fullscreen .minimap_container{
    position: fixed !important;
    z-index: 999 !important;
}
.fullscreen .designer_toolbar #btn_fullscreen {
    color: var(--activated-color);
    opacity: 1;
}

#main_object_name{
    opacity: 0.9;
}
#main_object_name .object_icon{
    margin-right: 10px;
}