/*
Template Name: Material HeadUp
Author: UnEspace
Email: rampeur@gmail.com
File: scss
*/


/*******************
    Topbar
*******************/
mat-toolbar{
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);
    &.topbar{
        padding: 0px 15px;
    }
    &.mat-toolbar.mat-primary {
        background: $primary;
        color: $white;
    }
    .navbar-header {
        text-align: center;
        .navbar-brand {
            display: flex;
            line-height: 18px;
            align-items: center;
            span {
                margin-right: 10px;
            }
        }
    }
    .profile-pic {
        border-radius: 100%;
        vertical-align: baseline;
    }
}

/*******************
    Topbar
*******************/
.topbar {
    position: relative;
    /* Make sure the toolbar will stay on top of the content as it scrolls past. */
    z-index: 2;
}
.app-sidenav-container {
    /* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
     `<body>` to be our scrolling element for mobile layouts. */
    flex: 1 0 auto;
}

