.button-with-space {
    margin-right: 8px;
}

#myVideo {
    background-color: #fff;
}

:not(.vjs-has-started) .vjs-control-bar {
    display: flex;
}

.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.equal-height > .col-12.col-md-6.col-lg-3 {
    display: flex;
}

.card {
    display: flex;
    flex-direction: column;
    overflow-wrap: normal;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 10px; /* Creates a gap between the buttons */
}

.tenant-item {
    margin-bottom: 15px; /* Adjust this value to your preference */
}

.table .right .form-check {
    display: inline-block; /* This ensures the div behaves like inline content */
    margin-left: auto; /* This pushes the inline-block content to the right */
}

.table .right {
    text-align: right;
}

canvas {
    border: 0;
}

.text-overlay {
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

.countable {
    counter-set: sort-ctr;
}

.count::before {
    content: counter(sort-ctr);
    counter-increment: sort-ctr;
}

.sortable-handle {
    cursor: pointer;
}

.sortable-handle:active {
    cursor: grabbing;
}

.dt-type-date {
    text-align: left !important;
}

#sentry-feedback {
    --accent-background: var(--bs-primary);
    --success-color: var(--bs-success);
    --error-color: var(--bs-danger);
    --inset: auto auto 0 0;
}