/*
    Overrides for Fabric types.

    These should be used as a last resort.

    Use type classes like "ms-font-m" wherever possible.

    Sometimes we wish to override Fabric styling, and it is impossible to use
    native type classes. In those cases, these can be used.
*/
.hub-view-component .header {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}

.hub-view-component .header .left-section > * {
  display: inline-block;
  vertical-align: top;
}

.hub-view-component .header .left-section .title {
  margin: 0;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 300;
}

.hub-view-component .header .right-section > * {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.hub-view-component .header .right-section .searchbox {
  width: 300px;
  height: 32px;
}

.hub-view-component .header .right-section .searchbox .input {
  width: calc(100% - 16px);
  padding: 0 20px 0 5px;
  font-size: 14px;
}

.hub-view-component .header .right-section .searchbox .bowtie-search::before {
  content: "\E987";
}

.hub-view-component .header .right-section .ms-Button {
  padding: 0 12px;
}

.hub-view-component .header .right-section .ms-Button .ms-Button-label {
  font-weight: 400;
}

.org-info-and-collection-picker-placeholder {
  height: 32px;
  width: 100%;
}

.org-info-container .org-link:hover {
  text-decoration: underline;
}

.org-info-container .org-link:active, .org-info-container .org-link:hover {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}