.overall-state-container {
  max-width: 600px;
  margin-right: 20px; }
  .overall-state-container.content-available {
    /* For IE, need to add grid cell positions explicitly */ }
    .overall-state-container.content-available .bolt-card-content {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1.5fr;
      grid-template-columns: 1fr 1.5fr;
      grid-row-gap: 20px; }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      margin-bottom: 40px;
      /* IE won't support grid-row-gap, used margin-bottom to achieve same. */ }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      margin-bottom: 40px; }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(3) {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      margin-bottom: 40px; }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(4) {
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      margin-bottom: 40px; }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(5) {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      margin-bottom: 40px; }
    .overall-state-container.content-available .bolt-card-content > div:nth-of-type(6) {
      -ms-grid-row: 3;
      -ms-grid-column: 2;
      margin-bottom: 40px; }
  .overall-state-container .bolt-card-content .pie-chart-text {
    font-size: 1.125rem;
    text-align: center;
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .overall-state-container .bolt-card-content .pie-chart {
    width: 90px;
    height: 90px; }
  .overall-state-container .bolt-card-content .test-execution-visual {
    display: flex;
    margin-left: 15px; }
    .overall-state-container .bolt-card-content .test-execution-visual span {
      margin-top: 36px;
      margin-left: 10px; }
  .overall-state-container .bolt-card-content .state-widget {
    margin-top: 15px; }
    .overall-state-container .bolt-card-content .state-widget.column-2 {
      margin-left: 25px; }
  .overall-state-container .bolt-card-content .visual-template {
    padding: 0px;
    box-shadow: inherit;
    border-radius: inherit; }
    .overall-state-container .bolt-card-content .visual-template .donut-chart-visual {
      margin-left: 0px; }
    .overall-state-container .bolt-card-content .visual-template .donut-chart-visual-component {
      min-height: inherit;
      min-width: inherit; }
    .overall-state-container .bolt-card-content .visual-template .donut-chart-visual-body {
      margin-top: 0px; }
      .overall-state-container .bolt-card-content .visual-template .donut-chart-visual-body .overall-state-outcome-legend {
        font-size: 0.75rem; }
  .overall-state-container .icon-container {
    width: 32px;
    height: 32px;
    background-color: rgba( 239, 239, 239 ,  1 );
    background-color: rgba( var(--palette-neutral-6,239, 239, 239) ,  1 );
    padding: 8px;
    align-self: inherit; }

.count-and-text {
  margin-left: 10px; }