/* @font-face {
    font-family: ManropeBold;
    src: url("/dynamicsrc/font/Manrope-Bold.woff");
}

@font-face {
    font-family: ManropeRegular;
    src: url("/dynamicsrc/font/Manrope-Regular.woff");
}

@font-face {
    font-family: Poppins;
    src: url("/dynamicsrc/font/Poppins.woff");
} */

:root{
    --red-ui-node-selected-color:#5b69fc;
    --red-ui-view-lasso-stroke:#5b69fc;
    --red-ui-text-color-code: #5b69fc;
    --red-ui-tertiary-background: #e9eef5;
    --red-ui-debug-message-background-hover: #e9eef5;
    --red-ui-list-item-background-hover: #e9eef5;
    --red-ui-shade-color: rgb(233 238 245 / 40%);
    --red-ui-primary-background: #e9eef5;
    --red-ui-grip-color: #5a5a89;
    --red-ui-node-label-color: #1d293d;
    --red-ui-form-button-background: #e9eef5;
    --red-ui-workspace-button-background-hover: #e2e8f0;
    --red-ui-workspace-button-background-active: #e9eef5;
    
}

body,
.red-ui-editor,
.red-ui-menu-dropdown {
    font-family: ManropeRegular !important;
    background: #ffffff;
}

.red-ui-editor input,
.red-ui-editor div[contenteditable="true"],
.red-ui-editor button,
.red-ui-editor select,
.red-ui-editor textarea,
.red-ui-editor-dialog input,
.red-ui-editor-dialog div[contenteditable="true"],
.red-ui-editor-dialog button,
.red-ui-editor-dialog select,
.red-ui-editor-dialog textarea {
    font-family: ManropeRegular !important;
}

img.dark-logo {
    display: none;
}
.dark img.dark-logo{
    display: inline;
}
.red-ui-header-logo img:nth-child(2){
    display: inline;
}
.dark .red-ui-header-logo img:nth-child(2){
    display: none;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable {
    background-color: #e9eef5;
    border-radius: 5px 5px 0 0;
}

.red-ui-workspace-chart-grid line {
    stroke: #96a3fa24;
}

g.red-ui-flow-node-selected .red-ui-flow-node,
g.red-ui-flow-node-selected .red-ui-flow-subflow-port {
    stroke: none !important;
}

.red-ui-flow-node-highlighted {
    border: 3px dashed #5046e4 !important;
}

#red-ui-sidebar-shade {
    top: -20px;
}

.red-ui-flow-node-label {
    fill: #212529;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 600 !important;
    font-family: Poppins;
    font-style: unset;
    letter-spacing: 0.3px;
}

/*hossein fix scroll bar*/
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner, .grid::-webkit-scrollbar-corner {
    background:transparent !important;

}
#red-ui-workspace-chart::-webkit-scrollbar, .red-ui-editor-text-container::-webkit-scrollbar {
    width:7px;
    height: 6px;
}

::-webkit-scrollbar-thumb, .flex-tab-content::-webkit-scrollbar-thumb, .red-ui-editor-text-container::-webkit-scrollbar-thumb {
    background: #d3dff0 !important;
    border-radius: 6px !important;
}
::-webkit-scrollbar-thumb:hover, .red-ui-editor-text-container::-webkit-scrollbar-thumb:hover {
    background: #c8d7ed !important;
    border-radius: 6px !important;
}
.dark ::-webkit-scrollbar-thumb, .dark .red-ui-editor-text-container::-webkit-scrollbar-thumb {
    background: #475267 !important;
    border-radius: 6px !important;
}
.dark ::-webkit-scrollbar-thumb:hover, .dark .red-ui-editor-text-container::-webkit-scrollbar-thumb:hover {
    background: #a3adc2 !important;
    border-radius: 6px !important;
}
.red-ui-tray-body-wrapper ::-webkit-scrollbar-track, .red-ui-editor-text-container::-webkit-scrollbar-track{
    background: #f8fafc !important;
}
.dark .red-ui-tray-body-wrapper ::-webkit-scrollbar-track, .dark .red-ui-editor-text-container::-webkit-scrollbar-track{
    background: #192132 !important;
}





rect[width="30"].red-ui-flow-node {
    width: 46px;
}

.red-ui-flow-node-button+.red-ui-flow-node-icon-group+.red-ui-flow-node-label {
    transform: translate(28px, 100px);
}

g.red-ui-flow-node-icon-group {
    transform: translate(13px, 15px);
}

image.red-ui-flow-node-icon {
    transform: translate(0, -16px) !important;
    width: 30px;
}

path.red-ui-flow-node-icon-shade-border {
    display: none;
}

rect.red-ui-flow-node {
    fill: white;
    stroke-width: 2px;
    stroke: #f2f2f2;
}

.red-ui-flow-link-line {
    stroke: #6c757d;
    stroke-width: 1.5;
}

/* .red-ui-flow-port {
    fill: #fbfcfc;
    transform: translate(1px, 2px);
    stroke-width: 1.5px;
    stroke: #6c757d;
    width: 8px;
    height: 8px;
} */

.red-ui-flow-node-changed {
    fill: #00bcff;
    stroke-width: 0;
}

.red-ui-flow-node-icon-shade {
    fill-opacity: 0.20000000298023223876953125;
    fill: #f8f9fa;
    width: 53px;
    transform: translate(-12px, -14px);
}

.red-ui-flow-node-button-background {
    fill: #ffffff;
    stroke-width: 2;
}

g.red-ui-flow-link-selected path.red-ui-flow-link-line {
    stroke: #000;
}

.red-ui-flow-node-button.red-ui-flow-node-button-disabled {
    opacity: 0.5;
}

g[transform="translate(200,85)"]>rect[fill="#a6bbcf"] {
    filter: drop-shadow(-4px 4px 5px rgb(0, 0, 0, 0.15));
}

g[transform="translate(200,85)"]>g>rect.red-ui-flow-node-button-background {
    filter: drop-shadow(-5px 5px 5px rgb(0, 0, 0, 0.15));
}

g[transform="translate(200,125)"]>rect[fill="#a6bbcf"] {
    filter: drop-shadow(-4px 4px 5px rgb(0, 0, 0, 0.15));
}

g[transform="translate(200,125)"]>g>rect.red-ui-flow-node-button-background {
    filter: drop-shadow(-5px 5px 5px rgb(0, 0, 0, 0.15));
}

g[transform="translate(200,85)"]>g>rect.red-ui-flow-node-button-button {
    fill: rgb(34 145 255 / 90%);
}

.red-ui-flow-node-disabled.red-ui-flow-node,
.red-ui-flow-node-disabled .red-ui-flow-node {
    fill-opacity: 0.800000011920928955078125;
    stroke-dasharray: unset;
}

g.red-ui-flow-node-disabled>g>image.red-ui-flow-node-icon {
    filter: unset;
}

g.red-ui-flow-node-disabled>rect.red-ui-flow-node {
    /* stroke: rgb(170 170 170) !important; */
    fill: #f0f0f0;
}

g.red-ui-flow-node-disabled>g>path.red-ui-flow-node-icon-shade {
    fill: #eaeaea;
}

g.red-ui-flow-node-disabled>g>.red-ui-flow-node-button-background {
    stroke: #aaaaaa;
    fill: #f0f0f0;
}

g.red-ui-flow-node-disabled>g>.red-ui-flow-node-button-background+rect {
    fill: #aaaaaa;
}

.red-ui-flow-node-disabled.red-ui-flow-link-line {
    stroke-dasharray: 5 !important;
}

/* .red-ui-flow-node-status-group {
    transform: translate(59px, 94px);
} */

rect.red-ui-flow-node-status {
    width: 6px;
    height: 6px;
    transform: translate(2px, 2px);
}

.red-ui-workspace-chart-background {
    fill: #fff;
}

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

#red-ui-header .button {
    border: unset;
}

.red-ui-deploy-button-group {
    position: relative;
    overflow: hidden;
    background: none !important;
    border: unset !important;
    padding: 0.5625rem 1.125rem !important;
    border-radius: 8px;
    transition: background-color 0.3s ease-in-out;
  }

.red-ui-deploy-button-group::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(35.802deg, #5046e4 0%, #4f46e5 46%, #B503FB 100%);
    z-index: 0;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.red-ui-deploy-button-group:not(.disabled)::before {
    opacity: 1; 
}

.red-ui-deploy-button-group.disabled::before {
    opacity: 0;
}

.red-ui-deploy-button {
    background-color: unset !important;
}

.red-ui-deploy-button-group:hover {
    border-color: #e6e6e6 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}



#red-ui-header #red-ui-header-button-deploy {
    padding-right: 7px !important;
    transition: all 0.15s ease-in-out;

}

.red-ui-deploy-button-group.disabled {
    background: #fff !important;
    border: 1px solid #cad5e2 !important;
    height: 24px;
}

a#red-ui-header-button-deploy-options {
    padding-left: 0 !important;
    transition: all 0.15s ease-in-out;
}

a#red-ui-header-button-deploy-options:hover {
    transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-left: 8px !important;
}

#red-ui-header #red-ui-header-button-deploy:hover {
    transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-right: 15px !important;
}

#red-ui-header .button-group>a,
.red-ui-deploy-button-content>span {
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 700;
}



#red-ui-header ul.red-ui-menu-dropdown {
    background: #ffffff;
    border: #ffffff solid 1px;
    margin-right: 0;
    border-radius: 6px;
    margin-top: 10px;
}

#red-ui-header ul.red-ui-menu-dropdown li.red-ui-menu-divider {
    background: #f3f3f3;
}

#red-ui-header ul.red-ui-menu-dropdown li a {
    color: #212529;
    padding: 7px 20px 7px 40px;
}

#red-ui-header #usermenu-item-username>.red-ui-menu-label {
    color: #212529;
}

#red-ui-header ul.red-ui-menu-dropdown li a .red-ui-popover-key {
    color: #6c757d !important;
    border-color: #6c757d !important;
}

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

#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-color: rgb(0, 0, 0, 0.05) !important;
}

#red-ui-header span.red-ui-header-logo span:not(:first-child) {
    display: none;
}

#red-ui-header .button {
    position: fixed;
    top: 14px;
    right: 15px;
    z-index: 1;
    color: #6c757d;
}

#red-ui-main-container {
    top: 100px;
}

#red-ui-header {
    height: 76px;
    border-radius: 5px;
    display: none;
}

#red-ui-header .red-ui-header-toolbar>li{
    position: absolute;
    right: 55px;
    top: 16px;
}

#red-ui-header .red-ui-header-toolbar {
    padding-top: 15px;
}

#red-ui-header .button:active,
#red-ui-header .button.active {
    background: #ffffff;
    color: #6c757d;
}

ul#red-ui-header-button-deploy-options-submenu>li>a>img {
    display: none;
}

.red-ui-menu-dropdown a .red-ui-menu-label {
    color: #212529;
    font-weight: 600;
    margin-bottom: 5px;
}

#red-ui-header ul.red-ui-menu-dropdown li a span.red-ui-menu-sublabel {
    color: #6c757d !important;
}

a#red-ui-header-button-user {
    display: none !important;
}

img#red-ui-header-button-deploy-icon {
    width: 24px;
    margin-right: 2px !important;
    margin-bottom: 2px;
    filter: brightness(100);
    opacity: 1;
}

#red-ui-header #red-ui-header-button-deploy.disabled .red-ui-deploy-button-content>img {
    opacity: 0.75;
}
#red-ui-header #red-ui-header-button-deploy.disabled span span, #red-ui-header #red-ui-header-button-deploy.disabled + a{
    color: #1d293d !important;
 }
#red-ui-header #red-ui-header-button-deploy.disabled img{
    filter: brightness(0) saturate(100%) invert(16%) sepia(100%) saturate(7485%) hue-rotate(247deg) brightness(102%) contrast(104%);
 }

.red-ui-deploy-button.disabled>.red-ui-deploy-button-content>span,
.red-ui-deploy-button.disabled+a#red-ui-header-button-deploy-options>i::before {
    opacity: 0.75;
}
.red-ui-deploy-button-group.disabled {
    background: #fff;
    border: 1px solid #cad5e2 !important;
    height: 24px;
}

.red-ui-palette-port {
    display: none;
}

.red-ui-palette-icon-container {
    border-radius: 3px 0 0 3px;
    border: unset;
}

.red-ui-palette-node {
    margin-bottom: 20px;
    border: unset;
    background-color: #e9eef5 !important;
}

.red-ui-palette-label {
    text-align: left;
    margin-left: 34px;
    margin-right: 5px;
}

#red-ui-palette {
    width: 195px;
    background:linear-gradient(to top, rgb(255, 255, 255, 0) 0%, rgb(233 238 245 / 50%) 100%) !important;
    border-radius: 5px;
}

.red-ui-panel {
    background:linear-gradient(to top, rgb(255, 255, 255, 0) 0%, rgb(233 238 245 / 50%) 100%) !important;
}

.red-ui-palette-node {
    width: 135px;
}

.red-ui-palette-node:hover {
    box-shadow: unset;
    border-color: rgb(0 188 255) !important;
    background-color: rgb(224 241 247) !important;
}

.red-ui-palette-node:hover>.red-ui-palette-icon-container {
    background-color: rgb(201 235 248);
}

div.red-ui-search-result-node>.red-ui-palette-icon-container {
    width: unset;
    height: unset;
    border: unset;
    padding: unset;
}

div.red-ui-search-result-node,
div.red-ui-node-icon {
    background-color: rgb(255 255 255) !important;
    border-color: #5b69fc !important;
}

#red-ui-workspace {
    left: 202px;
    border: unset;
}

.red-ui-palette-icon-container-right {
    left: unset;
    right: unset;
}

.red-ui-debug-msg-type-string {
    color: #35c889;
}

.red-ui-debug-msg-object-key {
    color: #6976f8;
}

.red-ui-debug-msg-type-number {
    color: #389bfe;
}

.red-ui-debug-msg-topic {
    color: #212529;
}

.red-ui-tray-toolbar {
    padding: 10px;
}

.red-ui-tray-toolbar button.primary,
button.red-ui-toggleButton.red-ui-button.toggle.single.selected {
    color: white !important;
    background-color: #5b69fc !important;
    border-color: #5b69fc !important;
}

.red-ui-tray-toolbar button.primary:hover,
button.red-ui-toggleButton.red-ui-button.toggle.single.selected:hover {
    color: white !important;
    background-color: #4757fc !important;
    border-color: #293bfb !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.red-ui-tray-toolbar button,
button.red-ui-toggleButton.red-ui-button.toggle.single.selected {
    font-size: 0.875rem !important;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
}

#node-dialog-delete,
#node-dialog-cancel,
button.ui-button.ui-corner-all.ui-widget.leftButton {
    background-color: #fff;
    border-color: #fff;
    color: #212529 !important;
    font-weight: 700;
}

#node-dialog-delete:hover,
#node-dialog-cancel:hover {
    background-color: whitesmoke;
    border-color: #e6e6e6;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.625rem 1.5rem rgb(0 0 0 / 15%) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.red-ui-tray-footer {
    padding: 4px 10px;
}

.red-ui-tabs ul li {
    border-radius: 5px 5px 0 0;
    border: unset;
    background: unset;
    line-height: 27px;
}

.red-ui-tabs ul {
    height: 56px;
}

.red-ui-tabs ul li a.red-ui-tab-label {
    font-weight: 700;
    color: #6c757d !important;
    padding-left: unset;
    font-size: 14px;
}

.red-ui-tab-button a:not(.disabled):not(:disabled):hover {
    color: #6c757d !important;
    background: unset;
}

.red-ui-tab-button a:not(.disabled):not(:disabled):active {
    color: #6c757d !important;
    background-color: #f1f1f1;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable {
    padding-top: 5px;
    height: 40px;
    z-index: 0;
}

.red-ui-editor a:focus,
.red-ui-editor-dialog a:focus,
.red-ui-menu a:focus,
.red-ui-popover a:focus,
.red-ui-typedInput-options a:focus,
.red-ui-icon-picker a:focus {
    outline: unset;
}

div#red-ui-main-container {
    background-color: white;
}

.red-ui-tab-scroll a {
    border-bottom: initial;
}

.red-ui-tab-scroll-right a {
    border-left: 1px solid rgb(28, 28, 35, 0.1);
}

.red-ui-tab-scroll-left a {
    border-right: 1px solid rgb(28, 28, 35, 0.1);
}

.red-ui-tabs ul,
.red-ui-tab-button {
    border-bottom: initial;
}

.red-ui-tabs ul li {
    padding: 2px 10px;
    margin: 3px 0 0 0;
}

a.red-ui-tab-close.red-ui-tab-hide {
    display: inline;
    border-right: 1px solid #75757533;
    height: 27px;
}

.red-ui-tabs-fade,
.red-ui-tabs ul li:not(.active) a:hover+.red-ui-tabs-fade {
    width: 55px;
    background-image: unset;
}

.fa-eye-slash {
    display: none;
}

.red-ui-tabs ul li.active a.red-ui-tab-close:hover {
    background: unset !important;
}

.red-ui-tab-hide:hover .fa-eye-slash {
    display: none;
}

.red-ui-tab-link-buttons {
    margin: 10px 0;
}

a.red-ui-tab-close.red-ui-tab-hide {
    display: inline;
}

#red-ui-workspace-chart[style="margin-top: 0px;"] {
    border: rgb(28, 28, 35, 0.1) solid 1px;
    margin-top: 15px !important;
    border-radius: 0px 4px 4px 4px;
    border-top: none;
}

#red-ui-workspace-chart[style="margin-top: 40px;"] {
    border: rgb(28, 28, 35, 0.1) solid 1px;
    margin-top: 35px !important;
}

#red-ui-workspace-toolbar {
    top: 40px !important;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu .red-ui-tabs-add,
.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-search .red-ui-tabs-add {
    right: 26px;
}

.red-ui-tab-button {
    top: 2px;
}

#red-ui-sidebar-separator {
    background: #ffffff;
    top: 20px;
    bottom: 0;
}

ul#red-ui-workspace-tabs:first-child {
    margin-left: 2px !important;
}

.red-ui-tab-button a {
    color: #6c757d !important;
    background: unset;
}

.red-ui-tabs ul li.active,
.red-ui-tabs ul li:hover {
    border-bottom: initial;
}

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

.red-ui-tabs ul li:not(.active) a:hover {
    background: unset !important;
}

.red-ui-flow-node-error {
    fill: #ff0049;
    stroke: #ff0049;
    transform: translate(231px, -7px);
}

.red-ui-tab-close,
.red-ui-tab-close:hover {
    background: unset;
    top: 2px;
}

.red-ui-tab-link-buttons a {
    border: unset;
}

.red-ui-tab-link-buttons a.selected:not(.disabled):not(:disabled),
.red-ui-tab-link-buttons a:not(.disabled):not(:disabled):hover {
    color: #5b69fc !important;
    background: transparent;
}

.red-ui-tab-link-buttons a {
    color: #6c757d !important;
}

div#red-ui-workspace-footer,
#red-ui-sidebar,
#red-ui-palette {
    border: unset;
}


#red-ui-sidebar,
.red-ui-info-toolbar {
    background: #ffffff;
    border-top-left-radius: 10px;
}

.red-ui-component-footer {
    border-top: 1px solid rgb(28, 28, 35, 0.1);
    background: #ffffff;
}

.red-ui-palette-search,
.red-ui-tab-link-buttons,
.red-ui-tab-link-buttons a:not(.single):not(.selected) {
    border-bottom: initial;
    background: transparent;
}

.red-ui-tab.red-ui-tab-pinned.active {
    width: 140px !important;
    border-bottom: initial !important;
    background: #f3f3f3;
    margin: 0;
    padding-left: 15px;
    height: 35px !important;
    border-radius: unset;
}

.red-ui-tab-link-button {
    display: inline !important;
}

#red-ui-palette-container::-webkit-scrollbar {
    display: none;
}

.red-ui-palette-header {
    background: unset;
    /* box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
    margin: 15px 8px; */
    border-radius: 5px;
}

.red-ui-palette-category {
    border-bottom: initial;
    margin: 5px;
}

.red-ui-palette-search {
    border-bottom: initial;
    /* background: #e9eef5; */
    margin: 10px 12px;
    border-radius: 5px;
    top: -5px;
    height: 100px;
}

.red-ui-info-toolbar .red-ui-searchBox-container {
    border: unset;
    background: #e9eef5;
    background-color: transparent;
}

.red-ui-searchBox-container i {
    color: #aaa;
    color: #94a3b8 !important;
}

.red-ui-palette-scroll {
    top: 94px;
    bottom: 0;
}

#red-ui-palette>.red-ui-component-footer {
    display: none;
    border-radius: 10px;
}

.red-ui-palette-content {
    background: transparent;
}

#red-ui-palette,
#red-ui-sidebar {
    z-index: 0;
}

ul#red-ui-header-button-deploy-options-submenu {
    top: 45px;
}

ul#red-ui-header-button-sidemenu-submenu {
    top: 10px;
}

img.red-ui-tab-icon {
    margin-left: 0;
}

div#red-ui-sidebar-footer {
    display: none;
}

a.red-ui-footer-button,
button.red-ui-footer-button,
a.red-ui-footer-button-toggle,
button.red-ui-footer-button-toggle {
    border: unset;
}

#red-ui-workspace-chart {
    top: 25px;
    bottom: 5px;
}

.red-ui-component-footer {
    bottom: 3px;
}

#red-ui-sidebar-content {
    bottom: 0;
    top: 56px;
}

.red-ui-panels>.red-ui-panel:last-child {
    margin-top: 10px;
    border-radius: 10px;
}

.red-ui-treeList-container {
    background: #ffffff;
}

#red-ui-sidebar,
.red-ui-info-toolbar {
    background: #ffffff;
}

.red-ui-treeList-container,
.red-ui-editableList-container li,
.red-ui-info-outline-item-controls {
    background: transparent !important;
}

.red-ui-sidebar-header {
    background-color: #f8f9fa !important;
}

.red-ui-debug-content,
.red-ui-sidebar-node-config {
    background:linear-gradient(to top, rgb(255, 255, 255, 0) 0%, rgb(233 238 245 / 50%) 100%) !important;
}

.red-ui-editor input[type="text"] {
    background-color: unset;
}

ul#red-ui-sidebar-tabs {
    background-color: rgb(248, 249, 250);
    padding: 10px;
    border-radius: 10px 10px 0 0;
}

i.red-ui-tab-icon {
    opacity: 1;
}

.red-ui-panel>.red-ui-palette-header,
.red-ui-palette-header:hover {
    background: unset !important;
}

.red-ui-palette-header.red-ui-info-header {
    box-shadow: unset !important;
    border-bottom: initial;
}

.red-ui-tabs ul li.active img.red-ui-tab-icon,
img.red-ui-tab-icon {
    opacity: 0.6;
}

.red-ui-tabs ul li.active {
    border-right: unset;
}

.red-ui-tab-button.red-ui-tabs-add>a>i,
.red-ui-tab-button.red-ui-tabs-menu>a>i {
    font-size: 18px;
    margin-top: 7px;
}

.red-ui-menu-dropdown.pull-right {
    background: #ffffff;
    border: #ffffff solid 1px;
    border-radius: 6px;
    margin-top: 10px;
}

div#red-ui-header-shade {
    top: -15px;
    right: -17px;
    left: -20px;
    bottom: -22px;
}

div#red-ui-palette-shade {
    top: -22px;
    right: -5px;
}

div#red-ui-editor-shade {
    top: -1px;
    left: -4px;
}

.red-ui-tray-footer {
    background: #e9eef5;
}

.red-ui-tray-header {
    background: unset;
    border-bottom: initial;
}

.red-ui-tray-titlebar {
    border-bottom: initial;
}

.red-ui-tab.red-ui-tab-pinned.active {
    margin: 10px;
    border-radius: 20px;
}

i.fa.fa-caret-right,
i.fa.fa-caret-left {
    font-size: 20px;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable>.red-ui-tab-button.red-ui-tabs-add>a {
    /* background-image: url(/dynamicsrc/images/Add.svg); */
    background-size: 22px;
    background-repeat: no-repeat;
    margin-top: 7px;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable>.red-ui-tab-button.red-ui-tabs-add>a>i,
.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable>.red-ui-tab-button.red-ui-tabs-menu>a>i {
    display: none;
}

.red-ui-tabs.red-ui-tabs-add.red-ui-tabs-menu.red-ui-tabs-scrollable>.red-ui-tab-button.red-ui-tabs-menu>a {
    /* background-image: url(/dynamicsrc/images/Down-arrow.svg); */
    background-size: 22px;
    background-repeat: no-repeat;
    margin-top: 7px;
}

.red-ui-treeList-label.selected,
.red-ui-treeList-label.selected .red-ui-treeList-sublabel-text,
.red-ui-treeList-label:hover,
.red-ui-treeList-label:hover .red-ui-treeList-sublabel-text {
    background: #e9eef5;
}

a.editor-button,
button.editor-button,
a.red-ui-button,
button.red-ui-button {
    color: #6c757d !important;
    background: transparent;
    border: unset;
}

.red-ui-treeList-label {
    color: #6c757d;
    font-weight: 600;
}

.red-ui-sidebar-node-config-list>li>div>.red-ui-palette-icon-container-right {
    left: auto;
    right: 0;
}

.red-ui-sidebar-node-config-list>li>div>.red-ui-palette-label {
    padding-top: 0;
}

ul.red-ui-sidebar-node-config-list .red-ui-palette-icon-container {
    background-color: unset;
    border: unset;
}

.red-ui-sidebar-context-stack.red-ui-stack {
    background:linear-gradient(to top, rgb(255, 255, 255, 0) 0%, rgb(233 238 245 / 50%) 100%) !important;
}

.red-ui-stack .red-ui-palette-category {
    background: #fff;
    border-radius: 5px;
}

table.red-ui-info-table tr.blank>* {
    padding: 4px 0px 4px 0px;
    border: none;
    background: #e9eef5;
    color: #586578;
    border-radius: 0px 0px 5px 5px;
}

.tabIcon {
    display: none;
}

a.red-ui-tab-link-button.active .tabIcon,
.red-ui-tab-link-button i {
    display: inline;
}

.red-ui-tab-link-buttons {
    left: 0;
}

.red-ui-tab.red-ui-tab-pinned.active {
    display: none;
    margin: 10px;
    border-radius: 20px;
}

.red-ui-tab-link-button.ui-draggable.ui-draggable-handle {
    display: inline !important;
}

a.red-ui-tab-link-button {
    margin: 15px;
}

p.tabIcon {
    vertical-align: text-bottom !important;
    margin-left: 8px;
    border-bottom: 3px solid #5b69fc;
    font-weight: 700;
    color: #5b69fc;
    letter-spacing: 1.5px;
    font-size: 11.5px;
    padding-bottom: 1px;
}

a.red-ui-tab-link-button.active i {
    color: #5b69fc;
}

.red-ui-tab-link-button i {
    font-size: 20px;
}

.red-ui-sidebar-shade {
    background: unset;
}

button:focus {
    outline: unset !important;
}

.red-ui-icon-list>div>div.red-ui-search-result-node {
    border: unset;
    margin: 8px;
}

.red-ui-icon-list>div>div>div>div.red-ui-palette-icon {
    width: 25px;
}

.red-ui-icon-list-icon:hover {
    background: unset;
}

.red-ui-palette-icon {
    width: 16px;
}

.red-ui-typedInput-options {
    background: #ffffff;
    border: #ffffff solid 1px;
    border-radius: 6px;
    margin-top: 5px;
}

.red-ui-typedInput-options a {
    padding: 7px 20px 7px 7px;
    border-bottom: initial;
    color: #6c757d;
}

.red-ui-typedInput-options a:hover {
    color: #212529;
}

#subflow-input-edit-ui {
    margin-bottom: 0;
}

.red-ui-flow-subflow-port {
    stroke: #ffffff;
    fill: white !important;
    filter: drop-shadow(2px 2px 5px rgb(0, 0, 0, 0.15));
}

g.red-ui-flow-node {
    filter: drop-shadow(1px 1px 3px rgb(0, 0, 0, 0.08));
    stroke: #f2f2f2;
}

.red-ui-flow-node-button.red-ui-flow-node-button-disabled {
    opacity: 1;
}

.red-ui-flow-node-button.red-ui-flow-node-button-disabled rect.red-ui-flow-node-button-button {
    opacity: 0.5;
}

rect.red-ui-flow-node-button-background[fill-opacity="0.2"] {
    fill-opacity: 1;
}

#red-ui-workspace-toolbar .button {
    color: #6c757d !important;
    background: #e9ecef;
    border: unset !important;
    border-radius: 5px;
}

#red-ui-workspace-toolbar .button-group .button:first-child {
    margin-right: 1px;
}

#red-ui-workspace-toolbar .spinner-value {
    width: 20px;
    border: unset;
}

rect.inject-node,
rect.debug-node {
    height: 60px;
}

.inject-node~g.red-ui-flow-node-icon-group>image,
.debug-node~g.red-ui-flow-node-icon-group>image {
    transform: translate(0, 0);
}

.inject-node~image,
.inject-node~.red-ui-flow-node-input-label,
.inject-node~.red-ui-flow-node-output-label,
.debug-node~image,
.debug-node~.red-ui-flow-node-input-label,
.debug-node~.red-ui-flow-node-output-label {
    display: none;
}

rect[fill="#ddd"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(94%) sepia(20%) saturate(0%) hue-rotate(214deg) brightness(92%) contrast(92%);
}

rect[fill="#E6E0F8"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(86%) sepia(28%) saturate(151%) hue-rotate(211deg) brightness(99%) contrast(96%);
}

rect[fill="#87a980"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(72%) sepia(15%) saturate(613%) hue-rotate(64deg) brightness(87%) contrast(84%);
}

rect[fill="#E2D96E"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(87%) sepia(86%) saturate(333%) hue-rotate(345deg) brightness(92%) contrast(92%);
}

rect[fill="#DDAA99"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(78%) sepia(9%) saturate(1179%) hue-rotate(327deg) brightness(93%) contrast(85%);
}

rect[fill="#a6bbcf"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(88%) sepia(4%) saturate(2144%) hue-rotate(179deg) brightness(84%) contrast(91%);
}

rect[fill="#e76fa1"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(60%) sepia(89%) saturate(460%) hue-rotate(294deg) brightness(90%) contrast(101%);
}

rect[fill="#fdd0a2"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(79%) sepia(43%) saturate(314%) hue-rotate(339deg) brightness(101%) contrast(99%);
}

rect[fill="#e49191"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(62%) sepia(23%) saturate(529%) hue-rotate(314deg) brightness(96%) contrast(114%);
}

rect[fill="#c0edc0"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(96%) sepia(37%) saturate(461%) hue-rotate(49deg) brightness(100%) contrast(86%);
}

rect[fill="#94c1d0"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(73%) sepia(41%) saturate(212%) hue-rotate(149deg) brightness(93%) contrast(93%);
}

rect[fill="#d8bfd8"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(98%) sepia(3%) saturate(4377%) hue-rotate(215deg) brightness(88%) contrast(91%);
}

rect[fill="#DEBD5C"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(90%) sepia(26%) saturate(1017%) hue-rotate(338deg) brightness(91%) contrast(90%);
}

rect[fill="#F6E0F8"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(91%) sepia(23%) saturate(373%) hue-rotate(250deg) brightness(87%) contrast(93%);
}

rect[fill="#C0C0C0"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(95%) sepia(0%) saturate(345%) hue-rotate(249deg) brightness(82%) contrast(92%);
}

rect[fill="#ff9900"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(60%) sepia(82%) saturate(1642%) hue-rotate(358deg) brightness(100%) contrast(106%);
}

rect[fill="#ffffff"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(100%) sepia(4%) saturate(276%) hue-rotate(236deg) brightness(116%) contrast(80%);
}

rect[fill="Silver"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(79%) sepia(1%) saturate(0%) hue-rotate(62deg) brightness(101%) contrast(86%);
}

rect[fill="darksalmon"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(69%) sepia(58%) saturate(507%) hue-rotate(319deg) brightness(94%) contrast(93%);
}

rect[fill="BurlyWood"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(74%) sepia(16%) saturate(805%) hue-rotate(354deg) brightness(103%) contrast(82%);
}

rect[fill="rgb(215, 215, 160)"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(94%) sepia(2%) saturate(7131%) hue-rotate(13deg) brightness(109%) contrast(69%);
}

rect[fill="rgb(243, 181, 103)"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(70%) sepia(31%) saturate(661%) hue-rotate(351deg) brightness(104%) contrast(91%);
}

rect[fill="rgb(231, 231, 174)"]+g.red-ui-flow-node-icon-group>image {
    filter: invert(95%) sepia(19%) saturate(523%) hue-rotate(1deg) brightness(92%) contrast(98%);
}

image[href="icons/node-red/GreenGem.svg"],
image[href="icons/node-red/PurpleGem.svg"],
image[href="icons/node-red/BlueGem.svg"] {
    filter: unset;
}

/* g.red-ui-flow-node-selected>rect.red-ui-flow-node {
    stroke: rgb(0 188 255) !important;
    fill: rgb(224 241 247);
} */



g.red-ui-flow-node-selected>g>image.red-ui-flow-node-icon {
    filter: unset;
}

g.red-ui-flow-node-selected>g>.red-ui-flow-node-button-background {
    stroke: #00bcff;
    fill: #e0f1f7;
}

g.red-ui-flow-node-selected>g>.red-ui-flow-node-button-background+rect {
    fill: #77d8fb;
}

rect.red-ui-flow-node[fill="#ddd"] {
    stroke: #ddd;
    height: 55px;
}

rect.red-ui-flow-node[fill="#E6E0F8"] {
    stroke: #E6E0F8;
}

rect.red-ui-flow-node[fill="#87a980"] {
    stroke: #87a980;
}

rect.red-ui-flow-node[fill="#E2D96E"] {
    stroke: #E2D96E;
}

rect.red-ui-flow-node[fill="#e76fa1"] {
    stroke: #e76fa1;
}

rect.red-ui-flow-node[fill="#DDAA99"] {
    stroke: #DDAA99;
}

rect.red-ui-flow-node[fill="#a6bbcf"] {
    stroke: #a6bbcf;
}

rect.red-ui-flow-node[fill="#fdd0a2"] {
    stroke: #fdd0a2;
}

rect.red-ui-flow-node[fill="#e49191"] {
    stroke: #e49191;
}

rect.red-ui-flow-node[fill="#c0edc0"] {
    stroke: #c0edc0;
}

rect.red-ui-flow-node[fill="#94c1d0"] {
    stroke: #94c1d0;
}

rect.red-ui-flow-node[fill="#d8bfd8"] {
    stroke: #d8bfd8;
}

rect.red-ui-flow-node[fill="#DEBD5C"] {
    stroke: #DEBD5C;
}

rect.red-ui-flow-node[fill="#F6E0F8"] {
    stroke: #F6E0F8;
}

rect.red-ui-flow-node[fill="#C0C0C0"] {
    stroke: #C0C0C0;
}

rect.red-ui-flow-node[fill="#ff9900"] {
    stroke: #ff9900;
}

rect.red-ui-flow-node[fill="Silver"] {
    stroke: silver;
}

rect.red-ui-flow-node[fill="darksalmon"] {
    stroke: darksalmon;
}

rect.red-ui-flow-node[fill="BurlyWood"] {
    stroke: burlywood;
}

rect.red-ui-flow-node[fill="rgb(215, 215, 160)"] {
    stroke: rgb(215, 215, 160);
}

rect.red-ui-flow-node[fill="rgb(243, 181, 103)"] {
    stroke: rgb(243, 181, 103);
}

rect.red-ui-flow-node[fill="rgb(231, 231, 174)"] {
    stroke: rgb(231, 231, 174);
}

rect[fill="#ddd"]~g,
rect[fill="#ddd"]~text,
rect[fill="#ddd"]~image {
    display: none;
}

rect[fill="#ddd"]~g.red-ui-flow-node-icon-group,
rect[fill="#ddd"]~g.red-ui-flow-port-output,
rect[fill="#ddd"]~g.red-ui-flow-port-input {
    display: inline;
}

rect[fill="#ddd"]+g>rect {
    fill: rgb(247 247 247);
}

rect[fill="#ddd"]+g>image {
    transform: translate(0, -2px);
}

rect[fill="#E6E0F8"]+g>rect {
    fill: rgb(250 249 254);
}

rect[fill="#87a980"]+g>rect {
    fill: rgb(231 238 230);
}

rect[fill="#E2D96E"]+g>rect {
    fill: rgb(249 247 226);
}

rect[fill="#fbeef3"]+g>rect {
    fill: #fbeef3;
}

rect[fill="#DDAA99"]+g>rect {
    fill: rgb(248 238 235);
}

rect[fill="#a6bbcf"]+g>rect {
    fill: rgb(237 241 245);
}

rect[fill="#fdd0a2"]+g>rect {
    fill: rgb(255 246 236);
}

rect[fill="#e49191"]+g>rect {
    fill: rgb(250 233 233);
}

rect[fill="#c0edc0"]+g>rect {
    fill: rgb(242 251 242);
}

rect[fill="#94c1d0"]+g>rect {
    fill: rgb(234 243 246);
}

rect[fill="#d8bfd8"]+g>rect {
    fill: rgb(247 242 247);
}

rect[fill="#DEBD5C"]+g>rect {
    fill: rgb(248 242 222);
}

rect[fill="#F6E0F8"]+g>rect {
    fill: rgb(253 249 254);
}

rect[fill="#C0C0C0"]+g>rect {
    fill: rgb(242 242 242);
}

rect[fill="#ff9900"]+g>rect {
    fill: rgb(255 245 229);
}

rect[fill="Silver"]+g>rect {
    fill: rgb(242 242 242);
}

rect[fill="darksalmon"]+g>rect {
    fill: rgb(251 234 228);
}

rect[fill="BurlyWood"]+g>rect {
    fill: rgb(244 237 227);
}

rect[fill="rgb(215, 215, 160)"]+g>rect {
    fill: rgb(247 247 236);
}

rect[fill="rgb(243, 181, 103)"]+g>rect {
    fill: rgb(253 240 225);
}

rect[fill="rgb(231, 231, 174)"]+g>rect {
    fill: rgb(250 250 239);
}

rect[fill="#e76fa1"]+g>rect {
    fill: #fbeef3;
}

rect[fill="#2d966f"]+g>rect {
    fill: #d2e8e0;
}

rect.red-ui-flow-node[fill="#2d966f"] {
    stroke: #2d966f;
}

rect[fill="#35be8b"]+g>rect {
    fill: #d2ede4;
}

rect.red-ui-flow-node[fill="#35be8b"] {
    stroke: #35be8b;
}

rect[fill="#c485db"]+g>rect {
    fill: #efe3f5;
}

rect.red-ui-flow-node[fill="#c485db"] {
    stroke: #c485db;
}

rect[fill="#7683d8"]+g>rect {
    fill: #e0e2f4;
}

rect.red-ui-flow-node[fill="#7683d8"] {
    stroke: #7683d8;
}

rect[fill="#7683d8"]+g>rect {
    fill: #e0e2f4;
}

rect.red-ui-flow-node[fill="#7683d8"] {
    stroke: #7683d8;
}

rect[fill="#ff8f02"]+g>rect {
    fill: #fae5c9;
}

rect.red-ui-flow-node[fill="#ff8f02"] {
    stroke: #ff8f02;
}

rect[fill="#989898"]+g>rect {
    fill: #e7e7e8;
}

rect.red-ui-flow-node[fill="#989898"] {
    stroke: #989898;
}

rect[fill="#e97b00"]+g>rect {
    fill: #f7e1c8;
}

rect.red-ui-flow-node[fill="#e97b00"] {
    stroke: #e97b00;
}

rect[fill="#6699FF"]+g>rect {
    fill: #dce8fd;
}

rect.red-ui-flow-node[fill="#6699FF"] {
    stroke: #6699FF;
}

rect[fill="#2d966f"]+g>rect {
    fill: #d2e8e0;
}

rect.red-ui-flow-node[fill="#2d966f"] {
    stroke: #2d966f;
}

rect[fill="#ffffff"]+g>rect {
    fill: #f8f8f8 !important;
    opacity: 1 !important;
}

/* rect.red-ui-flow-node[fill="#ffffff"] {
    stroke: #e6e6e6 !important;
} */

text.red-ui-flow-node-label-text {
    transform: translate(27px, 24px);
}

text.red-ui-flow-node-title-text {
    transform: translate(65px, 24px);
}

g.red-ui-flow-node-label[transform="translate(38,31)"] {
    transform: translate(38px, 17px);
}

.red-ui-flow-node-label.red-ui-flow-node-label-right .red-ui-flow-node-label-text {
    text-anchor: start;
}

g.red-ui-flow-node-label.red-ui-flow-node-label-right {
    transform: translate(38px, 16px);
}

text.red-ui-flow-node-input-label {
    transform: translate(88px, 68px);
}

text.red-ui-flow-node-output-label {
    transform: translate(88px, 84px);
}

image.red-ui-flow-node-intput-icon {
    transform: translate(65px, 60px);
    pointer-events: none;
}

image.red-ui-flow-node-output-icon {
    transform: translate(65px, 76px);
    pointer-events: none;
}

.red-ui-flow-node-status-label,
text.red-ui-flow-node-output-label,
text.red-ui-flow-node-input-label,
text.red-ui-flow-node-title-text {
    font-size: 12px;
    fill: #6c757d;
    stroke-width: 0;
    font-family: Poppins;
    letter-spacing: 0.4px;
    pointer-events: none;
    user-select: none;
}

.red-ui-flow-node-changed>circle {
    transform: translate(-7px, 15px);
}

.node-with-status>rect {
    height: 120px;
}

.node-with-status>g.red-ui-flow-node-icon-group>rect {
    height: 118px;
}

.node-with-status>g.red-ui-flow-node-icon-group>image {
    transform: translate(0, 30px);
}

.node-with-status>rect.debug-node {
    height: 85px;
}

.node-with-status>rect.debug-node+g.red-ui-flow-node-icon-group>rect {
    height: 83px;
}

.node-with-status>rect.debug-node+g.red-ui-flow-node-icon-group>image {
    transform: translate(0, 14px);
}

/* .node-with-status>rect.debug-node~g.red-ui-flow-node-status-group {
    transform: translate(59px, 60px);
} */

.node-with-status>rect.inject-node {
    height: 85px;
}

.node-with-status>rect.inject-node+g.red-ui-flow-node-icon-group>rect {
    height: 83px;
}

.node-with-status>rect.inject-node+g.red-ui-flow-node-icon-group>image {
    transform: translate(0, 14px);
}

/* .node-with-status>rect.inject-node~g.red-ui-flow-node-status-group {
    transform: translate(59px, 60px);
} */

.red-ui-tray-toolbar button:not(.disabled):not(:disabled):active {
    color: #fff !important;
    background: #5b69fc;
    text-decoration: none;
}

g.red-ui-flow-port-output[transform="translate(50,10)"] {
    transform: translate(48px, 10px);
}

rect.red-ui-flow-node-button-button {
    width: 18px;
    height: 18px;
    transform: translate(-1px, 0);
}

rect[fill-opacity="0.2"] {
    fill-opacity: 0.5;
}

.red-ui-flow-subflow-port~.red-ui-flow-node-label {
    transform: translate(25px, -3px);
    font-size: 12px;
}
.red-ui-header-toolbar i.fa.fa-warning {
    display: none;
}

/* div[style="background-color: rgb(166, 187, 207); height: 28px;"],
div[style="background-color: rgb(166, 187, 207); height: 48px;"],
div[style="background-color: rgb(166, 187, 207); height: 68px;"] {
    border: rgb(166, 187, 207) solid 2px;
}

div[style="background-color: rgb(221, 170, 153); height: 28px;"],
div[style="background-color: rgb(221, 170, 153); height: 48px;"],
div[style="background-color: rgb(221, 170, 153); height: 68px;"] {
    border: rgb(221, 170, 153) solid 2px;
}

div[style="background-color: rgb(135, 169, 128); height: 28px;"],
div[style="background-color: rgb(135, 169, 128); height: 48px;"],
div[style="background-color: rgb(135, 169, 128); height: 68px;"] {
    border: rgb(135, 169, 128) solid 2px;
}

div[style="background-color: rgb(192, 237, 192); height: 28px;"],
div[style="background-color: rgb(192, 237, 192); height: 48px;"],
div[style="background-color: rgb(192, 237, 192); height: 68px;"] {
    border: rgb(192, 237, 192) solid 2px;
}

div[style="background-color: rgb(228, 145, 145); height: 28px;"],
div[style="background-color: rgb(228, 145, 145); height: 48px;"],
div[style="background-color: rgb(228, 145, 145); height: 68px;"] {
    border: rgb(228, 145, 145) solid 2px;
}

div[style="background-color: rgb(148, 193, 208); height: 28px;"],
div[style="background-color: rgb(148, 193, 208); height: 48px;"],
div[style="background-color: rgb(148, 193, 208); height: 68px;"] {
    border: rgb(148, 193, 208) solid 2px;
}

div[style="background-color: rgb(221, 221, 221); height: 28px;"],
div[style="background-color: rgb(221, 221, 221); height: 48px;"],
div[style="background-color: rgb(221, 221, 221); height: 68px;"] {
    border: rgb(221, 221, 221) solid 2px;
}

div[style="background-color: rgb(255, 255, 255); height: 28px;"],
div[style="background-color: rgb(255, 255, 255); height: 48px;"],
div[style="background-color: rgb(255, 255, 255); height: 68px;"] {
    border: #e6e6e6 solid 2px;
}

div[style="background-color: rgb(253, 208, 162); height: 28px;"],
div[style="background-color: rgb(253, 208, 162); height: 48px;"],
div[style="background-color: rgb(253, 208, 162); height: 68px;"] {
    border: rgb(253, 208, 162) solid 2px;
}

div[style="background-color: rgb(226, 217, 110); height: 28px;"],
div[style="background-color: rgb(226, 217, 110); height: 48px;"],
div[style="background-color: rgb(226, 217, 110); height: 68px;"] {
    border: rgb(226, 217, 110) solid 2px;
}

div[style="background-color: rgb(243, 181, 103); height: 28px;"],
div[style="background-color: rgb(243, 181, 103); height: 48px;"],
div[style="background-color: rgb(243, 181, 103); height: 68px;"] {
    border: rgb(243, 181, 103) solid 2px;
}

div[style="background-color: rgb(246, 224, 248); height: 28px;"],
div[style="background-color: rgb(246, 224, 248); height: 48px;"],
div[style="background-color: rgb(246, 224, 248); height: 68px;"] {
    border: rgb(246, 224, 248) solid 2px;
}

div[style="background-color: darksalmon; height: 28px;"],
div[style="background-color: darksalmon; height: 48px;"],
div[style="background-color: darksalmon; height: 68px;"] {
    border: darksalmon solid 2px;
}

div[style="background-color: rgb(192, 192, 192); height: 28px;"],
div[style="background-color: rgb(192, 192, 192); height: 48px;"],
div[style="background-color: rgb(192, 192, 192); height: 68px;"] {
    border: rgb(192, 192, 192) solid 2px;
}

div[style="background-color: rgb(216, 191, 216); height: 28px;"],
div[style="background-color: rgb(216, 191, 216); height: 48px;"],
div[style="background-color: rgb(216, 191, 216); height: 68px;"] {
    border: rgb(216, 191, 216) solid 2px;
}

div[style="background-color: rgb(231, 231, 174); height: 28px;"],
div[style="background-color: rgb(231, 231, 174); height: 48px;"],
div[style="background-color: rgb(231, 231, 174); height: 68px;"] {
    border: rgb(231, 231, 174) solid 2px;
}

div[style="background-color: rgb(215, 215, 160); height: 28px;"],
div[style="background-color: rgb(215, 215, 160); height: 48px;"],
div[style="background-color: rgb(215, 215, 160); height: 68px;"] {
    border: rgb(215, 215, 160) solid 2px;
}

div[style="background-color: rgb(222, 189, 92); height: 28px;"],
div[style="background-color: rgb(222, 189, 92); height: 48px;"],
div[style="background-color: rgb(222, 189, 92); height: 68px;"] {
    border: rgb(222, 189, 92) solid 2px;
}

div[style="background-color: burlywood; height: 28px;"],
div[style="background-color: burlywood; height: 48px;"],
div[style="background-color: burlywood; height: 68px;"] {
    border: burlywood solid 2px;
}

div[style="background-color: rgb(255, 153, 0); height: 28px;"],
div[style="background-color: rgb(255, 153, 0); height: 48px;"],
div[style="background-color: rgb(255, 153, 0); height: 68px;"] {
    border: rgb(255, 153, 0) solid 2px;
}

div[style="background-color: rgb(231, 111, 161); height: 28px;"],
div[style="background-color: rgb(231, 111, 161); height: 48px;"],
div[style="background-color: rgb(231, 111, 161); height: 68px;"] {
    border: rgb(231, 111, 161) solid 2px;
}

div[style="background-color: rgb(230, 224, 248); height: 28px;"],
div[style="background-color: rgb(230, 224, 248); height: 48px;"],
div[style="background-color: rgb(230, 224, 248); height: 68px;"] {
    border: rgb(230, 224, 248) solid 2px;
}

div[style="background-color: rgb(152, 152, 152); height: 28px;"],
div[style="background-color: rgb(152, 152, 152); height: 48px;"],
div[style="background-color: rgb(152, 152, 152); height: 68px;"] {
    border: rgb(152, 152, 152) solid 2px;
}

div[style="background-color: rgb(45, 150, 111); height: 28px;"],
div[style="background-color: rgb(45, 150, 111); height: 48px;"],
div[style="background-color: rgb(45, 150, 111); height: 68px;"] {
    border: rgb(45, 150, 111) solid 2px;
}

div[style="background-color: rgb(102, 153, 255); height: 28px;"],
div[style="background-color: rgb(102, 153, 255); height: 48px;"],
div[style="background-color: rgb(102, 153, 255); height: 68px;"] {
    border: rgb(102, 153, 255) solid 2px;
}

div[style="background-color: rgb(233, 123, 0); height: 28px;"],
div[style="background-color: rgb(233, 123, 0); height: 48px;"],
div[style="background-color: rgb(233, 123, 0); height: 68px;"] {
    border: rgb(233, 123, 0) solid 2px;
}

div[style="background-color: rgb(53, 190, 139); height: 28px;"],
div[style="background-color: rgb(53, 190, 139); height: 48px;"],
div[style="background-color: rgb(53, 190, 139); height: 68px;"] {
    border: rgb(53, 190, 139) solid 2px;
}

div[style="background-color: rgb(196, 133, 219); height: 28px;"],
div[style="background-color: rgb(196, 133, 219); height: 48px;"],
div[style="background-color: rgb(196, 133, 219); height: 68px;"] {
    border: rgb(196, 133, 219) solid 2px;
}

div[style="background-color: rgb(118, 131, 216); height: 28px;"],
div[style="background-color: rgb(118, 131, 216); height: 48px;"],
div[style="background-color: rgb(118, 131, 216); height: 68px;"] {
    border: rgb(118, 131, 216) solid 2px;
}

div[style="background-color: rgb(255, 143, 2); height: 28px;"],
div[style="background-color: rgb(255, 143, 2); height: 48px;"],
div[style="background-color: rgb(255, 143, 2); height: 68px;"] {
    border: rgb(255, 143, 2) solid 2px;
}

div[style="background-color: rgb(166, 187, 207); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(166, 187, 207); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(166, 187, 207); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #edf1f5;
}

div[style="background-color: rgb(221, 170, 153); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(221, 170, 153); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(221, 170, 153); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f8eeeb;
}

div[style="background-color: rgb(135, 169, 128); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(135, 169, 128); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(135, 169, 128); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #e7eee6;
}

div[style="background-color: rgb(192, 237, 192); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(192, 237, 192); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(192, 237, 192); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f2fbf2;
}

div[style="background-color: rgb(228, 145, 145); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(228, 145, 145); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(228, 145, 145); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #fae9e9;
}

div[style="background-color: rgb(148, 193, 208); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(148, 193, 208); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(148, 193, 208); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #eaf3f6;
}

div[style="background-color: rgb(221, 221, 221); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(221, 221, 221); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(221, 221, 221); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #eaeaea;
}

div[style="background-color: rgb(255, 255, 255); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 255, 255); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 255, 255); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f8f8f8;
}

div[style="background-color: rgb(253, 208, 162); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(253, 208, 162); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(253, 208, 162); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #fff6ec;
}

div[style="background-color: rgb(226, 217, 110); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(226, 217, 110); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(226, 217, 110); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f9f7e2;
}

div[style="background-color: rgb(243, 181, 103); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(243, 181, 103); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(243, 181, 103); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(253 240 225);
}

div[style="background-color: rgb(246, 224, 248); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(246, 224, 248); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(246, 224, 248); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(249 241 251);
}

div[style="background-color: darksalmon; height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: darksalmon; height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: darksalmon; height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #fbeae4;
}

div[style="background-color: rgb(192, 192, 192); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(192, 192, 192); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(192, 192, 192); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f2f2f2;
}

div[style="background-color: rgb(216, 191, 216); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(216, 191, 216); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(216, 191, 216); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f7f2f7;
}

div[style="background-color: rgb(231, 231, 174); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(231, 231, 174); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(231, 231, 174); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(250 250 239);
}

div[style="background-color: rgb(215, 215, 160); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(215, 215, 160); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(215, 215, 160); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(247 247 236);
}

div[style="background-color: rgb(222, 189, 92); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(222, 189, 92); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(222, 189, 92); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: #f8f2de;
}

div[style="background-color: rgb(255, 153, 0); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 153, 0); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 153, 0); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(255 245 229);
}

div[style="background-color: burlywood; height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: burlywood; height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: burlywood; height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(244 237 227);
}

div[style="background-color: rgb(231, 111, 161); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(231, 111, 161); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(231, 111, 161); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(251 238 243);
}

div[style="background-color: rgb(230, 224, 248); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(230, 224, 248); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(230, 224, 248); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(243 241 250);
}

div[style="background-color: rgb(45, 150, 111); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(45, 150, 111); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(45, 150, 111)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(210 232 224);
}

div[style="background-color: rgb(102, 153, 255); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(102, 153, 255); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(102, 153, 255)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(220 232 253);
}

div[style="background-color: rgb(233, 123, 0); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(233, 123, 0); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(233, 123, 0)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(247 225 200);
}

div[style="background-color: rgb(196, 133, 219); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(196, 133, 219); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(196, 133, 219)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(239 227 245);
}

div[style="background-color: rgb(118, 131, 216); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(118, 131, 216); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(118, 131, 216)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(224 226 244);
}

div[style="background-color: rgb(255, 143, 2); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 143, 2); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(255, 143, 2)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(250 229 201);
}

div[style="background-color: rgb(152, 152, 152); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(152, 152, 152); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(152, 152, 152)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(231 231 232);
}

div[style="background-color: rgb(53, 190, 139); height: 28px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(53, 190, 139); height: 48px;"]>.red-ui-palette-icon-container,
div[style="background-color: rgb(152, 152, 152)); height: 68px;"]>.red-ui-palette-icon-container {
    background-color: rgb(210 237 228);
}

div[style="background-color: rgb(166, 187, 207); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(166, 187, 207); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(166, 187, 207); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(88%) sepia(4%) saturate(2144%) hue-rotate(179deg) brightness(84%) contrast(91%);
}

div[style="background-color: rgb(221, 170, 153); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(221, 170, 153); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(221, 170, 153); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(78%) sepia(9%) saturate(1179%) hue-rotate(327deg) brightness(93%) contrast(85%);
}

div[style="background-color: rgb(135, 169, 128); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(135, 169, 128); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(135, 169, 128); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(72%) sepia(15%) saturate(613%) hue-rotate(64deg) brightness(87%) contrast(84%);
}

div[style="background-color: rgb(192, 237, 192); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(192, 237, 192); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(192, 237, 192); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(96%) sepia(37%) saturate(461%) hue-rotate(49deg) brightness(100%) contrast(86%);
}

div[style="background-color: rgb(228, 145, 145); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(228, 145, 145); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(228, 145, 145); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(62%) sepia(23%) saturate(529%) hue-rotate(314deg) brightness(96%) contrast(114%);
}

div[style="background-color: rgb(148, 193, 208); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(148, 193, 208); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(148, 193, 208); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(73%) sepia(41%) saturate(212%) hue-rotate(149deg) brightness(93%) contrast(93%);
}

div[style="background-color: rgb(221, 221, 221); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(221, 221, 221); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(221, 221, 221); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(94%) sepia(20%) saturate(0%) hue-rotate(214deg) brightness(92%) contrast(92%);
}

div[style="background-color: rgb(255, 255, 255); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 255, 255); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 255, 255); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(100%) sepia(4%) saturate(276%) hue-rotate(236deg) brightness(116%) contrast(80%);
}

div[style="background-color: rgb(253, 208, 162); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(253, 208, 162); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(253, 208, 162); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(79%) sepia(43%) saturate(314%) hue-rotate(339deg) brightness(101%) contrast(99%);
}

div[style="background-color: rgb(226, 217, 110); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(226, 217, 110); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(226, 217, 110); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(87%) sepia(86%) saturate(333%) hue-rotate(345deg) brightness(92%) contrast(92%);
}

div[style="background-color: rgb(243, 181, 103); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(243, 181, 103); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(243, 181, 103); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(70%) sepia(31%) saturate(661%) hue-rotate(351deg) brightness(104%) contrast(91%);
}

div[style="background-color: rgb(246, 224, 248); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(246, 224, 248); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(246, 224, 248); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(91%) sepia(23%) saturate(373%) hue-rotate(250deg) brightness(87%) contrast(93%);
}

div[style="background-color: darksalmon; height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: darksalmon; height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: darksalmon; height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(69%) sepia(58%) saturate(507%) hue-rotate(319deg) brightness(94%) contrast(93%);
}

div[style="background-color: rgb(192, 192, 192); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(192, 192, 192); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(192, 192, 192); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(95%) sepia(0%) saturate(345%) hue-rotate(249deg) brightness(82%) contrast(92%);
}

div[style="background-color: rgb(216, 191, 216); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(216, 191, 216); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(216, 191, 216); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(98%) sepia(3%) saturate(4377%) hue-rotate(215deg) brightness(88%) contrast(91%);
}

div[style="background-color: rgb(231, 231, 174); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(231, 231, 174); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(231, 231, 174); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(95%) sepia(19%) saturate(523%) hue-rotate(1deg) brightness(92%) contrast(98%);
}

div[style="background-color: rgb(215, 215, 160); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(215, 215, 160); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(215, 215, 160); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(94%) sepia(2%) saturate(7131%) hue-rotate(13deg) brightness(109%) contrast(69%);
}

div[style="background-color: rgb(222, 189, 92); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(222, 189, 92); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(222, 189, 92); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(90%) sepia(26%) saturate(1017%) hue-rotate(338deg) brightness(91%) contrast(90%);
}

div[style="background-color: rgb(255, 153, 0); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 153, 0); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 153, 0); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(60%) sepia(82%) saturate(1642%) hue-rotate(358deg) brightness(100%) contrast(106%);
}

div[style="background-color: rgb(231, 111, 161); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(231, 111, 161); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(231, 111, 161); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(60%) sepia(89%) saturate(460%) hue-rotate(294deg) brightness(90%) contrast(101%);
}

div[style="background-color: burlywood; height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: burlywood; height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: burlywood; height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(74%) sepia(16%) saturate(805%) hue-rotate(354deg) brightness(103%) contrast(82%);
}

div[style="background-color: rgb(231, 111, 161); height: 28px;"]>.red-ui-palette-icon-container>i,
div[style="background-color: rgb(231, 111, 161); height: 48px;"]>.red-ui-palette-icon-container>i,
div[style="background-color: rgb(231, 111, 161); height: 68px;"]>.red-ui-palette-icon-container>i {
    color: #e76fa1;
}

div[style="background-color: rgb(230, 224, 248); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(230, 224, 248); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(230, 224, 248); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(86%) sepia(28%) saturate(151%) hue-rotate(211deg) brightness(99%) contrast(96%);
}

div[style="background-color: rgb(152, 152, 152); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(152, 152, 152); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(152, 152, 152); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(66%) sepia(0%) saturate(420%) hue-rotate(216deg) brightness(93%) contrast(83%);
}

div[style="background-color: rgb(45, 150, 111); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(45, 150, 111); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(45, 150, 111); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(47%) sepia(41%) saturate(622%) hue-rotate(106deg) brightness(96%) contrast(89%);
}

div[style="background-color: rgb(102, 153, 255); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(102, 153, 255); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(102, 153, 255); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(52%) sepia(76%) saturate(1193%) hue-rotate(197deg) brightness(99%) contrast(105%);
}

div[style="background-color: rgb(233, 123, 0); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(233, 123, 0); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(233, 123, 0); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(55%) sepia(92%) saturate(2016%) hue-rotate(1deg) brightness(91%) contrast(106%);
}

div[style="background-color: rgb(53, 190, 139); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(53, 190, 139); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(53, 190, 139); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(64%) sepia(9%) saturate(3000%) hue-rotate(106deg) brightness(99%) contrast(78%);
}

div[style="background-color: rgb(196, 133, 219); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(196, 133, 219); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(196, 133, 219); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(81%) sepia(32%) saturate(5195%) hue-rotate(215deg) brightness(90%) contrast(90%);
}

div[style="background-color: rgb(118, 131, 216); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(118, 131, 216); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(118, 131, 216); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(58%) sepia(19%) saturate(2696%) hue-rotate(203deg) brightness(89%) contrast(89%);
}

div[style="background-color: rgb(255, 143, 2); height: 28px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 143, 2); height: 48px;"]>.red-ui-palette-icon-container>div,
div[style="background-color: rgb(255, 143, 2); height: 68px;"]>.red-ui-palette-icon-container>div {
    filter: invert(61%) sepia(92%) saturate(2098%) hue-rotate(356deg) brightness(98%) contrast(108%);
} */

g.red-ui-flow-node-label {
    transform: translate(38px, 16px);
}

div[data-palette-icon="icons/node-red/GreenGem.svg"]>div,
div[data-palette-icon="icons/node-red/BlueGem.svg"]>div,
div[data-palette-icon="icons/node-red/PurpleGem.svg"]>div {
    filter: unset !important;
}

.BlueGem\.svg,
.PurpleGem\.svg,
.GreenGem\.svg {
    filter: unset !important;
}

#flows-container {
    z-index: 1000;
    display: none;
    position: absolute;
    width: 40%;
    left: 30%;
    height: 80%;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    background: #fff;
    padding: 3%;
    overflow-y: scroll;
}

#shade {
    background: rgb(160, 160, 160, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 2;
}

.flow-container {
    display: block;
    padding: 10px;
    margin: 20px 60px;
    width: 250px;
    border-radius: 5px;
    position: relative;
}

.flow-container.tab {
    border: #5b69fc solid 2.5px;
}

.flow-container.subflow {
    border: #2291FF solid 2.5px;
}

.flow-label {
    color: #212529;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 600 !important;
    font-family: Poppins;
    letter-spacing: 0.3px;
    margin-left: 60px;
}

.flow-type {
    font-size: 14px;
    color: #6c757d;
    font-family: Poppins;
    letter-spacing: 0.4px;
    margin-left: 60px;
}

.icon-container {
    width: 56px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.tab>.icon-container {
    background-color: #eefaf5;
}

.tab>.icon-container>img {
    filter: invert(79%) sepia(9%) saturate(2731%) hue-rotate(99deg) brightness(95%) contrast(77%);
}

.subflow>.icon-container {
    background-color: #e9f4ff;
}

.subflow>.icon-container>img {
    filter: invert(50%) sepia(20%) saturate(3747%) hue-rotate(189deg) brightness(94%) contrast(117%);
}

img.flow-icon {
    width: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.category-title {
    color: #212529;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 600 !important;
    font-family: Poppins;
    letter-spacing: 0.3px;
    margin-left: 40px;
}

.flow-category {
    margin-bottom: 60px;
}

input#search-flows {
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
    border: unset;
    padding: 9px 18px 9px 40px;
    height: 42px;
    width: 84%;
    margin: 0 5% 7% 5%;
    color: #6c757d !important;
    /* background-image: url(/dynamicsrc/images/loupe.png) !important; */
    background-size: 20px;
    background-position: 11px 11px;
    background-repeat: no-repeat;
}

div[data-palette-icon="icons/node-red/bridge-dash.svg"]>div,
div[data-palette-icon="icons/node-red/bridge.svg"]>div {
    width: 12px;
}

.red-ui-tab-button {
    background: unset !important;
}

#red-ui-workspace-tabs:not(.red-ui-workspace-focussed) {
    opacity: 1;
}

.red-ui-tabs {
    height: 57px;
    border-radius: 4px;
}

button#add-flow {
    position: absolute;
    top: 48px;
    right: 60px;
    border: unset;
    color: white;
    background-color: #5b69fc;
    border-color: #5b69fc;
    padding: 0.45rem 0.65rem;
    font-size: 1rem;
    border-radius: 0.3rem;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
}

button#add-flow:hover {
    background-color: #4757fc;
    border-color: #293bfb;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.625rem 1.5rem rgb(0 0 0 / 15%) !important;
}

h1.active-flow-title {
    display: inline;
    position: fixed;
    top: 18px;
    left: 230px;
    color: #212529;
    font-family: 'Poppins';
    font-size: 26px;
}

.red-ui-flow-junction-hovered {
    fill: #979797;
    stroke-width: 0;
}

.red-ui-flow-junction.selected .red-ui-flow-junction-background {
    stroke: #979797;
}

.red-ui-type-search .red-ui-search-result-node {
    display: none;
}

li.selected .red-ui-search-result {
    background: #e9eef5;
}

#red-ui-header span.red-ui-header-logo img {
    height: 58px !important;
}

#red-ui-header span.red-ui-header-logo {
    margin-top: -10px;
    margin-left: 20px;
}


#red-ui-header-button-deploy-options>i {
    margin-top: 6px;
}

a#menu-item-help {
    display: none;
}

.red-ui-palette-icon {
    filter: invert(72%) sepia(15%) saturate(613%) hue-rotate(64deg) brightness(87%) contrast(84%);
}

div.red-ui-search-result-node,
div.red-ui-node-icon {
    border: none !important;
    height: 17px !important;
}

#red-ui-editor-stack {
    top: 0px !important;
}






/* new */
.red-ui-workspace-chart-grid{
    display: none;
}
.red-ui-workspace-chart-background {
    fill: transparent;
}
#red-ui-workspace-footer{
    display: none;
}
#red-ui-header .button {
    height: 46px;
}
.red-ui-flow-node-icon-group, .red-ui-flow-node-label, .red-ui-flow-node-changed, .red-ui-flow-node-error{
    display: none;
}




.node-UI .group {
	width: 319px;
	height: 128px;
}

.node-UI .group .overlap-group {
	position: relative;
	height: 132px;
	top: -2px;
}

.node-UI .group .rectangle {
	position: absolute;
	width: 306px;
	height: 83px;
	top: 0;
	left: 6px;
	background-color: #192132;
	border-radius: 10px 10px 0 0;
	border: .8px solid;
}

.node-UI .group .img {
	position: absolute;
	width: 304px;
	height: 50px;
	top: 81px;
	left: 7px;
}

.node-UI .group .text-wrapper {
	position: absolute;
	top: 19px;
	left: 63px;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	letter-spacing: -.28px;
}

.node-UI .group .div {
	position: absolute;
	top: 51px;
	left: 29px;
	font-weight: 400;
	color: #6a6a9f;
	font-size: 13px;
	letter-spacing: -.26px;
}

.node-UI .group .text-wrapper-2 {
	position: absolute;
	top: 97px;
	left: 207px;
	font-weight: 500;
	color: #fff;
	font-size: 13.6px;
	letter-spacing: 0;
	white-space: nowrap;
}

.node-UI .group .rectangle-2 {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 15px;
	left: 29px;
	background-color: #222a3a;
	border-radius: 6px;
}

.node-UI .group .vector {
	position: absolute;
	width: 13px;
	height: 13px;
	top: 22px;
	left: 36px;
}

.node-UI .group .rectangle-3 {
	position: absolute;
	top: 0;
	left: 6px;
	border-radius: 10px;
	border: 2px solid #465675;
}

.node-UI .group .ellipse,.node-UI .group .ellipse-2 {
	width: 17px;
	height: 17px;
	background-color: #a6a6c4;
	position: absolute;
}

.node-UI .group .ellipse {
	top: 34px;
	left: 0;
	border-radius: 8.36px;
	border: 3.14px solid #6262a6;
}

.node-UI .group .ellipse-2 {
	top: 98px;
	left: 302px;
	border-radius: 8.36px;
	border: 3.14px solid #6262a6;
}

.node-UI .group .play {
	position: absolute;
	width: 9px;
	height: 12px;
	top: 23px;
	left: 280px;
}

.node-UI .group .img-2 {
	width: 15px;
	top: 100px;
	left: 30px;
	position: absolute;
	height: 11px;
}

.node-UI .group .img-3 {
	width: 16px;
	top: 101px;
	left: 272px;
	position: absolute;
	height: 11px
}

.red-ui-flow-node-selected .node-tools{
	display: inline;
}
.node-tools{
	display: none;
}
.red-ui-palette-header > img {
        filter: brightness(0);
}
.dark .red-ui-palette-header > img {
        filter: brightness(10);
}
.node-UI .group {
    margin: 30px 25px 0 25px;
}
.node-UI .vector {
    filter: brightness(10);
}
.node-UI .group .div {
    color: #ffffff;
}
/* .input-field, .done-button{
    display:none;
} */
.node-tools div{
    max-width: 250px;
    height: 24px;
    padding: 5px;
    border-radius: 12px;
    background-color: #192132;
    border-radius: 12px;
    border: 1px solid;
    border-color: #465675;
    margin: 0 3%;
}
.node-tools button{
    font-size: 13px;
    color: #fff;
    margin: 0 5px;
    text-transform: capitalize;
}
.node-tools button.delete{
color: #ef4444;
}
.node-tools button img{
    display: inline;
    float: left;
    margin: 2px 7px;
    width: 13px;
}
.disable .disable-icon {
    display: inline;
}
.disable .enable-icon {
    display: none;
}
.enable .disable-icon {
    display: none;
}
.enable .enable-icon {
    display: inline;
}
.dark .node-tools button:not(.delete) img {
    filter: brightness(10);
}
.red-ui-flow-node-disabled .node-UI .group{
    opacity: 0.6;
}

.node-UI .group .rectangle{
        border: unset !important;

}


.node-UI .group .div {
    color: #9ca3af !important;
}

.dark .debug-off {
    background-color: #222e45;
    color: #ffffffd1 !important;
}
.red-ui-flow-port {
    fill: #a6a6c4 !important;
    stroke: #6262a6 !important;
    stroke-width: 3px;

}
html:not(.dark) .red-ui-flow-port{
    fill: #6262a6 !important;
    stroke: #fdfcfe !important;
    stroke-width: 2px;
}


/*hossein editing inject node style at light mode*/
html:not(.dark) .node-UI .group .rectangle-3 {
    background-color: #ffffff !important;
}

html:not(.dark) .node-UI .group .text-wrapper{
    color: #383874;
}

html:not(.dark) .node-UI .group .div{
    color: #383874 !important;
}

html:not(.dark) .node-UI .group .text-wrapper-2{
    color: #383874;
    line-height: normal;
}

html:not(.dark) .node-UI .group .rectangle-2{
    background-color: #e9eef5;
}

html:not(.dark) .node-UI .group .rectangle-3{
    border: 2px solid #c7c7e8;
    box-shadow: 0px 15px 40px rgb(199 199 232 / 40%);
    
}

html:not(.dark) .node-UI .group .vector {
  filter: brightness(0) saturate(100%) invert(19%) sepia(24%) saturate(712%) hue-rotate(211deg) brightness(93%) contrast(91%);
}

اhtml:not(.dark) .red-ui-flow-port{
    fill: #6262a6 !important;
}

html:not(.dark) .node-UI .group .img-2{
    filter: brightness(0.5);
}
.node-UI .group .img-2{
    display: none;
}

html:not(.dark) .node-UI .group .img-3{
    filter: brightness(0.5);
}

.dark .node-with-status .node-UI .group .imgDark {
  display: block;
}

.dark .node-UI .group .imgLight {
  display: none;
}

html:not(.dark) .node-with-status .node-UI .group .imgLight{
    display: block;
}

html:not(.dark) .node-UI .group .imgDark{
    display: none;
}
html:not(.dark) .node-tools div{
    border-color: #c7c7e8 !important;
    background-color: #fff;
}
html:not(.dark) .node-tools button:not(.delete){
    color: #383874;
}


.node-changed  .node-UI .rectangle-3, html:not(.dark) .node-changed .node-UI .rectangle-3{
    border-color: #1091CD !important;
    box-shadow: 0px 15px 40px rgba(16, 145, 205, 0.2);
}
.node-error .node-UI .rectangle-3, html:not(.dark) .node-error .node-UI .rectangle-3{
    border-color: #ef4444 !important;
    box-shadow: 0px 15px 40px hsl(0deg 84% 60% / 20%);
}
.red-ui-flow-node-error{
    display: none;
}
html:not(.dark) .red-ui-flow-node-selected .node-UI .rectangle-3{
    border-color: rgb(91 105 252) !important;
    box-shadow: 0px 15px 40px rgb(199 199 232 / 40%);
}
.red-ui-flow-node-selected .node-UI .rectangle-3{
    border-color: #d4d8e2 !important;
    box-shadow: 0px 15px 40px rgb(70 86 117 / 10%);
}

.node-UI .node-Notification{
    position: absolute;
    height: 35px;
    top: -28px;
    left: 6px;
    border-radius: 15px 15px 0px 0px;
    z-index: 1;
}

.node-UI .node-Notification > div{
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid transparent;
}

.node-Notification .node-Inform p{
    color: #fff;
    display: inline;
    font-size: 12px;
    position: absolute;
    top: 7px;
    left: 36px;
}

.node-Notification .node-error-notification p{
    color: #fff;
    display: inline;
    font-size: 13px;
    position: absolute;
    top: 7px;
    left: 36px;
}

.node-Notification .node-Inform{
    background-color: #1091cd;
}

.node-Notification .node-error-notification{
    background-color: #ef4444;
}

.node-error .node-error-notification {
  display: block;
}

.node-error-notification {
  display: none;
}

.node-Inform {
  display: none;
}

.node-changed .node-Inform {
  display: block;
}

.node-changed.node-error .node-Inform{
    display: none;
}

.node-Notification .node-Inform img{
    display: inline;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 16px;
    filter: brightness(100);
}

.node-Notification .node-error-notification img{
    display: inline;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 16px;
    filter: brightness(100);
}

.dark .red-ui-flow-node-selected .node-Inform{
    background-color: #898f9c;
}

.dark .red-ui-flow-node-selected .node-error-notification{
    background-color: #898f9c;
}

html:not(.dark) .red-ui-flow-node-selected .node-Inform{
    background-color: rgb(91 105 252) !important;
}

html:not(.dark) .red-ui-flow-node-selected .node-error-notification{
    background-color: rgb(91 105 252) !important;
}

html:not(.dark) .red-ui-flow-node-selected .node-Inform p{
    color: #fff;
}

html:not(.dark) .red-ui-flow-node-selected .node-error-notification p{
    color: #fff;
}

html:not(.dark) .red-ui-flow-node-selected .node-Inform img {
    filter: brightness(0) invert(1);
}


html:not(.dark) .red-ui-flow-node-selected .node-error-notification img{
    filter: brightness(0) invert(1);
}

.node-tools {
  transform: translateX(-1px) translateY(-20px);
}

.node-error .node-tools,  .node-changed .node-tools{
    transform: translate(-1px, -48px);
}

.node-with-status .node-UI .img{
    display: inline;
}

.dark .node-UI .group .imgDark , html:not(.dark) .node-UI .group .imgLight , .node-UI .img-3, .node-UI .text-wrapper-2{
    display: none;
}

/* .node-with-status .node-UI .group .rectangle-3{
    height: 132px !important;
} */

.node-UI .node-status-section{
    width: calc(100% - 4px);
    height: 40px;
    background-color: #e9eef5;
    z-index: 100;
    position: absolute;
    bottom: 5px;
    right: -4px;
    border-radius: 0 0 10px 10px;
    display: none;
}
.node-UI .node-bottom-section{
    width: calc(100% - 4px);
    height: 40px;
    background-color: #e9eef5;
    z-index: 100;
    position: absolute;
    right: -4px;
    border-radius: 0 0 10px 10px;
}
.node-with-status .node-status-section{
    display: block;
}
/*fardin*/
.dark .red-ui-palette-icon {
   filter: brightness(0) saturate(100%) invert(59%) sepia(15%) saturate(287%) hue-rotate(182deg) brightness(89%) contrast(89%);
}
.red-ui-palette-icon {
    filter: brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(1154%) hue-rotate(176deg) brightness(94%) contrast(85%);
}
/*fardin*/

button{
    border: unset;
    background-color: unset;
    padding: 0;
}
rect.red-ui-flow-node {
    stroke: none !important;
    fill: none !important;
}

/*hossein adding style to New Node Button*/
#red-ui-palette-search .new-node-button{
    position: relative;
    top: 0px;
    margin: 12px 0;
    width: 100%;
    height: 36px;
    background-color: rgb(255 255 255);
    border: 1px solid #cad5e2;
    border-radius: 8px;
    padding: 6px;
    font-weight: 600;
    color: #1d293d;
}
#red-ui-palette-search .new-node-button:hover {
    background-color: #e9eef5;
}
#red-ui-palette-search .new-node-button span:first-child{
    background-color: #edecfc;
    color: #4f46e5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
}
#red-ui-palette-search .new-node-button:hover span:first-child{
    background-color: rgb(79 70 229 / 20%);
}
#red-ui-palette-search .new-node-button span:first-child svg{
    stroke-width: 2;
    width: 14px;
    height: 14px;
    margin: 4px;
}
#red-ui-palette-search .new-node-button span:nth-child(2){
    vertical-align: top;
    margin-left: 6px;
}

.panel-group{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: absolute;
    width: 46px;
    top: 70px;
    right: 50px;
    z-index: 2;
}

.zoom {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2.77px 2.21px #6c49ac05, 0px 6.65px 5.32px #6c49ac07, 0px 12.52px 10.02px #6c49ac09, 0px 22.34px 17.87px #6c49ac0b, 0px 41.78px 33.42px #6c49ac0d, 0px 100px 80px #6c49ac12;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 92px;
    padding: 10px 0;
    width: 46px;
}

.map, .zoom-in, .zoom-zero, .zoom-out {
    cursor: pointer;
}

.map {
    align-items: center;
    background-color: var(--snow);
    border-radius: 8px;
    box-shadow: 0px 2.77px 2.21px #6c49ac05, 0px 6.65px 5.32px #6c49ac07, 0px 12.52px 10.02px #6c49ac09, 0px 22.34px 17.87px #6c49ac0b, 0px 41.78px 33.42px #6c49ac0d, 0px 100px 80px #6c49ac12;
    display: flex;
    height: 46px;
    min-width: 25px;
    padding: 0 11px;
    background-color: white;
}

#red-ui-navigator-canvas {
    position: absolute;
    bottom: 30px;
    right: 28px;
    z-index: 101;
    border: unset;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2.77px 2.21px #6c49ac05, 0px 6.65px 5.32px #6c49ac07, 0px 12.52px 10.02px #6c49ac09, 0px 22.34px 17.87px #6c49ac0b, 0px 41.78px 33.42px #6c49ac0d, 0px 100px 80px #6c49ac12;
}


.red-ui-navigator-border {
    opacity: 0.6000000238418579;
    stroke-dasharray: 0;
    pointer-events: none;
    stroke: #5a5a89;
    stroke-width: 2;
    fill: var(--red-ui-view-background);
    rx: 3px;
    width: 16px;
    height: 16px;
}



/*hossein adding style to header.*/

#red-ui-header {
    width: 100%;
    border-bottom: none !important;
    box-shadow: 0px 4px 30px rgba(199, 199, 232, 0.65);
    padding: 18px;
}


#red-ui-header .button-group>a,
.red-ui-deploy-button-content>span {
    padding: unset !important;
    color: #fff !important;
}

/* label[data-i18n="editor.label"], label[data-i18n="editor.label"] + span {
    display: none !important;
}
label[data-i18n="editor.settingIcon"], label[data-i18n="editor.settingIcon"] + button {
    display: none !important;
} */

*{
    user-select: none !important;
}

/* fardin */
#red-ui-palette-container .red-ui-palette-header {
    background: unset !important;
    padding: 8px !important;
    border-radius: 6px !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1rem !important;
    font-weight: 500 !important;
    height: 16px !important;
    display: flex !important;
    width: 86% !important;
    margin-left: 7px !important;
}
/* line 731 731 743 cmnt shodan */
#red-ui-palette-container .red-ui-palette-header:hover {
    background: #e9eef5 !important;
}
#red-ui-palette-header-function i {
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-header-common i {
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-header-network i {
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-header-sequence i {
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-header-parser i {
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-header-storage i {
    left: 156px !important;
    top: 10px !important;
}
.red-ui-palette-header i{
    left: 156px !important;
    top: 10px !important;
}
#red-ui-palette-search > .red-ui-searchBox-container > form.red-ui-searchBox-form > input.red-ui-searchBox-input {
    font-size: .8125rem;
    line-height: 1.125rem;
    padding-left: 2.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-right: .75rem;
    background-color: #e9eef5;
    border-radius: .5rem;
    width: 100%;
    height: 2rem;
    appearance: none;
    letter-spacing: .025em;
    outline: 2px solid transparent;
    outline-offset: 2px;
    border: 0 solid #e5e7eb;
}
#red-ui-palette-search > .red-ui-searchBox-container > i {
    color: #94a3b8 !important;
    justify-content: center !important;
    width: 2.2rem !important;
    height: 100% !important;
    display: flex !important;
    position: absolute !important;
    align-items: center !important;
    top: unset !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
#red-ui-palette-search > .red-ui-searchBox-container > form.red-ui-searchBox-form > input.red-ui-searchBox-input:focus {
    border: 3px solid #A7A2F2;
}
#red-ui-palette-search .red-ui-searchBox-container:focus-within > i.fa-search {
    color:#A7A2F2 !important;
}
#red-ui-palette-common > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
    height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-common > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-common > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-common > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}





#red-ui-palette-function > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
    height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-function > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-function > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-function > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}



#red-ui-palette-container div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
    height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-container div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-container div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-container div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}



#red-ui-palette-network > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-network > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-network > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-network > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}




#red-ui-palette-sequence > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-sequence > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-sequence > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-sequence > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}



#red-ui-palette-parser > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-parser > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-parser > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-parser > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}


#red-ui-palette-storage > div.red-ui-palette-node {
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}
#red-ui-palette-storage > div.red-ui-palette-node:hover {
    background-color: #e2e8f0 !important;
    cursor: pointer;
    border-radius: 0.5rem !important;
}
#red-ui-palette-storage > div.red-ui-palette-node > .red-ui-palette-icon-container {
    background-color: transparent !important;
    left: unset !important;
}
#red-ui-palette-storage > div.red-ui-palette-node > div.red-ui-palette-label {
    margin-top: unset !important;
    margin-bottom: unset !important;
}
#red-ui-palette-container {
    margin-top: 10px;
}
#red-ui-sidebar-content .red-ui-sidebar-info > .red-ui-sidebar-info-stack > .red-ui-panel > .red-ui-info-outline > .red-ui-sidebar-header > .red-ui-searchBox-container > .red-ui-searchBox-form > input {
    font-size: .8125rem;
    line-height: 1.125rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-right: .75rem;
    background-color: #e9eef5;
    border-radius: .5rem;
    width: 100%;
    appearance: none;
    letter-spacing: .025em;
    outline: 2px solid transparent;
    outline-offset: 2px;
    border: 0 solid #e5e7eb; 
}
#red-ui-sidebar-content .red-ui-sidebar-info > .red-ui-sidebar-info-stack > .red-ui-panel > .red-ui-info-outline > .red-ui-sidebar-header > .red-ui-searchBox-container > .red-ui-searchBox-form > input:focus {
    border: 3px solid #A7A2F2;
}
#red-ui-sidebar-content .red-ui-sidebar-info > .red-ui-sidebar-header > .red-ui-searchBox-compact > .red-ui-searchBox-form > input {
    font-size: .8125rem;
    line-height: 1.125rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-right: .75rem;
    background-color: #e9eef5;
    border-radius: .5rem;
    width: 100%;
    appearance: none;
    letter-spacing: .025em;
    outline: 2px solid transparent;
    outline-offset: 2px;
    border: 0 solid #e5e7eb;
}
#red-ui-sidebar-content .red-ui-sidebar-info > .red-ui-sidebar-header > .red-ui-searchBox-compact > .red-ui-searchBox-form > input:focus {
    border: 3px solid #A7A2F2;
}

/* fardin */

.red-ui-flow-node-status-background {
    fill: none !important;
}


#red-ui-palette-header-subflows i{
    left: 170px;
    top: 10px;
} 

#red-ui-palette-subflows > div.red-ui-palette-node{
    border: none !important;
    width: 75%;
    left: 0px;
    background: #e9eef5 !important;
    padding: 0.75rem;
    align-items: center;
    display: inline-block;
height: unset !important;
    margin-top: 15px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 0.5rem !important;
}

#red-ui-palette-subflows .red-ui-palette-icon-container{
    background: none;
    left: 11px;
}

#red-ui-palette-subflows .red-ui-palette-label{
    margin-top: unset !important;
    margin-bottom: unset !important;
}

.red-ui-flow-group-outline-select.red-ui-flow-group-outline-select-outline {
    fill: rgb(233, 238, 245);
}

.red-ui-flow-group-outline-select{
    stroke: #406CFA !important;
}
.red-ui-searchBox-container a.red-ui-searchBox-opts:hover {
    background: unset;
}



.debug-on, .debug-on:hover {
    background-color: rgb(78 209 153);
    display: block;
    color: white !important;
    font-size: 0.6rem;
    width: 1.8rem;
    text-align: center;
    border-radius: 4px;
}

.w-8.tag.debug-off, .w-8.tag.debug-off:hover {
  background-color: #e9eef5 !important;
  display: block;
  color: #1e293b !important;
  font-size: 0.6rem !important;
  width: 1.8rem !important;
  text-align: center;
  border-radius: 4px !important;
}

.red-ui-flow-port-input .red-ui-flow-port{
    transform: translate(2px, 0px);
}

html:not(.dark) .red-ui-flow-port {
    fill: #6262a6 !important;
    stroke: #fdfcfe !important;
}
.red-ui-sidebar-config-tray-header.red-ui-palette-header {
  width: 90% !important;
}

.red-ui-sidebar-config-tray-header.red-ui-palette-header i {
    position: relative;
    left: 250px;
    top: 0px;
}

.red-ui-palette-category .red-ui-palette-header{
    width: 90% !important;
}

/* .red-ui-sidebar-context-stack.red-ui-stack .red-ui-palette-category .red-ui-palette-header i{
    position: relative;
    left: 250px !important;
    top: 0px !important;
} */

.red-ui-palette-category .red-ui-palette-header div{
    position: relative;
    left: 10px;
}
.red-ui-palette-node.ui-draggable.ui-draggable-handle.ui-draggable-dragging {
  background-color: #e9eef5 !important;
}
.red-ui-palette-node.ui-draggable.ui-draggable-handle.ui-draggable-dragging .red-ui-palette-icon-container{
  background-color: unset !important;
}
rect[type="link in"], rect[type="link out"], rect[type="link call"]{
    fill: #ffffff !important;
    stroke: #c7c7e8 !important;
    rx: 10px;
    ry: 10px;
}
rect[type="link in"] + .red-ui-flow-node-icon-group image, rect[type="link out"] + .red-ui-flow-node-icon-group image, rect[type="link call"] + .red-ui-flow-node-icon-group image{
    width: 25px;
    height: 25px;
    transform: translate(0px, -10px) !important;
}
.red-ui-flow-node-selected rect[type="link in"], .red-ui-flow-node-selected rect[type="link out"], .red-ui-flow-node-selected rect[type="link call"]{
    stroke: rgb(91 105 252) !important;
}
.red-ui-flow-node-selected .node-tools.hide {
    display: none;
}
.node-UI.hide+rect{
    fill: #ffffff !important;
    stroke: #c7c7e8 !important;
    rx: 10px;
    ry: 10px;
}
.red-ui-flow-node-selected .node-UI.hide+rect{
    stroke: rgb(91 105 252) !important;
}
.node-tools.hide + .red-ui-flow-node-icon-group{
    display: inline;
}
.red-ui-palette-category .red-ui-palette-header {
    width: 85% !important;
}
.red-ui-sidebar-control-right, .red-ui-sidebar-control-left {
color: #5a5a89;
background-color: #cad9f7;
border: none;
}
#red-ui-sidebar-separator:before{
     background-color: #5a5a89;
}
#red-ui-navigator-canvas rect:first-child {
    fill: #fefefe !important;
}
#node-dialog-login img{
    position: relative;
    bottom: 55px;
    width: 80%;
}

.ui-dialog .ui-dialog-titlebar{
    border: none;
    display: none;
}

.ui-widget-overlay{
    background-color: #f8fafc;
}

#node-dialog-login{
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%) !important;
    padding: 10% 10%;
    border-radius: 10px;
}

.ui-widget.ui-widget-content{
    border: none !important;
}

.ui-dialog.red-ui-editor-dialog.ui-widget.ui-widget-content.ui-front {
    border-radius: 10px !important;
    box-shadow: unset;
}

#node-dialog-login-submit{
    border-radius: 10px;
    background-color: #5b69fc;
    color: #ffffff;
    top: 10px;
    padding: 8px 16px;
    font-weight: 600;
}

#node-dialog-login-failed{
    position: relative;
    top: 10px;
}

.red-ui-panels-separator:before{
    background-color: #5a5a89;
}

.red-ui-panels-separator{
    border: none !important;
    background: none;
}
div.red-ui-popover,.red-ui-tourGuide-popover,.red-ui-tourGuide-popover-full,.red-ui-popover-inset {
    background-color: transparent !important;
    border: unset !important;
    box-shadow: unset !important;
}
div.red-ui-popover,.red-ui-tourGuide-popover,.red-ui-tourGuide-popover-full,.red-ui-popover-inset > .red-ui-popover-content {
    border-radius: .5rem !important;
}
div.red-ui-tourGuide-popover-description > h2:nth-last-of-type(1) {
    color: #5B69FC !important;
}
div.red-ui-tourGuide-popover-description > h2:nth-last-of-type(2) {
    color: #5B69FC !important;
}
.message-UI{
    filter: drop-shadow(0px 0px 5px #8676ff73);
    fill: rgb(134 118 255);
}
.red-ui-menu-dropdown.pull-right {
    border: #e9eef5 solid 0.8px !important;
    padding: 6px 0 !important;
    box-shadow: unset !important;
}
.red-ui-menu-dropdown a .red-ui-menu-label {
    color: rgb(100, 116, 139) !important;
}
.red-ui-menu-dropdown > li > a{
    background-color: #fff !important;
}
.red-ui-menu-dropdown > li > a:hover, .red-ui-menu-dropdown > li > a:focus, .red-ui-menu-dropdown > li > a:active {
    background-color: rgb(241, 245, 249) !important;
    color: rgb(30, 41, 59) !important;
}
.red-ui-menu-dropdown a .red-ui-menu-label span.red-ui-popover-key {
    display: none !important;
}
.red-ui-menu-dropdown .red-ui-menu-divider {
    background-color: rgb(233, 238, 245) !important;
    margin: 7px 12px !important;
}
.red-ui-menu-dropdown > .disabled > a {
    color: rgb(100, 116, 139) !important;
    opacity: 0.5 !important;
}
.red-ui-menu-dropdown > .disabled > a:hover {
    background-color: #ffffff !important;
    color: rgb(100, 116, 139) !important;
}


/*hossein*/
.red-ui-menu-dropdown .label {
    display: inline-block;
    margin-top: -2px;
    vertical-align: top;
    margin-left: 10px;
    color: #647488;
}

.red-ui-menu-dropdown svg {
    display: inline-block;
    margin-top: 0px !important;
}
.menu-list-icon {
    stroke: #64748b;
    stroke-width: 0.5;
}

.red-ui-menu-dropdown [data-label^="Delete"] svg {
    filter: invert(50%) sepia(93%) saturate(3488%) hue-rotate(344deg) brightness(99%) contrast(104%) !important;
}

.red-ui-menu-dropdown [data-label^="Delete"] .label{
    color: #ef4444;
}

.red-ui-menu-dropdown > li:not(.disabled) > a:hover > span {
    color: #000000 !important;
}

.red-ui-menu-dropdown [data-label^="Delete"]:hover .label {
    color: #ef4444 !important;
}

#red-ui-menu-item-1-submenu span{
    color: #64748b;
    margin: -2px 0px 0px 12px;
}

#red-ui-menu-item-1-submenu svg{
    margin: -7px 0px 0px;
}

.red-ui-menu-dropdown-submenu > ul{
    margin: 0px 0px 10px !important;
    padding: 6px 0px !important;
}
.node-UI.hide +rect +.node-tools + .node-button {
    transform: translate(10px, 15px);
}
#red-ui-header-button-sidemenu-submenu svg{
    display: none;
}
img.red-ui-tab-icon {
    opacity: 0.9 !important;
    margin-bottom: 5px !important;
    filter: brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(1154%) hue-rotate(176deg) brightness(94%) contrast(85%);
    transform: scale(1.2) !important;
}
.red-ui-tab-link-buttons .red-ui-tab-link-button-menu {
    position: fixed !important;
}
p.tabIcon {
    border-bottom: 2px solid #924CFA !important;
    color: #924CFA !important;
}
#red-ui-sidebar p.tabIcon {
    border-bottom: 2px solid #6c757d !important;
    color: #6c757d !important;
}
#red-ui-sidebar .red-ui-tab-link-buttons a:not(.disabled):not(:disabled):hover{
	color: #6c757d !important;
}

div[data-palette-type="inject"] .red-ui-palette-icon, div[data-palette-type="link in"] .red-ui-palette-icon, div[data-palette-type="link out"] .red-ui-palette-icon,div[data-palette-type="link call"] .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1321%) hue-rotate(222deg) brightness(97%) contrast(101%);
}
div[data-palette-type="debug"] .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(58%) sepia(85%) saturate(694%) hue-rotate(108deg) brightness(96%) contrast(99%);
}
div[data-palette-type="complete"] .red-ui-palette-icon, #red-ui-palette-network .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(62%) sepia(73%) saturate(668%) hue-rotate(170deg) brightness(96%) contrast(102%);
}
div[data-palette-type="catch"] .red-ui-palette-icon, #red-ui-palette-storage .red-ui-palette-icon,#red-ui-palette-sequence .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5213%) hue-rotate(358deg) brightness(104%) contrast(108%);
}
div[data-palette-type="status"] .red-ui-palette-icon, #red-ui-palette-function .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(50%) sepia(92%) saturate(1923%) hue-rotate(8deg) brightness(104%) contrast(104%);
}
#red-ui-palette-uibuilder .red-ui-palette-icon, #red-ui-palette-uibuilder .red-ui-palette-icon-fa{
    filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(4695%) hue-rotate(299deg) brightness(102%) contrast(105%);
}
#red-ui-palette-subflows .red-ui-palette-icon{
    filter: brightness(0) saturate(100%) invert(45%) sepia(91%) saturate(648%) hue-rotate(135deg) brightness(92%) contrast(98%);
}
.red-ui-palette-icon, .red-ui-palette-icon-fa{
    color: #878e95;
}


div[type="inject"] img.vector, div[type="link in"] img.vector, div[type="link out"] img.vector,div[type="link call"] img.vector{
    filter: brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1321%) hue-rotate(222deg) brightness(97%) contrast(101%) !important;
}
div[type="debug"] img.vector{
    filter: brightness(0) saturate(100%) invert(58%) sepia(85%) saturate(694%) hue-rotate(108deg) brightness(96%) contrast(99%) !important;
}
div[type="complete"] img.vector, div[category="network"] img.vector{
    filter: brightness(0) saturate(100%) invert(62%) sepia(73%) saturate(668%) hue-rotate(170deg) brightness(96%) contrast(102%) !important;
}
div[type="catch"] img.vector, div[category="storage"] img.vector,div[category="sequence"] img.vector{
    filter: brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5213%) hue-rotate(358deg) brightness(104%) contrast(108%) !important;
}
div[type="status"] img.vector, div[category="function"] img.vector{
    filter: brightness(0) saturate(100%) invert(50%) sepia(92%) saturate(1923%) hue-rotate(8deg) brightness(104%) contrast(104%) !important;
}
div[category="uibuilder"] img.vector{
    filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(4695%) hue-rotate(299deg) brightness(102%) contrast(105%) !important;
}
div[category="subflows"] img.vector{
    filter: brightness(0) saturate(100%) invert(45%) sepia(91%) saturate(648%) hue-rotate(135deg) brightness(92%) contrast(98%) !important;
}



div[type="inject"] .rectangle-2, div[type="link in"] .rectangle-2, div[type="link out"] .rectangle-2,div[type="link call"] .rectangle-2{
    background-color: rgb(97 101 239 / 20%) !important;
}
div[type="debug"] .rectangle-2{
    background-color: rgb(23 220 151 / 20%) !important;
}
div[type="complete"] .rectangle-2, div[category="network"] .rectangle-2{
    background-color: rgb(91 196 248 / 25%) !important;
}
div[type="catch"] .rectangle-2, div[category="storage"] .rectangle-2,div[category="sequence"] .rectangle-2{
    background-color: rgb(255 70 51 / 20%) !important;
}
div[type="status"] .rectangle-2, div[category="function"] .rectangle-2{
    background-color: rgb(255 152 0 / 20%) !important;
}
div[category="uibuilder"] .rectangle-2{
    background-color: rgb(248 77 215 / 20%) !important;
}
div[category="subflows"] .rectangle-2{
    background-color: rgb(46 183 179 / 20%) !important;
}


/* .ai-btn {
    position: relative;
    right: 234px;
    height: 44px;
    top: -17px;
    background: linear-gradient(35.802deg, #5046e4 0%, #625bff 46%, #B503FB 100%);
    color: white;
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 600 !important;
    z-index: 1;
} */
.ai-btn:hover{
    opacity: 0.95;
}
.ai-popover {
    position: fixed;
    top: 78px;
    right: 252px;
    width: 360px;
    background: white;
    border-radius: 8px 0 8px 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 3px 10px 0 var(--tw-shadow-color, #302e380f);
    padding: 20px;
    display: none;
    flex-direction: column;
    gap: 12px;
    z-index: 10;
}

.ai-textarea {
    width: 94%;
    min-height: 140px;
    padding: 10px;
    border: 2px solid #ffffff ;
    border-radius: 8px;
    resize: none;
    font-size: 14px;
    background-color: #e9eef5;
    color: #62748e;
    outline: unset;
}
.ai-textarea:focus-visible{
    border: 2px solid #ffffff ;
    outline: unset;
}

.ai-popover .error-border {
    border: 2px solid #ef4444 !important; 
    outline: none;
    transition: border-color 0.3s ease;
}
.ai-generate {
    background: #5046e4;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    font-family: 'ManropeRegular';
    width: 360px;
    transition: width 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin: 0 auto; 
    opacity: 1;
    
}
.ai-popover .button-container{
    height: 38px;
    width: 100%;
}
.ai-shrink-open {
    width: 20px !important;
    height: 38px !important;
    padding: 0 !important;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
  }.ai-shrink-close {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
  }
/* .ai-generate:hover {
    background-color: #4338ca;
} */


.ai-error{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 3px;
    background: #ef4444;
    /* position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.5s ease; */
    margin: auto;
}
.ai-success{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px;
    background: rgb(78 209 153);
        /* position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.5s ease; */
    margin: auto;
}
.ai-loading{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0px;
    background-color: unset;
        /* position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.5s ease; */
    
}

/* .ai-loading .loading-icon{
  display: inline-block;
  width: 16px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid rgb(255, 255, 255);
  border-right-color: rgba(255, 255, 255, 0.3);
  animation: l2 1s infinite linear;
}
@keyframes l2 {to{transform: rotate(1turn)}} */


.ai-loading .spinner {
  position: relative;
  width: 30px;
  height: 30px;
  left:-15px;
}

.ai-loading .spinner .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #5046e4;
  opacity: 0.5;
  animation: growPulse 1.2s infinite ease-in-out;
}

.ai-loading .spinner .circle:nth-child(2) {
  animation-delay: 0.6s;
}

@keyframes growPulse {
  0%, 100% {
    transform: scale(0.5);
    opacity: 0.2;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}


.ai-btn {
    width: 94px;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
    height: 44px;
}

/* The gradient border */
.ai-btn::before {
    width: 92px;
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 8px;
    background: linear-gradient(70.802deg, #5046e4 0%, #b103f6 64%, #5046e5 105%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Optional: Gradient text */
.ai-btn span {
    background: linear-gradient(35.802deg, #5046e4 0%, #4f46e5 46%, #B503FB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.ai-btn svg path {
  fill: url(#aiGradient);
}
.node-UI .group .separator {
    width: 99%;
    height: 1px;
    background-color: #cad5e2;
    position: absolute;
    top: 84px;
    right: -3px;
    display: none;
}
.expand .node-UI .group .separator{
    display: block;
}
.node-input-property-container > div{
    margin: 0 !important;
    width: 89%;
}

.node-input-property-container .add-property{
    position: absolute;
    top: -28px;
    right: 116px;
}

.svg-container{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: absolute;
    width: 46px;
    /* top: 189px; */
    right: 50px;
    z-index: 2;
    bottom: 50px;
}
rect#Rectangle_168_2 {
    transform: translate(0px, -20px) !important;
}
path#Vector_4 {
    transform: translate(-2px, -15px);
}
path#Vector_3 {
    transform: translate(-3px, -14px);
}
html:not(.dark) rect#Rectangle_167_1_0 {
    fill: #e9eef5 !important;
}
.dark .svg-container {
    box-shadow: 0px 2.77px 2.21px #00000000, 0px 6.65px 5.32px #0000000a, 0px 12.52px 10.02px #0000000a, 0px 22.34px 17.87px #0000001a, 0px 41.78px 33.42px #00000003, 0px 100px 80px #6c49ac12;
}
@keyframes animation_Rectangle_168_2_flow_1 {
from {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 27px 83px;
    y: 65px;
    fill: white;
    opacity: 1;
}
to {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 27px 38px;
    y: 20px;
    fill: black;
    opacity: 1;
}
}

@keyframes animation_Rectangle_168_2_flow_2 {
from {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 27px 38px;
    y: 20px;
    fill: black;
    opacity: 1;
}
to {
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 27px 83px;
    y: 65px;
    fill: white;
    opacity: 1;
}
}

@keyframes animation_Vector_3_flow_1 {
from {
    fill: #5C5B60;
    opacity: 1;
}
to {
    fill: #656565;
    opacity: 1;
}
}

@keyframes animation_Vector_3_flow_2 {
from {
    fill: #656565;
    opacity: 1;
}
to {
    fill: #5C5B60;
    opacity: 1;
}
}

@keyframes animation_Vector_4_flow_1 {
from {
    stroke: #9A9A9A;
    opacity: 1;
}
to {
    stroke: #A3A49F;
    opacity: 1;
}
}

@keyframes animation_Vector_4_flow_2 {
from {
    stroke: #A3A49F;
    opacity: 1;
}
to {
    stroke: #9A9A9A;
    opacity: 1;
}
}

@keyframes animation_Rectangle_167_1_0_flow_1 {
from {
    fill: #E4E1E8;
    opacity: 1;
}
to {
    fill: #1B1E17;
    opacity: 1;
}
}

@keyframes animation_Rectangle_167_1_0_flow_2 {
from {
    fill: #1B1E17;
    opacity: 1;
}
to {
    fill: #E4E1E8;
    opacity: 1;
}
}
.done-button button{
    background-color: #5046e5;
    height: 24px;
    border-radius: 5px;
    padding: 2px 12px !important;
    margin-top: 4px;
}
button.add-property{
    background-color: #e9eef5;
    color: #1d293d;
    padding: 2px 3px;
    height: 20px;
    border-radius: 5px;
}
button.add-property svg{
    stroke-width: 0.5px;
    stroke: #1d293d;
    width: 13px;
    height: 13px;
}
.inject-node-setting{
    display: none;
}
.red-ui-flow-link-outline {
    stroke: none !important;
}

div#red-ui-editor-stack p.tabIcon {
    display: none;
}

div#red-ui-editor-stack .red-ui-tray-content {
    height: 100% !important;
}
#red-ui-sidebar-content .red-ui-sidebar-context-stack.red-ui-stack .red-ui-palette-category .red-ui-palette-header i.fa-angle-down{
    position: absolute;
    left: 11px !important;
    top: 12px !important;
 }
.svg-container {
    box-shadow:
      0px 2.77px 2.21px #6c49ac05,
      0px 6.65px 5.32px #6c49ac07,
      0px 12.52px 10.02px #6c49ac09,
      0px 22.34px 17.87px #6c49ac0b,
      0px 41.78px 33.42px #6c49ac0d,
      0px 100px 80px #6c49ac12;
    border-radius: 12px;
    background: #fff; /* Or #f4f4f6 based on your theme */
  }
  
.input-field{
    display: none;
}

.node-bottom-section{
    display: none;
}

.done-button{
    display: none;
}

.shrink-button{
    display: none;
}

.input-field.hide,.node-bottom-section.hide,.done-button.hide{
    display: none !important;
}

.input-field.show,.node-bottom-section.show,.done-button.show{
    display: block !important;
}
  
.expand-button, .shrink-button{
    width: 21px;
    height: 21px;
    background-color: #ffffff !important;
    cursor: pointer;
    border: 2px solid #c5c2f6;
    border-radius: 20px;
}

.expand-button path, .shrink-button path{
    stroke: #4f46e5;
}



a.red-ui-tab-link-button.active .tabIcon {
    display: none !important;
}
a.selected img.red-ui-tab-icon {
    filter: brightness(0) saturate(100%) invert(27%) sepia(42%) saturate(4058%) hue-rotate(235deg) brightness(90%) contrast(100%) !important;
    border-radius: 10px !important;
}
a.selected .red-ui-tab-icon{
    width: 20px !important;
    height: 20px !important;
    background-color: rgba(79, 70, 229, .1) !important;
    padding: 3px !important;
   
}
.custom-tooltip {
    position: absolute;
    background-color: #f1f2f4;
    color: #333;
    font-size: 13px;
    font-family: "Segoe UI", sans-serif;
    padding: 6px 10px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    z-index: 9999;
    pointer-events: none;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    transform: translateY(4px);
  }
  
  .custom-tooltip.show {
    opacity: 1;
    transform: translateY(0);
  }
  .ui-tooltip {
    display: none !important;
  }

  #red-ui-sidebar-node-config .red-ui-sidebar-config-tray-header.red-ui-palette-header i {
    position: relative;
    left: -16px !important;
    top: 0px !important;
}