.loading-spinner-holder
{
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: none;
    z-index: 45990;
}
.loading-spinner
{
    color: #CCC;
}
.loading-spinner-image
{
    position: absolute;
    top: 50%;
    left: 49%;
}
.loading-spinner-text
{
    position: absolute;
    left: 0;
    top: 55%;
    font-size: 1.2em;
    width: 100%;
    vertical-align: middle;
    z-index: 45991;
}
.loading-spinner-backdrop
{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
}


.loader-bar
{
  height: 1.5px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.loader-bar:before
{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 1.5px;
  background-color: #3c8dbc;
  animation: loading-bar 2s linear infinite;
}

@keyframes loading-bar {
    from {left: -20%; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 90%;}
    to {left: 110%;}
}