/*
    ROOT-CORE STYX Theme
    Version 1.0.2
    Copyright © by Ralph Briegel 2023
*/
 
 :root {
    --global-color-default-brighter: #58585a; /* root-core brighter */
    --global-color-default: #3f3f40; /* root-core */
    --global-color-default-darker: #262627; /* root-core darker */
    
    --global-color-grey-brighter: #737e82; /* root-core bright grey */
    --global-color-grey: #3a4147; /* root-core grey */
    --global-color-grey-darker: #20292f; /* root-core dark grey */
}
  
#red-ui-header span.red-ui-header-logo img {
    padding: 0px 0px 3px 0px;
    height: 16px;
}

@-moz-document url-prefix() {
	#red-ui-header span.red-ui-header-logo img {
		padding: 0px 0px 6px 0px;
	}
}
 
#red-ui-header {
  background: var(--global-color-default);
  color: #fff;
  border-top: 2px solid var(--red-ui-header-accent);
  border-bottom: 2px solid var(--red-ui-header-accent);
}

/* header text */
#red-ui-header span.red-ui-header-logo span:not(:first-child) {
	font-family: monospace;
	font-size: 20px !important;
	vertical-align: middle;
	margin-left: 12px;
}

@-moz-document url-prefix() {
	#red-ui-header span.red-ui-header-logo span:not(:first-child) {
		vertical-align: top;
	}
}

/* deploy button */
#red-ui-header .red-ui-deploy-button{
  background: var(--global-color-default-darker);
  /* background: var(--global-color-grey-darker); */ /* root-core dark grey */
  color: #fff !important;
}

#red-ui-header .red-ui-deploy-button:hover{
  background: var(--global-color-default-brighter);
  color: #fff !important;
}

#red-ui-header .red-ui-deploy-button:active{
  background: var(--global-color-default);
  color: #fff !important;
}

#red-ui-header #red-ui-header-button-deploy.disabled{
  background: var(--global-color-default);
  color: var(--global-color-default-brighter) !important;
}

#red-ui-header #red-ui-header-button-deploy.disabled + #red-ui-header-button-deploy-options{
  background: var(--global-color-default);
  color: var(--global-color-default-brighter);
}

#red-ui-header #red-ui-header-button-deploy.disabled + #red-ui-header-button-deploy-options:hover{
  background: var(--global-color-default);
  color: var(--global-color-default-brighter);
}

/* menu button */
#red-ui-header .button {
    /*background: var(--global-color-default-darker); */
    /* background: var(--global-color-grey-darker); */ /* root-core dark grey */
    color: #fff !important;
    border-color: var(--global-color-default);
    border-left-width: 1px;
    border-right-width: 1px;
}

#red-ui-header .button:hover {
    background: var(--global-color-default-brighter);
    border-color: var(--global-color-default);
}

#red-ui-header .button:active {
    background: var(--global-color-default-darker);
}

/* Dropdown */
#red-ui-header ul.red-ui-menu-dropdown{
    background: var(--global-color-grey-darker) !important;
    border-color: var(--global-color-grey);
}

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

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

#red-ui-header ul.red-ui-menu-dropdown li.disabled a {
    color: var(--global-color-grey-brighter);
}

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

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

/* Dropdown: Selected Background */
#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: var(--global-color-default) !important;
}

/* Move existing deploy image out of the visible way */
#red-ui-header ul.red-ui-menu-dropdown li a img {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 0px 0px 32px; /* Equal to width of new image */
}

#red-ui-header ul.red-ui-menu-dropdown li a.active img{
    border-color: #fff;
}

/* Dropdown: Separator */
#red-ui-header ul.red-ui-menu-dropdown li.red-ui-menu-divider {
    /* background: var(--global-color-grey); */
	background: var(--red-ui-header-accent);
}

#red-ui-header ul.red-ui-menu-dropdown li a .red-ui-popover-key {
    color: var(--global-color-grey) !important;
    /* border-color: #666 !important; */
}

/* Replace deploy-full.svg with embedded background image */
#deploymenu-item-full img {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZGVwbG95LWZ1bGwuc3ZnIgogICBpZD0ic3ZnMTAiCiAgIHZlcnNpb249IjEuMSIKICAgaGVpZ2h0PSIzMiIKICAgd2lkdGg9IjMyIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNiI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczE0IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyMzciCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjEyOTMiCiAgICAgaW5rc2NhcGU6Y3k9IjE1LjQ4NjQwMSIKICAgICBpbmtzY2FwZTpjeD0iMjEuODY0OTY1IgogICAgIGlua3NjYXBlOnpvb209IjE1Ljc1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpZD0ibmFtZWR2aWV3MTIiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTQ2IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTc4MiIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMCIKICAgICBpZD0icGF0aDIiCiAgICAgZD0iTTAgMGgzMnYzMkgweiIKICAgICBmaWxsPSIjOGMxMDFjIgogICAgIGNvbG9yPSIjMDAwIiAvPgogIDxnCiAgICAgaWQ9Imc2IgogICAgIGNvbG9yPSIjMDAwIgogICAgIGZpbGw9IiNmZmYiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoNCIKICAgICAgIGQ9Ik0yIDEzaDEwdjVIMnpNMTkgOGgxMHY1SDE5ek0xOSAyMWgxMHY1SDE5eiIgLz4KICA8L2c+CiAgPHBhdGgKICAgICBpZD0icGF0aDgiCiAgICAgc3Ryb2tlLXdpZHRoPSIxLjUiCiAgICAgc3Ryb2tlPSIjZmZmIgogICAgIGZpbGw9Im5vbmUiCiAgICAgZD0iTTExLjUgMTUuNWgybDQtNWgyIiAvPgo8L3N2Zz4K');
    width: 32px; /* Width of new image */
    height: 38px; /* Width of new image */
    background-size: 33px 33px;
}

/* Replace deploy-flows.svg with embedded background image */
#deploymenu-item-flow img {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZGVwbG95LWZsb3dzLnN2ZyIKICAgaWQ9InN2ZzEyIgogICB2ZXJzaW9uPSIxLjEiCiAgIGhlaWdodD0iMzIiCiAgIHdpZHRoPSIzMiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTIiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMTAyIgogICAgIGlua3NjYXBlOndpbmRvdy14PSI5MTkiCiAgICAgaW5rc2NhcGU6Y3k9IjE3LjEyMjg4NCIKICAgICBpbmtzY2FwZTpjeD0iOS45MDc0ODI5IgogICAgIGlua3NjYXBlOnpvb209IjE1Ljc1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpZD0ibmFtZWR2aWV3MTQiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTg3IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkwNyIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMCIKICAgICBpZD0icGF0aDIiCiAgICAgZD0iTTAgLjAwMmgzMnYzMkgweiIKICAgICBmaWxsPSIjOGMxMDFjIgogICAgIGNvbG9yPSIjMDAwIiAvPgogIDxwYXRoCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBkPSJtIDIsMTMuMDAyIGggMTAgdiA1IEggMiBaIG0gMTcsLTUgaCAxMCB2IDUgSCAxOSBaIgogICAgIGlkPSJwYXRoNCIKICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMCIgLz4KICA8cGF0aAogICAgIGQ9Im0gMTksMjEuMDAyIGggMTAgdiA1IEggMTkgWiIKICAgICBpZD0icGF0aDYiCiAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojNGQ0ZDRkIiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGgxMCIKICAgICBzdHJva2Utd2lkdGg9IjEuNSIKICAgICBzdHJva2U9IiNmZmYiCiAgICAgZmlsbD0ibm9uZSIKICAgICBkPSJNMTEuNSAxNS41MDJoMmw0LTVoMiIgLz4KPC9zdmc+Cg');
    width: 32px; /* Width of new image */
    height: 38px; /* Width of new image */
    background-size: 33px 33px;
}

/* Replace deploy-nodes.svg with embedded background image */
#deploymenu-item-node img {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZGVwbG95LW5vZGVzLnN2ZyIKICAgaWQ9InN2ZzEwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGhlaWdodD0iMzIiCiAgIHdpZHRoPSIzMiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTYiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTAiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMTgzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxNzU2IgogICAgIGlua3NjYXBlOmN5PSIxNiIKICAgICBpbmtzY2FwZTpjeD0iMTYiCiAgICAgaW5rc2NhcGU6em9vbT0iMzEuNSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaWQ9Im5hbWVkdmlldzEyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk5MyIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE4NjMiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDAiCiAgICAgaWQ9InBhdGgyIgogICAgIGQ9Ik0wIC4wMDJoMzJ2MzJIMHoiCiAgICAgZmlsbD0iIzhjMTAxYyIKICAgICBjb2xvcj0iIzAwMCIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiM0ZDRkNGQiCiAgICAgaWQ9InBhdGg0IgogICAgIGQ9Ik0yIDEzLjAwMmgxMHY1SDJ6TTE5IDIxLjAwMmgxMHY1SDE5eiIKICAgICBjb2xvcj0iIzAwMCIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJzdHJva2U6IzRkNGQ0ZCIKICAgICBpZD0icGF0aDYiCiAgICAgc3Ryb2tlLXdpZHRoPSIxLjUiCiAgICAgc3Ryb2tlPSIjMDAwIgogICAgIGZpbGw9Im5vbmUiCiAgICAgZD0iTTExLjUgMTUuNTAyaDJsNC01aDIiIC8+CiAgPHBhdGgKICAgICBpZD0icGF0aDgiCiAgICAgZD0iTTE5IDguMDAyaDEwdjVIMTl6IgogICAgIGZpbGw9IiNmZmYiCiAgICAgY29sb3I9IiMwMDAiIC8+Cjwvc3ZnPgo');
    width: 32px; /* Width of new image */
    height: 38px; /* Width of new image */
    background-size: 33px 33px;
}

/* Replace deploy-start.svg with embedded background image */
#deploymenu-item-runtime-start img {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjMyIgogICBoZWlnaHQ9IjMyIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc2IgogICBzb2RpcG9kaTpkb2NuYW1lPSJkZXBsb3ktc3RhcnQuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIuMSAoOWM2ZDQxZTQxMCwgMjAyMi0wNy0xNCkiCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0ic3RhcnQucG5nIgogICBpbmtzY2FwZTpleHBvcnQteGRwaT0iOTYiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI5NiIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTAiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc4IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjkuMTg3NSIKICAgICBpbmtzY2FwZTpjeD0iMTYuMTE5OTE0IgogICAgIGlua3NjYXBlOmN5PSIxNi4wNTEzOTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNTM2IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk2MCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNTAzNyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNzEiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc2IiAvPgogIDxwYXRoCiAgICAgY29sb3I9IiMwMDAiCiAgICAgZmlsbD0iIzhjMTAxYyIKICAgICBkPSJNMCAwaDMydjMySDB6IgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MCIKICAgICBkPSJNIDI0LDE2IDgsMjQgOCw4IFoiCiAgICAgZmlsbD0ibm9uZSIKICAgICBzdHJva2U9IiMwMDAiCiAgICAgc3Ryb2tlLXdpZHRoPSIxLjUiCiAgICAgaWQ9InBhdGg0IiAvPgo8L3N2Zz4K') no-repeat left center;
            background-size: cover;
            background-color: rgba(0,0,0,0);
    width: 32px; /* Width of new image */
    height: 32px; /* Height of new image */
}

/* Replace deploy-stop.svg with embedded background image */
#deploymenu-item-runtime-stop img {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjMyIgogICBoZWlnaHQ9IjMyIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmczMDM0IgogICBzb2RpcG9kaTpkb2NuYW1lPSJkZXBsb3ktc3RvcC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSJzdG9wLnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9Ijk2IgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTYiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczMwMzgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXczMDM2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMjkuMTg3NSIKICAgICBpbmtzY2FwZTpjeD0iMTYuMDE3MTMxIgogICAgIGlua3NjYXBlOmN5PSIxNi4wMzQyNjEiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzUwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEyMDUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjQ4MjYiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjUxIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMzAzNCIgLz4KICA8cGF0aAogICAgIGNvbG9yPSIjMDAwIgogICAgIGZpbGw9IiM4YzEwMWMiCiAgICAgZD0iTTAgMGgzMnYzMkgweiIKICAgICBpZD0icGF0aDMwMzAiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIgLz4KICA8cmVjdAogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjA7IgogICAgIHdpZHRoPSIxNSIKICAgICBoZWlnaHQ9IjE1IgogICAgIHg9IjgiCiAgICAgeT0iOC41IgogICAgIGlkPSJyZWN0MzAzMiIgLz4KPC9zdmc+Cg==') no-repeat left center;
            background-size: cover;
            background-color: rgba(0,0,0,0);
    width: 32px; /* Width of new image */
    height: 32px; /* Height of new image */
}

/* Replace deploy-reload.svg with embedded background image */
#deploymenu-item-reload img {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZGVwbG95LXJlbG9hZC5zdmciCiAgIGlkPSJzdmc4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGhlaWdodD0iMzIiCiAgIHdpZHRoPSIzMiI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTQiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxMiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSI2NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNDEyIgogICAgIGlua3NjYXBlOmN5PSIxNiIKICAgICBpbmtzY2FwZTpjeD0iMTYiCiAgICAgaW5rc2NhcGU6em9vbT0iMzEuNSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaWQ9Im5hbWVkdmlldzEwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjExOTkiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTUzIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+CiAgPHBhdGgKICAgICBmaWxsPSIjOGMxMDFjIgogICAgIGQ9Im0gMCwwLjAwNiBoIDMyIHYgMzIgSCAwIFoiCiAgICAgaWQ9InBhdGgyIgogICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6IzAwMDAwMCIgLz4KICA8cGF0aAogICAgIGQ9Ik0gMTEuODEsMjUuNDI5IEEgMTAuMDIsMTAuMDIgMCAwIDAgMTYsMjYuMzQzIGMgNS41NjIsMCAxMC4xMDcsLTQuNTQ1IDEwLjEwNywtMTAuMTA2IEMgMjYuMTA3LDEwLjY3NiAyMS41NjIsNi4xMzEgMTYsNi4xMzEgMTAuNDM4LDYuMTMxIDUuODk1LDEwLjY3NiA1Ljg5NSwxNi4yMzcgaCAzLjM2OCBjIDAsLTMuNzQgMi45OTcsLTYuNzM3IDYuNzM4LC02LjczNyAzLjc0MSwwIDYuNzM3LDIuOTk2IDYuNzM3LDYuNzM3IDAsMy43NDEgLTIuOTk2LDYuNzM4IC02LjczNyw2LjczOCBhIDYuNzc1LDYuNzc1IDAgMCAxIC0yLjUzMywtMC40ODYgbCAxLjQzLC0zLjQ4IC02Ljk0NywxLjMxNyAyLjEzLDguNDg1IHoiCiAgICAgZmlsbD0iI2ZmZmZmZiIKICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDt0ZXh0LWluZGVudDowO3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO3RleHQtdHJhbnNmb3JtOm5vbmU7d2hpdGUtc3BhY2U6bm9ybWFsO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIKICAgICBpZD0icGF0aDQiIC8+Cjwvc3ZnPgo');
    width: 32px; /* Width of new image */
    height: 38px; /* Width of new image */
    background-size: 33px 33px;
}

#red-ui-header ul.red-ui-menu-dropdown li a img {
    padding: 0px 0px 0px 32px;
}

/* Editor */
/* workspace nodes */
.red-ui-flow-node {
   opacity:1;
}
 
 /* palette input nodes common*/
 .red-ui-palette-node {
	margin-bottom: 3px;
    border-radius: 10px;
}

.red-ui-palette-node:hover {
	margin-bottom: 3px;
    border-radius: 10px;
}

.red-ui-palette-icon-container {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.red-ui-palette-icon-container-right {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Login Icon Size */
.fa-2x {
    font-size: 1.3em;
}