@import '../../../../pmp-material-theme-variables.scss';
@import '../../../../pmp-engine-indicator.scss';

md-toolbar { background-color:darken($palette-accent, 35%); padding-left:0; padding-right:8px; }
.pmp-ui-heading { flex:1 0 auto; }
.engine-indicator { flex:2 0 auto; max-width:320px; transition: opacity .5s ease-in-out; }

/* app heading styles */
.btn-open-sidenav { border:6px solid darken($palette-accent, 35%); outline:none; padding:0; margin-right:16px; overflow:hidden; border-radius:50% 50%; 
    width:64px; height:64px; background-color:$dark-bg; transition: background-color .2s ease-in-out; cursor:pointer;
    &:hover, &:focus, &:active { background-color:darken($palette-accent, 35%); }
}
.logo { filter: drop-shadow(0px 1px 6px $palette-accent); margin-right:16px; }

// engine indicator
.process-status { margin:0; float:right; position:relative; width:48px; height:48px; background-color:$dark-bg; border-radius:50% 50%; }
.btn-engine { float:right; margin-right:-48px; padding-right:60px; }