body, html {
  margin: 0;
  padding: 0
}
app-root {
  display: none;
}
:root:before {
  content: url('../images/gif/loader-IS.gif');
  background: url('../images/gif/loader-IS.gif');
  visibility: hidden;
  position: absolute;
  left: -999em;
}

    #loadingSpinner {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #f4f5f9;
}
#loader {
  display: inherit;
  z-index: 1001;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -113px;
  margin-top: -68px;
  width: 226px;
  height: 113px;
}
.loader-is {
  opacity: 1;
  display: inherit;
  width: 100%;
  height: 100%;
  background: url('../images/gif/loader-IS.gif') no-repeat center center;
  background-size: 225px auto;
}
.loading {
  overflow-x: hidden;
  overflow-y: hidden;
}
/* Medium and up */
@media screen and (min-width: 40em) {
  #loader {
    width: 373px;
    height: 114px;
    margin-left: -186px;
    margin-top: -58px;
  }
  .loader-is {
    background-size: 222px auto;
  }
}
