/* .red-ui-tabs, #red-ui-header{
    display: none !important;
}

#red-ui-main-container, #red-ui-workspace-chart{
    top: 0px !important;
} */

/* .red-ui-tab-link-button, .red-ui-tab-link-button-pinned, .ui-draggable, .ui-draggable-handle{
    display: none !important;
} */
/* #red-ui-header{display: none;}
#red-ui-main-container{top: 40px;} */

.red-ui-editor textarea,
.red-ui-editor input[type=text],
.red-ui-editor input[type=password],
.red-ui-editor input[type=datetime],
.red-ui-editor input[type=datetime-local],
.red-ui-editor input[type=date],
.red-ui-editor input[type=month],
.red-ui-editor input[type=time],
.red-ui-editor input[type=week],
.red-ui-editor input[type=number],
.red-ui-editor input[type=email],
.red-ui-editor input[type=url],
.red-ui-editor input[type=search],
.red-ui-editor input[type=tel],
.red-ui-editor input[type=color],
.red-ui-editor div[contenteditable=true],
.red-ui-editor .uneditable-input,
.red-ui-editor .placeholder-input,
.red-ui-editor-dialog textarea,
.red-ui-editor-dialog input[type=text],
.red-ui-editor-dialog input[type=password],
.red-ui-editor-dialog input[type=datetime],
.red-ui-editor-dialog input[type=datetime-local],
.red-ui-editor-dialog input[type=date],
.red-ui-editor-dialog input[type=month],
.red-ui-editor-dialog input[type=time],
.red-ui-editor-dialog input[type=week],
.red-ui-editor-dialog input[type=number],
.red-ui-editor-dialog input[type=email],
.red-ui-editor-dialog input[type=url],
.red-ui-editor-dialog input[type=search],
.red-ui-editor-dialog input[type=tel],
.red-ui-editor-dialog input[type=color],
.red-ui-editor-dialog div[contenteditable=true],
.red-ui-editor-dialog .uneditable-input,
.red-ui-editor-dialog .placeholder-input {
    border: 1px solid var(--red-ui-form-input-border-color) !important;

}

:root {
    --red-ui-primary-font: system-ui;
    --red-ui-tertiary-border-color: #fff;
    --red-ui-primary-border-color: #fff;
    --red-ui-secondary-border-color: #fff;
    --red-ui-header-background: #f3f3f3;
}

@font-face {
    font-family: system-ui;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.red-ui-primary-font {
    font-family: system-ui !important;
}

.red-ui-editor {
    font-family: system-ui;
}
#red-ui-sidebar{
    top: -9px;
}
#red-ui-header {
    display: block;
    border-bottom: none !important;
}
#red-ui-header span.red-ui-header-logo {
    display: none;
}

/* .red-ui-flow-link-line {
    stroke: #0722fc;
    stroke-width: 1;
}
.red-ui-flow-group-label {
    fill: #0722fc;
}
.red-ui-flow-group-body {
    stroke: #0722fc;
    stroke-width: 1;
} */
.red-ui-editor {
    scrollbar-color: var(--red-ui-secondary-text-color) var(--red-ui-tertiary-background);
    scrollbar-width: auto
}

::-webkit-scrollbar {
    width: auto;
    height: auto
}

::-webkit-scrollbar-corner {
    background-color: var(--red-ui-tertiary-background)
}

::-webkit-scrollbar-thumb {
    background-color: var(--red-ui-secondary-text-color);
    border-radius: 100px;
    border: 3px solid var(--red-ui-tertiary-background)
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--red-ui-secondary-text-color-hover)
}

::-webkit-scrollbar-track {
    background-color: var(--red-ui-tertiary-background)
}

#red-ui-header ul.red-ui-menu-dropdown li a span.red-ui-menu-sublabel {
    display: none;
}

#red-ui-header ul.red-ui-menu-dropdown li a img {
    display: none;
}

/* #red-ui-header #red-ui-header-button-deploy.disabled{
    background: #fff;
    color: black;
} */
#red-ui-header #red-ui-header-button-deploy.disabled .red-ui-deploy-button-content>img {
    display: none;
}

#red-ui-header #red-ui-header-button-deploy .red-ui-deploy-button-content>img {
    display: none;
}

/* #red-ui-header .red-ui-deploy-button{
    background: grey;
    color: black;
} */
.red-ui-tabs ul li {
    border-radius: 5px;
}

#red-ui-palette-container-subflows {
    display: none !important;
}

#red-ui-palette-container-function {
    display: none !important;
}

#red-ui-palette-container-network {
    display: none !important;
}

#red-ui-palette-container-input {
    display: block !important;
}

#red-ui-palette-container-sequence {
    display: none !important;
}

#red-ui-palette-container-parser {
    display: none !important;
}

#red-ui-palette-container-storage {
    display: none !important;
}

#red-ui-palette-container-social {
    display: none !important;
}

#red-ui-palette-container-boolean_logic_ultimate {
    display: none !important;
}

#red-ui-palette-container-GCP {
    display: none !important;
}

#red-ui-palette-container-Redis {
    display: none !important;
}

#red-ui-palette-container-email {
    display: none !important;
}

.red-ui-tab-button {
    background: #f3f3f3;
}

.red-ui-tabs {
    background: #f3f3f3;
}

.red-ui-tab-link-buttons {
    background: #f3f3f3;
}

#red-ui-header ul.red-ui-menu-dropdown {
    background: #fff;
    border: 1px solid;
    border-radius: 8px;
    padding: 5px;
}

#red-ui-header ul#red-ui-header-button-deploy-options-submenu {
    width: 150px !important;
}

#red-ui-header ul#red-ui-header-button-deploy-options-submenu li a {
    padding: 10px 10px;
    color: #444;
}

#red-ui-header ul.red-ui-menu-dropdown>li>a:hover,
#red-ui-header ul.red-ui-menu-dropdown>li.open>a,
#red-ui-header ul.red-ui-menu-dropdown>li>a:focus,
#red-ui-header ul.red-ui-menu-dropdown>li:hover>a,
#red-ui-header ul.red-ui-menu-dropdown>li:focus>a {
    background: #f3f3f3 !important;
}

#red-ui-workspace-chart {
    border: 0.5px solid #888888;
    border-radius: 8px;
}

#red-ui-header ul.red-ui-menu-dropdown li a {
    color: #444;
}

#red-ui-header .red-ui-menu-dropdown-submenu>a:before {
    border-right-color: #444;
}

#red-ui-tabs-menu-option-info {
    display: none !important;
}

#red-ui-tab-info-link-button {
    display: none !important;
}

#red-ui-tab-info {
    display: none !important;
}

.red-ui-loading-bar {
    background: #f3f3f3;

    border-color: #444 !important;
}

#red-ui-loading-progress {
    background: #fff;


}

ul.red-ui-header-toolbar.hide > li:nth-child(4) {
    display: none !important;
}

.red-ui-loading-bar-label {
    color: #444;
}

#red-ui-header {
    background: #f3f3f3;
}

#red-ui-header .button-group {
    border: 2px solid;
    border-radius: 8px;
}

#red-ui-header .button {
    border-radius: 8px;
    border-left: 0px;
    border-right: 0px;
    color: lightgrey;
}

#subflow-env-tabs {
    background: #fff;
}

.ui-button.ui-corner-all.ui-widget.leftButton {
    display: none;
}

#node-dialog-delete {
    display: block !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid var(--red-ui-form-input-border-color);
}

/* Experimental CSS */
#red-ui-workspace,
#red-ui-palette {
    top: -40px;
}

#red-ui-main-container {
    overflow: unset;
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

.red-ui-editor input[type=file],
.red-ui-editor input[type=image],
.red-ui-editor input[type=submit],
.red-ui-editor input[type=reset],
.red-ui-editor input[type=button],
.red-ui-editor input[type=radio],
.red-ui-editor input[type=checkbox],
.red-ui-editor-dialog input[type=file],
.red-ui-editor-dialog input[type=image],
.red-ui-editor-dialog input[type=submit],
.red-ui-editor-dialog input[type=reset],
.red-ui-editor-dialog input[type=button],
.red-ui-editor-dialog input[type=radio],
.red-ui-editor-dialog input[type=checkbox] {
    width: 20px !important;
}