html {
  position: relative;
  min-height: 100%;
}

/* Put your CSS here */
.ember-application {
    margin: 20px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 60px);
  height: 20px;
  line-height: 20px;
  background-color: #f5f5f5;
  text-align:center;
  vertical-align: medium;
  font-size: 61%;
  margin-right: 30px;
  margin-left: 30px;
  border-radius: 5px;
}
html {
  position: relative;
  min-height: 100%;
}

/* Put your CSS here */
.ember-application {
    margin: 20px;
}


.glyphicon-refresh-animate {
    -moz-animation: spin-moz .7s infinite linear;
    -webkit-animation: spin-webkit .7s infinite linear;
    animation: spin .7s infinite linear;
}

@-moz-keyframes spin-moz {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

@-webkit-keyframes spin-webkit {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 60px);
  height: 20px;
  line-height: 20px;
  background-color: #f5f5f5;
  text-align:center;
  vertical-align: medium;
  font-size: 61%;
  margin-right: 30px;
  margin-left: 30px;
  border-radius: 5px;
}
Fix icon animation for ff
Fix icon animation for ff
