table.dataTable {
    line-height: 1.25;
}

.dataTables_processing
{
    z-index: 105
}

.card[data-clickable=true]{
    cursor: pointer;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next
{
    visibility: hidden;
    opacity: 1;
}

.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next
{
    width: 2%;
    visibility: visible;
    animation-duration: 1s;
    transition-timing-function: linear;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
}

.carousel:hover .carousel-control-prev
{
    animation-name: FadeInPrev;
}

.carousel:hover .carousel-control-next
{
    animation-name: FadeInNext;
}

@keyframes FadeInPrev
{
    0%
    {
        opacity: 0;
        padding-left: 40px;
    }
    100%
    {
        opacity: 1;
        padding-left: 0px;
    }
}

@keyframes FadeInNext
{
    0%
    {
        opacity: 0;
        padding-right: 40px;
    }
    100%
    {
        opacity: 1;
        padding-right: 0px;
    }
}