.history-right-column {
    background-color: var(--white-color);
    height: 566px;
}

.list-group-item.active {
    background-color: var(--base-color);
    border-color: var(--base-color);
}

.card .remove-video {
    position: absolute;
    top: 5px;
    right: 10px;
    color: var(--gray);
}

.card .remove-video:hover {
    color: var(--black);
    cursor: pointer;
}

@media (max-width: 991px) {
    .card .card-horizontal {
        flex-direction: column;
    }

    .card .card-top-image {
        width: 100%;
    }

    .container>.row {
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .card .card-body .channel-img {
        display: block;
        margin-top: 10px;
    }

    .card .card-body h4 {
        white-space: nowrap;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}