.extension-list .extension-icon {
  max-height: 35px;
  max-width: 35px;
  margin-top: 2px;
}

.works-with-column-content {
  text-align: center;
}

.publisher-control-pivot .extension-list-pivot .extensions-list-container .extension-list .ms-List-cell .ms-DetailsRow:focus {
  border-top: 1px dotted;
  border-bottom: 1px dotted;
}

.no-permission-message-bar {
  margin-top: 15px;
  padding: 6px 6px;
}

.no-permission-message-bar .ms-MessageBar-icon, .no-permission-message-bar .ms-MessageBar-text {
  margin-bottom: 0px;
  margin-top: 2px;
  margin-left: 4px;
  margin-right: 2px;
}

.extension-rating-container {
  display: inline-flex;
}

.extension-rating-container .ms-Rating-star {
  line-height: 100%;
}

.extension-rating-container .ms-Rating-star button.ms-Rating-button {
  border: 0 !important;
  height: 100%;
}

.extension-rating-container .ms-Rating-star button.ms-Rating-button:hover, .extension-rating-container .ms-Rating-star button.ms-Rating-button:focus {
  border: 0;
}

.extension-rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-front {
  color: #C0442E;
}

.extension-rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-back {
  color: #D2D2D2;
}

@media screen and (-ms-high-contrast: active) {
  .extension-rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-front {
    color: #C0442E;
  }
  .extension-rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-back {
    color: #D2D2D2;
  }
}

.extension-rating-container .ms-Rating-star .ms-Rating-button {
  padding: 0px;
  font-size: 14px;
}

.extension-rating-container .extension-rating-count {
  margin-left: 8px;
  line-height: 100%;
  margin-top: 4px;
}

.extension-version-status > * {
  margin-left: 3px;
}

@media screen and (-ms-high-contrast: white-on-black) {
  .ms-DetailsRow.is-selected .error-log {
    margin-left: 4px;
    color: #202020;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-DetailsRow.is-selected .error-log {
    margin-left: 4px;
    color: #FFFFFF;
  }
}

.extension-version-status .ext-version {
  display: inline-block;
}

.extension-version-status .error-log {
  color: #005A9E;
  margin-left: 4px;
}

.extension-version-status .bowtie-dot {
  color: gray;
  font-size: 5px;
}

.extension-version-status .bowtie-status-success-outline {
  color: #11BB11;
}

.extension-version-status .bowtie-status-failure-outline {
  color: red;
}

.extension-version-status .bowtie-play-fill {
  color: #0078d4;
}

.version-separator {
  position: relative;
  margin: 0 4px 0 4px;
  width: 4px;
  height: 4px;
  background-color: #666;
  display: inline-block;
  border-radius: 50%;
  bottom: 2px;
  opacity: .6;
}

.no-extension-container {
  text-align: center;
  margin-bottom: 40px;
}

.no-extension-container .no-extension-found-image {
  margin-top: 150px;
  max-width: 175px;
  max-height: 175px;
}

.no-extension-container .lonely-message {
  font-size: 36px;
}

.no-extension-container .upload-extension-message {
  font-size: 18px;
}

.no-extension-container .upload-extension-button {
  margin-top: 20px;
}

.extension-details-panel .ms-Panel-main {
  top: 35px;
}

.extension-details-panel .panel-section-detail .panel-section-title {
  font-size: 16px;
  font-weight: 600;
}

.extension-details-panel .panel-section-detail .panel-section-title .panel-section-title-text {
  margin-right: 8px;
}

.extension-details-panel .panel-section-detail .panel-section-title .bowtie-share {
  margin-right: 10px;
}

.extension-details-panel .panel-section-detail .panel-section-description {
  font-size: 12px;
  margin-top: 3px;
  color: grey;
}

.extension-details-panel .vss-PivotBar .vss-PivotBar--bar .vss-PivotBar--pivots .vss-PivotBar--button.selected {
  border-bottom: none;
  font-weight: 500;
}

div.extension-callout.extension-callout-classname {
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.4);
}

.extension-callout-container {
  padding-right: 18px;
  padding-left: 21px;
  padding-bottom: 21px;
  font-size: 12px;
  font-weight: 300;
}

.extension-callout-container h3.callout-title {
  font-weight: 300;
  font-size: 21px;
}