.loading-container {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.42);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s opacity linear;
  transition: 0.2s opacity linear;
  visibility: hidden;
  opacity: 0;
}
.loading-container:not(.visible) .icon,
.loading-container:not(.visible) .spinner {
    display: none;
}
.loading-container.visible {
    visibility: visible;
}
.loading-container.active {
    opacity: 1;
}
.loading-container .loading {
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px;
}
.loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
    color: #fff;
}

/* quote from ionic.css for $ionicLoading */
/**
 * Spinners
 * --------------------------------------------------
 */
.spinner {
  stroke: #444;
  fill: #444; }
  .spinner svg {
    width: 28px;
    height: 28px; }
  .spinner.spinner-light {
    stroke: #fff;
    fill: #fff; }
  .spinner.spinner-stable {
    stroke: #f8f8f8;
    fill: #f8f8f8; }
  .spinner.spinner-positive {
    stroke: #387ef5;
    fill: #387ef5; }
  .spinner.spinner-calm {
    stroke: #11c1f3;
    fill: #11c1f3; }
  .spinner.spinner-balanced {
    stroke: #33cd5f;
    fill: #33cd5f; }
  .spinner.spinner-assertive {
    stroke: #ef473a;
    fill: #ef473a; }
  .spinner.spinner-energized {
    stroke: #ffc900;
    fill: #ffc900; }
  .spinner.spinner-royal {
    stroke: #886aea;
    fill: #886aea; }
  .spinner.spinner-dark {
    stroke: #444;
    fill: #444; }

.spinner-android {
  stroke: #4b8bf4; }

.spinner-ios,
.spinner-ios-small {
  stroke: #69717d; }

.spinner-spiral .stop1 {
  stop-color: #fff;
  stop-opacity: 0; }

.spinner-spiral.spinner-light .stop1 {
  stop-color: #444; }

.spinner-spiral.spinner-light .stop2 {
  stop-color: #fff; }

.spinner-spiral.spinner-stable .stop2 {
  stop-color: #f8f8f8; }

.spinner-spiral.spinner-positive .stop2 {
  stop-color: #387ef5; }

.spinner-spiral.spinner-calm .stop2 {
  stop-color: #11c1f3; }

.spinner-spiral.spinner-balanced .stop2 {
  stop-color: #33cd5f; }

.spinner-spiral.spinner-assertive .stop2 {
  stop-color: #ef473a; }

.spinner-spiral.spinner-energized .stop2 {
  stop-color: #ffc900; }

.spinner-spiral.spinner-royal .stop2 {
  stop-color: #886aea; }

.spinner-spiral.spinner-dark .stop2 {
  stop-color: #444; }