.umb-editor-sub-header {
   padding: 10px 0;
   margin-bottom: 10px;
   background: @brownGrayLight;
   border-left: 5px solid @brownGrayLight;
   border-right: 5px solid @brownGrayLight;
   margin-left: -5px;
   margin-right: -5px;
   display: flex;
   justify-content: space-between;
   margin-top: -10px;
   position: relative;
   top: 0;
   box-sizing: border-box;

    &.nested {
        margin-top: 0;
        margin-bottom: 0;
        background: @brownGrayLight;
    }
}
.umb-editor-sub-header--white {
    background-color: white;
    border-color: white;
}

.umb-editor-sub-header.--state-selection {
    padding-left: 10px;
    padding-right: 10px;
    background-color: @pinkLight;
    border-color: @pinkLight;
    border-radius: 3px;
}

[umb-sticky-bar] {
    transition: box-shadow 240ms;
    margin-top: 0; 
    margin-bottom: 0;
    position:sticky;
    z-index: 99;
    
    &.umb-sticky-bar--active {
        box-shadow: 0 6px 3px -3px rgba(0,0,0,.16);
    }
}

.umb-sticky-sentinel {
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    
    &.-top {
        top:0px;
        height:1px;
    }
    
    &.-bottom {        
        bottom:50px;
        height:10px;
    }
}

.umb-group-builder__property-preview .umb-editor-sub-header {
    display: none;
}

.umb-editor-sub-header__content-left {
   margin-right: auto;
}

.umb-editor-sub-header__content-right {
   margin-left: auto;
}

.umb-editor-sub-header__content-left,
.umb-editor-sub-header__content-right {
   display: flex;
   align-items: stretch;
}

.umb-editor-sub-header__section {
   display: flex;
   align-items: center;
   padding-left: 10px;
   padding-right: 10px;
}

.umb-editor-sub-header__content-left .umb-editor-sub-header__section {
   padding-left: 0;
}

.umb-editor-sub-header__content-left .umb-editor-sub-header__section:first-child {
   padding-left: 0;
}

.umb-editor-sub-header__content-right .umb-editor-sub-header__section {
   padding-right: 0;
}
.umb-editor-sub-header__content-right .umb-editor-sub-header__section:last-child {
   padding-right: 0;
}
