/**
 * @file
 * Throbber.
 */

.ajax-progress {
  display: inline-block;
  padding: 1px 5px 2px;
}

[dir='rtl'] .ajax-progress {
  float: right;
}

.ajax-progress-throbber {
  .throbber {
    display: inline;
    background: transparent url('../images/spinner.svg') no-repeat;
    padding: 1px 5px 2px;
    width: 150px;
    height: 150px;
  }
  .message {
    display: inline;
    padding: 1px 5px 2px;
  }
}

tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}

.ajax-progress-bar {
  width: 16em;
}




/* Full screen throbber */

.ajax-progress-fullscreen {
  /* LTR */
  position: fixed;
  top: 48.5%;
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%;
  opacity: 0.9;
  z-index: 1000;
  border-radius: 7px;
  background-color: transparent;
  background-image: url('../images/spinner.svg');
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4px;
  width: 150px;
  height: 150px;
}

[dir='rtl'] .ajax-progress-fullscreen {
  right: 49%;
  left: auto;
}