/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.feature-feedback-dialog {
  width: 550px; }
  .feature-feedback-dialog .ms-MessageBar-text {
    font-size: 0.875rem; }
  .feature-feedback-dialog .feature-feedback-text {
    width: 500px; }
    .feature-feedback-dialog .feature-feedback-text textarea {
      height: 100px; }

.feature-management-container .feature-message {
  font-style: italic; }

.feature-management-container .feature-scope-picklist {
  margin-top: 5px; }

.feature-management-container .enable-all-features {
  padding-top: 20px; }

.feature-management-container .features-list {
  list-style-type: none;
  padding-left: 0;
  /* Prevent horizontal scrollbars on Firefox and IE */ }
  .feature-management-container .features-list.is-horizontalConstrained {
    overflow: hidden; }
  .feature-management-container .features-list .feature {
    padding: 20px 0;
    border-bottom: solid 1px;
    border-bottom-color: rgba( 200, 200, 200 ,  1 );
    border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
    white-space: normal; }
    .feature-management-container .features-list .feature.highlighted-feature {
      background-color: rgba(251, 242, 236, 1);
      background-color: var(--status-warning-background,rgba(251, 242, 236, 1));
      /* shade 10 px to the left and right of the feature, which eats into the panel's margin */
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      padding-right: 10px; }
    .feature-management-container .features-list .feature:last-child {
      border-bottom: none; }
    .feature-management-container .features-list .feature .feature-header {
      display: flex;
      align-items: center; }
    .feature-management-container .features-list .feature .feature-name {
      flex-grow: 1; }
    .feature-management-container .features-list .feature .ms-Toggle {
      margin-bottom: 0;
      flex-shrink: 0; }
      .feature-management-container .features-list .feature .ms-Toggle.loading {
        opacity: 0.3; }
    .feature-management-container .features-list .feature .ms-Toggle-label {
      display: none; }
    .feature-management-container .features-list .feature .feature-description {
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55));
      margin-top: 10px; }
    .feature-management-container .features-list .feature .feature-toggle-error {
      margin-top: 10px; }
    .feature-management-container .features-list .feature .learn-more {
      margin-left: 5px; }

.feature-management-container .dev-mode-features {
  padding-top: 10px; }
  .feature-management-container .dev-mode-features .dev-mode-label {
    color: rgba(168, 0, 0, 1);
    color: var(--status-error-strong,rgba(168, 0, 0, 1)); }
  .feature-management-container .dev-mode-features .features-list {
    margin-top: 0; }

.feature-management-container .scope-no-write-permission-message {
  margin-bottom: 10px; }