/**

	iota.css

	© 2015– Chuan Khoo

	IoTa modifications to Node-RED's style.min.css

	Nov 2019: Updated to node-RED v1.0.x DOM/CSS model
	Jan 2023: v3.0.2

**/

#red-ui-header {
    height: 58px;
    font-size: 12px;
    text-align: left
}

#red-ui-header span.red-ui-header-logo {
    margin-top: 10px;
    color: #888;
    line-height: inherit;
}

#red-ui-header span.red-ui-header-logo span {
    vertical-align: top;
    font-size: 10px !important
}

#red-ui-header span.red-ui-header-logo img {
    height: 25px;
    margin-left: 6px;
    margin-bottom: 0px;
}

#red-ui-header .red-ui-header-toolbar {
    margin-top: 9px;
    float: right
}

.red-ui-header-toolbar>li {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative
}

.red-ui-palette-header {
	font-size: 12px;
	padding: 5px;
	padding-left: 25px
}

.palette-header > i {
	left: 10px;
	top: 9px
}

#node-dialog-login {
	background: #eaeaea
}

.red-ui-searchBox-container {
    background: #fff
}

.red-ui-tabs ul li a.red-ui-tab-label {
	font-size: 12px
}

#red-ui-main-container {
    top: 58px
}

/* updated 1/23 */
:root {
  --red-ui-deploy-button-background: #0A5AAC;
  --red-ui-deploy-button-background-hover: #217ad5;
  --red-ui-deploy-button-background-active: #18518b;
}

#red-ui-header-button-deploy {

}

#node-dialog-login-fields label {
    color: #666;
    font-size: 12px;
}

#node-dialog-login-username, #node-dialog-login-password {
    background: #e0e0e0;
    color: #444;
    border-color: #ccc;
}