.csv:not(:last-child):after {
    content: ", ";
    margin-right: 5px;
}

.csv-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.csv {
    display: inline-flex;
}

.pagination {
    svg {
        stroke: #337ab7;
    }
    .disabled {
        svg {
            stroke: #777;
        }
    }
}

.img-group {
    img {
        background-color: #d5d5d5;
    }
}

.alert-info-ex{
    &.active {
        background-color: #f1f7fd;
        h4 {
            font-weight: 600;
        }

        .active {
            a {
                font-weight: 600;
            }
        }
    }

}

.player, #player {
    aspect-ratio: 16/9;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #9eeae7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #31708f;
    background-color: #9eeae7;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.alert-info {
    color: #31708f;
    background-color: #9eeae7;
    border-color: #bce8f1;
}

.navbar-default {
    background-color: #9eeae7;
    border-color: #bce8f1;
}

.no-padding {
    padding: 0px;
}

.w-100 {
    width: 100%;
}

.pb-5 {
    padding-bottom: 2rem;
}

[lazy="loading"] {
    opacity: 0;
}
[lazy="loaded"] {
    opacity: 1;
        transition: opacity 0.3s ease 0s;
}

.player {
    h5,p {
        padding-inline: 3rem;
    }
}

.thumbnail {
    img[lazy='loading'] {
        width: 300px;
        height: 450px;
    }
}