/*
 * Globals
 */
.btn-secondary {
  max-width: 70px !important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}
#refresh-img {
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
#await-background {
  display: block;
}
.img-container {
  position: relative;
}
.img-container .btn {
  padding: 5px 10px;
  position: absolute;
  top: 75%;
  left: 20%;
}
table {
  /*https://stackoverflow.com/questions/27621301/round-bordered-table/27621432*/
  background: white;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  width: 50%;
  border-spacing: 0px;
  border-collapse: separate;
}
table th {
  font-weight: 600;
  font-size: 1.1em;
  text-align: center;
  background: #c6c6c6;
}
table td {
  background: transparent;
}
.tight-shadow {
  text-shadow: 0 0.05rem 0.5rem rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
}

/*
 * Base structure
 */
.html-full-height {
  /*
  required other device screen
  */
}
.stabilize-animal-image {
  width: 294px;
  height: 168px;
}
@media (max-device-width: 767px) {
  .html-full-height {
    height: auto !important;
  }
  .stabilize-animal-image {
    max-width: 250px;
  }
}

@media (min-device-width: 767px) {
  .html-full-height {
    height: 100% !important;
  }
  .stabilize-animal-image {
    max-width: 250px;
  }
}
@media (min-device-width: 1023px) {
  .html-full-height {
    height: 100% !important;
  }
}
@media (min-device-width: 1025px) {
  .html-full-height {
    height: auto !important;
  }
}
@media (min-device-width: 1280px) {
  .html-full-height {
    height: auto !important;
  }
}
.pet-image {
  width: 60px;
  height: 60px;
}
.animal-line {
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
}