@import './../util/utils.scss';

.app-main-container {

    .app-main-toolbar {
        height: $primary-toolbar-height;
    
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
    
        background: color(primary);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        
        h1 {
            color: color(text-icons);
            font-size: 1.8rem;
            font-weight: bold;
        }
    
        button {
            margin: 0vw 0.5vw 0vw 0.5vw;
            
            color: color(text-icons);
    
            mat-icon {
                @include mat-icon-size(2.2rem);
            }
    
            &:hover {
                color: color(text-icons, darker);    
            }
        }
    
        .app-main-toolbar-spacer {
            flex: 1 1 auto;
        }
    }
}