/**
 * @provides project-view-css
 */

.project-view-home {
  padding-bottom: 64px;
  background: #fff;
}

.project-view-header-tag {
  margin-left: 8px;
  font-size: {$normalfontsize};
  color: {$bluetext};
  font-family: {$fontfamily};
  font-weight: normal;
}

.device-phone .project-view-header-tag {
  display: block;
  margin-left: -4px;
}

.project-view-header-tag .phui-icon-view {
  color: {$bluetext};
}

.project-view-home .phui-box.project-view-properties {
  margin: 0 16px 16px 16px;
  padding: 4px 12px;
  border: 2px solid rgba({$alphagrey},.1);
  background-color: #F7F7F9;
}

.device-phone .phui-box.project-view-properties {
  margin: 0 12px 0 12px;
}

.project-view-properties .phui-property-list-container +
  .phui-property-list-text-content {
  border-color: rgba({$alphagrey},.15);
}

.project-view-properties .phui-property-list-key {
  width: auto;
  margin-left: 4px2
}

.project-view-properties .phui-property-list-section-header {
  border: none;
  padding: 12px 4px 0;
}

.project-view-feed .phui-object-box.phui-box-border {
  padding: 0 16px 8px 16px;
  border: none;
}

.project-view-feed .phui-object-box .phui-header-shell {
  padding: 8px 4px;
}

.project-view-feed .phui-header-header {
  font-size: {$biggerfontsize};
  margin-left: 8px;
}

.device-desktop .project-view-feed .phui-feed-story,
.device-tablet .project-view-feed .phui-feed-story {
  padding-left: 22px;
}

.project-view-home .phui-box-grey {
  padding: 0;
}

.project-view-home .phui-box-grey .phui-header-shell {
  padding: 6px 6px 6px 12px;
}

.project-view-home .phui-box-grey .phui-header-header {
  font-size: {$biggerfontsize};
}

.project-view-home .phui-box-grey .phui-object-item-list-view {
  padding: 4px 8px 0 8px;
}

.device-desktop .phui-two-column-view.project-view-badges .phui-side-column {
  width: 366px;
}

.project-view-badges .phui-badge-flex-view {
  background-color: #fff;
}

.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
  color: {$lightgreytext};
}

.profile-no-badges {
  padding: 24px 0;
}