@import '../../../styles/core.scss';

.DashHeader {
  border-bottom: solid 1px #e2e2e2;

  &-Inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1000px;
    padding: 20px 50px 10px;
    width: 100%;
  }

  &-Title {
    align-self: center;
    display: flex;

    &-Icon {
      align-items: center;
      color: get(color 'shale');
      display: inline-flex;
      margin-right: 10px;
    }
  }

  &-Children {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}