/*
    Node/21 DEV Theme
    Version 2.3.1
    Copyright © by SPIRIT/21 GmbH 2020
*/

#red-ui-header span.red-ui-header-logo img {
    padding: 0px 8px 4px 0px;    
}

#red-ui-header {
    background:#54585a; /* SPIRIT/21 Dunkelgrau */
    color:#fff;
}

/* deploy button */
#red-ui-header .red-ui-deploy-button{
    background:#696D70; /* SPIRIT/21 Dunkelgrau +H20 */
    color:#fff !important
}

#red-ui-header .red-ui-deploy-button:hover{
   background:#7D8386; /* SPIRIT/21 Dunkelgrau +H40 */
   color:#fff !important;
}

#red-ui-header .red-ui-deploy-button:active{
    background:#404344; /* SPIRIT/21 Dunkelgrau -H20 */
    color:#fff !important;
}

#red-ui-header #red-ui-header-button-deploy.disabled{
    background: #54585a; /* SPIRIT/21 Dunkelgrau */
    color:#878a8b !important; /* Special Opacity */
}

#red-ui-header #red-ui-header-button-deploy.disabled + #red-ui-header-button-deploy-options{
    background: #54585a; /* SPIRIT/21 Dunkelgrau */
    color:#878a8b !important; /* Special Opacity */
}

#red-ui-header #red-ui-header-button-deploy.disabled + #red-ui-header-button-deploy-options:hover{
    background: #54585a; /* SPIRIT/21 Dunkelgrau */
    color:#878a8b !important; /* Special Opacity */
}

/* menu button */
#red-ui-header .button {
    background:#696D70; /* SPIRIT/21 Dunkelgrau +H20 */
    color:#fff !important;
    border-color:#404344; /* SPIRIT/21 Dunkelgrau -H20 */
    border-left-width: 1px;
    border-right-width: 1px;
}

#red-ui-header .button:hover {
    background:#7D8386; /* SPIRIT/21 Dunkelgrau +H40 */
    border-color:#404344; /* SPIRIT/21 Dunkelgrau -H20 */
}

#red-ui-header .button:active {
    background:#404344; /* SPIRIT/21 Dunkelrot -H20 */
}

/* Dropdown */
#red-ui-header ul.red-ui-menu-dropdown{
    background:#54585a; /* SPIRIT/21 Dunkelgrau */
    border-color:#7D8386; /* SPIRIT/21 Dunkelgrau +H40 */
}

#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:#878a8b !important; /* Special Opacity */
}

#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;
}

#red-ui-header ul.red-ui-menu-dropdown > li > a:hover, #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:#7D8386 !important; /* SPIRIT/21 Dunkelgrau +H40 */
}

/* 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;
}

#red-ui-header ul.red-ui-menu-dropdown li.red-ui-menu-divider {
    background:#7D8386; /* SPIRIT/21 Dunkelgrau +H40 */
}

/* Replace deploy-full.png with embedded background image */
#deploymenu-item-full img {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4goSBicvUmFkEgAAAMlJREFUWMPtlrENgzAQRR9WClagYAKLhjkQLqhhCTrkCiFadmADtqCiQUxAwQpUJF2UMlEILnJXn+yn73/f56VpesdhKRyXAAiAANzOPGwYhrf6jDHnAmitUUq5USDLMoqicOOBOI7J85xxHLHWXqtAEASUZcm6rnRdx77v3wF8YiDf96mqCoC2bZ+Xv5rrZwpEUUSSJIRhSF3XbNt27Rg2TQNA3/dM03R9DlhrOY6DZVncBNE8z6cmoScb0d9/RvIEAiA5IAAC8ADsJjwuWPk/lQAAAABJRU5ErkJggg==') 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-flows.png with embedded background image */
#deploymenu-item-flow img {
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4goSBiY1thisKQAAANZJREFUWMPtlrENgzAQRR9WClagYAJEwxzIFNSwBB1yhRAtO7ABTEFFg5iAghWoSLqIkiiAlchXn+ynf/++bUkpn2gsgeYyAAbAADzOPKxt20N9URSdC+B5HkIIPQrEcUyapno8EAQBSZLQ9z1KqXsVcByHLMuY55m6rlnX9TuATwxk2zZ5ngNQVdX78r25LlPA933CMMR1XYqiYFmWe9ewLEsAmqZhGIb7c0ApxbZtTNOkJ4jGcTw1CS3zI/qrx6jrukN9UkozAgNwjQn35jIjMAA/A/ACsQ07MjS5mVMAAAAASUVORK5CYII=') 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-nodes.png with embedded background image */
#deploymenu-item-node img {
    background: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4goSBigIcPPNtgAAANJJREFUWMPtlT0KhEAMRp/rVoKNYmFrZ2shgneIZ9U72Ii9guAFRBvBTma7ZUv3R4eFST2TPPIlXywRUWiMG5rDABgAA3D/ZbKyLA+9K4ritwDLsqCU0tOBYRjouk6PBNM00fc9YRgSRdG1ANu20bYtruuSJAm2bX8HUFXVoQ8iwr7vNE0DQJqmz+Kvw3VaB+Z5ZhxH1nUlyzIcx7l2Deu6BiCOY4IguN4H8jzHsiw8z9NjRL7vn+OEImKO0f8fo3e8xEhgAE4Zwk+8xEhgALQDPAA5HDgTj7+YxwAAAABJRU5ErkJggg==') 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.png with embedded background image */
#deploymenu-item-reload img {
    background: url(' data:image/png;base64,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') 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 */
}

/* Editor */
/* workspace nodes */
.red-ui-flow-node {
    opacity:1;
}
 
 /* palette input nodes common*/
.red-ui-palette-node {
    background-color: #fff !important;
	margin-bottom: 3px;
    border-radius: 15px;
}

.red-ui-palette-node:hover {
    background-color: #fff !important;
	margin-bottom: 3px;
    border-radius: 15px;
}

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

.red-ui-palette-icon-container-right {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
/* Login Icon Size */
.fa-2x {
    font-size: 1.3em;
}