.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

.card.card-loading{
    opacity: 50%;
}

.d-print-block{
    display: none;
}

@media print {
    .d-print-block{
        display: block;
    }
}

.card{
  animation: popupBottom 0.5s;
}

.popupTop{
  animation: popupTop 0.5s;
}

@keyframes popupBottom {
  0%{
    opacity: 0;
    transform: translateY(20px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes popupTop {
  0%{
    opacity: 0;
    transform: translateY(-20px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.sidebar-draggable{
  width: 5px;
  height: 100%;
  background-color: #dfdfdf;
  border-radius: 10px;
}

.sidebar-draggable:hover{
  background-color: #206ac4;
  cursor: col-resize;
}