.noData {
  text-align:center;
  border-radius:4px;
  padding:30px;
  padding-top:100px;
  box-shadow:0 0 10px rgba(0,0,0,0.15);
  background:image-url('animals/panda.svg') #fff no-repeat center 25px / 50px;
}

.noData--clean {
  box-shadow:none;
  background-color:transparent;
}

.noData__title {
  font-size:22px;
  margin-bottom:10px;
  font-weight:700;
}

.noData__text {
  color:#888;
  font-size:16px;
  line-height:1.5;
}

.noData__button {
  margin-top:20px;
}

.noData__postButtonText {
  margin:auto;
  margin-top:15px;
  line-height:1.5;
  width:70%;
  color:$subBlue;
}

.noData--fox {
  background-image:image-url('animals/fox.svg');
  background-size:65px;
}

.noData--cat {
  background-image:image-url('animals/cat.svg');
  background-position:center 15px;
  background-size:50px;
}

.noData--cat2 {
  background-image:image-url('animals/cat2.svg');
  background-size:55px;
}

.noData--cat3 {
  background-image:image-url('animals/cat3.svg');
  background-size:48px;
}

.noData--cat4 {
  background-image:image-url('animals/cat4.svg');
  background-size:50px;
}

.noData--cock {
  background-image:image-url('animals/cock.svg');
  background-size:50px;
  background-position:center 15px;
}

.noData--deer {
  background-image:image-url('animals/deer.svg');
  background-position:center 15px;
  background-size:65px;
}

.noData--dog {
  background-image:image-url('animals/dog.svg');
}

.noData--monkey {
  background-image:image-url('animals/monkey.svg');
}

.noData--owl {
  background-image:image-url('animals/owl.svg');
}

.noData--penguin {
  background-image:image-url('animals/penguin.svg');
}

.noData--panda {
  background-image:image-url('animals/panda.svg');
}

.noData--goat {
  background-image:image-url('animals/goat.svg');
}

.noData--koala {
  background-image:image-url('animals/koala.svg');
  background-size:65px;
}

.noData--wolf {
  background-image:image-url('animals/wolf.svg');
  background-size:45px;
}

.noData--lion {
  background-image:image-url('animals/lion.svg');
  background-size:45px;
}