.header {
  background: #FFF;
  text-align: center;
  padding: 1em 0.5em; }

.user-section {
  background: #00c1d5;
  text-align: center;
  padding: 1.5em 1em; }
  .user-section .user-picture {
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5em;
    width: 2.5em;
    background: #717c7d;
    border-radius: 50%; }
  .user-section h4 {
    margin: 0; }

.sub-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .sub-menu li a {
    padding-left: 40px !important; }

.list-section .nav-item a:hover {
  background: #0069FF !important; }
.list-section .active {
  background: #0069FF; }
.list-section .navigation {
  padding: 1rem 0 0; }
  .list-section .navigation > ul {
    padding-left: 0;
    list-style: none; }
    .list-section .navigation > ul li a {
      padding: 0.8em 1em;
      position: relative;
      display: block;
      text-decoration: none;
      color: #1f1f1f; }
      .list-section .navigation > ul li a .material-icons {
        margin-right: 0.5em;
        float: left; }
      .list-section .navigation > ul li a:hover {
        background: #3c4d5d; }

/*# sourceMappingURL=menu.component.css.map */