
.droppable_jobs {
    display: inline-block;
    vertical-align: top;
    width: 210px;
}

.droppable_jobs li {
    display: block;
    width: calc(100% - 10px);
    margin: 10px;
    position: relative;
    opacity: 1;
    pointer-events: initial;
    -webkit-user-select: initial;
    padding: 5px;
    font-size: 0.8em;

}

#workflow_edit.sequencer .linkit_view_container {
    width: 100%;
    display: inline-block;
    background: var(--sequence-background);
    outline: 1px solid var(--main-outline);
    padding: 0px;
}
#workflow_edit.sequencer .linkit_view_container .html-element{
    color: rgb(231, 231, 231);
}
.html-element[task_type="seq_job_workflow"]{
    background: var(--sequence-workflow-job-background);
}
.html-element[task_type="seq_job_ui"]{
    background: var(--sequence-ui-job-background);
}
.html-element[task_type="seq_job_factory"]{
    background: var(--sequence-automate-it-job-background);
}
.html-element[task_type="seq_live_jobs"]{
    background: var(--sequence-live-job-background);
}
.html-element[task_type="seq_stop_sequence"]{
    background: var(--sequence-stop-background);
}

#workflow_edit.sequencer .linkit_view_container .html-element.xselectable-selected {
    outline-color: var(--sequence-selected-border-color);
}

#workflow_edit.sequencer .linkit_view_container.read_only {
    width: 100%;
}


#workflow_edit.sequencer #job_start_if_diagram.linkit_view,
#workflow_edit.sequencer #job_notification_diagram.linkit_view {

}









.html-element[task_type="seq_job_ui"].lost #icon, .html-element[task_type="seq_job_factory"].lost #icon, .html-element[task_type="seq_job_workflow"].lost #icon {
    color: var(--state-error) !important;
}

#start_form_editor .open_custom_css {
    position: absolute;
    opacity: 0;
    zoom: 1;
    font-size: 11px;
    right: 15px;
    top: 5px;
}

#start_sequence_from_template #waiting_response_alert {
    top: 0;
    right: 0px;
    min-width: 300px;
    max-width: calc(100% - 250px);
    width: initial;
    text-align: left;
}
#start_sequence_from_template {
    overflow: hidden;
}

#start_sequence_from_template .modal-header,
#start_sequence_from_template .modal-body,
#start_sequence_from_template .modal-footer{
    padding: 12px;
}

#start_sequence_from_template #waiting_response_alert .message {
    margin-right: 10px;
}

#start_sequence_from_template #start_form_editor [data-schemapath="root"] > .well {
    background: unset;
}

#start_form_editor [data-schematype="css_selector"]:hover .open_custom_css {
    opacity: 1;
}
