.head-button {
    position: fixed;
    z-index: 10; // should always be in top of everything else
    right: 25px;
    bottom: 25px;
}

.sticky-toolbar {
    top: 0;
    z-index: 5;
    position: sticky;
}

.toolbar-left {
    display: flex;
    max-width: calc(100% - 100px);
    button {
        margin: 12px 0;
    }
    .toolbar-left-text {
        margin-left: 10px;
        width: 100%;
        overflow: hidden;

        ::ng-deep .title-slot {
            h2 {
                margin: 16px 0;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}
.toolbar-centered {
    margin: auto;
    vertical-align: baseline;
}

.toolbar-right {
    display: flex;
    ::ng-deep .extra-controls-slot {
        display: flex;
    }
}

mat-toolbar.multi-select {
    background-color: #757575 !important;
}