@import '~@angular/material/theming';
@import "../../../../scss/variables";
@import "../../../../scss/mixins";
@import "../../../../scss/palettes";

:host {
  width: 100%;
  display: block;
}

.header {
  max-width: $main-content-width;
  margin: auto;
  padding: 16px 0;
  font-size: 15px;

  .separator {
    margin-left: 10px;
    margin-right: 10px;
  }

  &.header-gt-sm {
    //>= 960
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    line-height: 15px;
  }

  .action {
    text-align: right;

    a {
      padding: 7px 20px;
      border-radius: 5px;
      white-space: nowrap;
    }

  }
}
/*  header for small resolution */
.header-xs {
  padding: 10px 16px;

  i{
    cursor: pointer;
  }
}

.userinfo {
  font-size: 16px;
  padding: 0 16px;
  text-align: center;
}
