.align-middle {
    vertical-align: middle !important;
}

.align-center {
    text-align: center !important;
    vertical-align: middle !important;
}

.white-nowrap {
    white-space: nowrap;
}

table.align-middle td,
table.align-middle th {
    vertical-align: middle;
}

table.text-center td,
table.text-center th {
    text-align: center;
}

.bg-grey {
    background-color: rgb(224, 224, 224) !important;
}

.vue-player-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (16/9 * 100) */
    display: flex;
    justify-content: center;
    /* Horizontally center */
    align-items: center;
    /* Vertically center */
}

.vue-player-container > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* Horizontally center the text */
    align-items: center;
    /* Vertically center the text */
    font-size: 1.4rem;
}