.two-panel-overview {
  overflow: hidden;
  padding: 8px 0px 8px 23px;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 
        IE does not calculate the height for SVGs properly. 
        Using the below workaround to set the height of overview for IE

        Bug 695231: [BugBash]: On IE11, GetSources and AddTask items have more height than other task items.
    */
}

.two-panel-overview.ie-browser-bugfix-695231 .overview-icon-svg {
  height: 28px;
}

.two-panel-overview .overview-icon-svg {
  font-size: 16px;
  margin: 2px 14px 2px 12px;
  padding: 6px 0px;
}

.two-panel-overview .overview-icon-png {
  width: 32px;
  height: 32px;
  margin: 4px 12px 2px 8px;
}

.two-panel-overview .overview-body .overview-title {
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  min-height: 21px;
}

.two-panel-overview .overview-body .overview-description {
  font-size: 11px !important;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.two-panel-overview .overview-body .overview-description .bowtie-icon {
  font-size: 11px;
}

.two-panel-overview .overview-body .overview-error-indicator {
  font-size: 11px !important;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.two-panel-overview .overview-body .overview-error-indicator .bowtie-icon {
  font-size: 11px;
}
