@import url("./../../fonts/Roboto/roboto.css");


.no-select {
    user-select: none;
    -webkit-user-select: none;
}

.hemocentro-estoque {
    font-size: 14px;
    line-height: 120%;
    font-family: 'Roboto';
}

.hemocentro-estoque span.titulos {
    font-family: 'Montserrat', sans-serif !important;
}

.hemocentro-estoque .chanfrado {
  background: #fff;
  border-radius: 15px;
  box-shadow:
    inset 0px 0px 10px rgba(0, 0, 0, 0.2),
    inset 0px 0px 10px rgba(255, 255, 255, 0.6)
}

.hemocentro-estoque .btn-red {
    background-image: linear-gradient(45deg, #DC3545, #98000F);
    color: white;
    border: 5px solid #FFDBDB;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.hemocentro-estoque .btn-red:hover,
.hemocentro-estoque .btn-red:focus {
    background-image: linear-gradient(45deg, #98000F, #DC3545);
    color: white;
    border: 5px solid #FFDBDB !important;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.hemocentro-estoque .fs-18 {
    font-size: 18px;
    line-height: 120%;
}





.hemocentro-estoque img.bg {
    position: absolute;
    width: 80px;
    height: auto;
}

.hemocentro-estoque .bolsa {
    background: transparent;
    position: relative;
    width: 70px;
    height: 85px;
    overflow: hidden;
    border-radius: 10px;
}

.wave {
  position: absolute;
  width: 130px;
  height: 105px;
  opacity: 0.6;
  left: 0;
  top: 100px;
  margin-left: -50%;
  margin-top: -70%;
  background: linear-gradient(744deg,#da3737,#a91a1a 60%,#cf4c4c);
}

.wave:nth-child(2),
.wave:nth-child(3) {
  top: 90px;
}

.bolsa.success .wave {
    top: 70px !important;
}

.bolsa.success .wave {
    top: 70px !important;
}

.bolsa.primary .wave {
    top: 85px !important;
}

.bolsa.warning .wave {
    top: 110px !important;
}

.bolsa.danger .wave {
    top: 130px !important;
}

.movimento .wave {
  border-radius: 140%;
  animation: wave 6000ms infinite linear;
}

.wave {
  border-radius: 90%;
  animation: wave 75s infinite linear;
}

.movimento .wave:nth-child(2) {
  animation-duration: 4000ms;
}

.wave:nth-child(2) {
  animation-duration: 50s;
}

.movimento .wave:nth-child(3) {
  animation-duration: 5000ms;
}

.wave:nth-child(3) {
  animation-duration: 45s;
}

@keyframes wave {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}