.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 .5s
}

.popupTop {
    animation: popupTop .5s
}

.slideLeft {
    animation: slideLeft .5s cubic-bezier(.455, .03, .515, .955)
}

.popupBottom {
    animation: popupBottom .5s
}

.fadeOut {
    animation: fade .5s;
    animation-delay: .5s
}

.fadeIn {
    animation: fadeIn .5s
}

.spin {
    animation: spin 1s cubic-bezier(.215, .61, .355, 1);
    animation-iteration-count: infinite
}

@keyframes extend {
    0% {
        width: 5rem
    }

    100% {
        width: 10rem
    }
}

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

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

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

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

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

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