/***BEGIN SuiteTreeConnectedView.css***/
.testhub-refresh-tree {
  max-height: 76vh;
  padding-bottom: 3px;
  width: 100% !important; }

.suite-point-count {
  margin-left: 5px; }

.test-suite-content {
  overflow: hidden;
  font-size: 13px; }

.bolt-tree-cell .bolt-table-cell-content {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px; }

.bolt-table-cell-content {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.bolt-header-no-spacing-defined {
  padding-top: 0px; }

.bolt-header-default {
  padding-top: 8px;
  padding-bottom: 0px; }

.bolt-split-button-main {
  padding: 4px 9px; }

.show-test-child-suites.bolt-button.icon-only {
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.20);
  background-color: var(--palette-black-alpha-20,rgba(0, 0, 0, 0.20)); }

.body-m {
  font-size: 13px; }

.bolt-table-header-cell-content {
  padding: 6px 0px; }

.bolt-toast-message {
  display: inline;
  text-align: center;
  line-height: 2.5; }
/***END SuiteTreeConnectedView.css***/

/***BEGIN TestHubRefreshPortalComponent.css***/
.spinner-pos {
  position: fixed;
  top: 50%;
  left: 65%; }

.testplans-spinner-pos {
  position: fixed;
  top: 50%;
  left: 50%; }

.testplans-hub-refresh-rhs-container {
  height: 99%; }

.testplans-hub-refresh-portal-component {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  overflow-x: hidden; }
  .testplans-hub-refresh-portal-component .test-plans-hub-refresh-splitter {
    height: 100%; }
  .testplans-hub-refresh-portal-component .test-hub-refresh-far-content {
    max-width: 100%; }
  .testplans-hub-refresh-portal-component .testplans-hub-left-view {
    height: 100%; }
  .testplans-hub-refresh-portal-component .vss-ZeroData.single .vss-ZeroDataItem .vss-ZeroDataItem--image {
    width: 100%;
    height: 100%; }
  .testplans-hub-refresh-portal-component .testplans-hub-refresh-page {
    z-index: 1;
    position: relative;
    height: 100%; }
    .testplans-hub-refresh-portal-component .testplans-hub-refresh-page .testplans-header-command-bar {
      margin-right: 30px; }
  .testplans-hub-refresh-portal-component .test-suite-folder-icon {
    font-size: 16px;
    margin-right: 8px;
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .testplans-hub-refresh-portal-component .testplans-hub-refresh-tab-bar {
    margin-left: 24px;
    background-color: rgba( 248, 248, 248 ,  1 );
    background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
  .testplans-hub-refresh-portal-component .test-suite-content {
    display: flex; }
  .testplans-hub-refresh-portal-component .testplans-hub-refresh-far-content-header {
    margin-left: 24px;
    padding-left: 8px;
    margin-top: 8px;
    padding-bottom: 2px;
    margin-right: 15px; }

.testplans-segment {
  min-width: 76px;
  min-height: 70px; }

.testplans-hub-refresh-busy-view {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.20);
  background-color: var(--palette-black-alpha-20,rgba(0, 0, 0, 0.20));
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  opacity: 0.5; }

@keyframes blink {
  /**
     * At the start of the animation the dot
     * has an opacity of .2 At 20% the dot is fully visible and
     * then fades out slowly until it reaches an opacity of .2 and
     * then the animation starts again
     */
  0% {
    opacity: 0.2; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }

.header-title .testplans-paging-indication {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }

.header-title .testplans-paging-indication:nth-child(2) {
  /**
     * Starts the animation of the second dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
  animation-delay: 0.2s; }

.header-title .testplans-paging-indication:nth-child(3) {
  /**
     * Starts the animation of the third dot
     * with a delay of .4s
     */
  animation-delay: 0.4s; }

.testplans-paging-indication {
  height: 5px;
  width: 5px;
  background-color: black;
  border-radius: 50%;
  display: inline-block;
  margin-left: 8px; }

.help-link-button {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 35px;
  padding-top: 4px; }

.bolt-header-title-row {
  margin-right: 48px; }

.testplans-hub-refresh-rhs-container .external-content-host {
  position: absolute !important;
  height: 100%;
  width: 100%; }
/***END TestHubRefreshPortalComponent.css***/