.default-logo {
  width: 55px;
  height: 55px;
  background-color: #ff6000;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
  transition: all .3s ease 0s;
  overflow: hidden;
}
.default-logo .default-logo-text {
  font-family: Audiowide;
  font-size: 24px;
  font-weight: 600;
  color: white;
  position: relative;
}
.default-logo .default-logo-text .loading {
  height: 55px;
  width: 55px;
  line-height: 110px;
  vertical-align: bottom;
  position: relative;
  top: 60px;
}
.default-logo .default-logo-text .wave {
  background-image: url("/angular/src/assets/images/wave.png");
  color: white;
  z-index: 1;
  text-shadow: 0px 0px rgba(255, 255, 255, 0.06);
  animation: wave-animation 3s infinite linear, loading-animation 10s infinite linear alternate;
  background-size: 200px 100px;
  background-repeat: repeat-x;
  opacity: 1;
}
.default-logo .default-logo-text .logo-shortname {
  top: -31px;
  text-transform: uppercase;
  position: relative;
}
.default-logo-name {
  font-family: 'Cinzel', serif;
  /*color: #868686 !important;*/
  font-size: 22px;
  font-weight: 500;
}

@keyframes wave-animation {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 200px bottom;
  }
}

@keyframes loading-animation {
  0% {
    background-size: 100px 75px;
  }
  100% {
    background-size: 100px 75px;
  }
}