.video-js.vjs-quality-menu {
    display: block
}

    .video-js.vjs-quality-menu .vjs-quality-menu-button:before {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
        content: "\f110"
    }

    .video-js.vjs-quality-menu.vjs-v7 .vjs-quality-menu-button, .video-js.vjs-quality-menu.vjs-v6 .vjs-quality-menu-button {
        position: initial
    }

        .video-js.vjs-quality-menu.vjs-v7 .vjs-quality-menu-button:before, .video-js.vjs-quality-menu.vjs-v6 .vjs-quality-menu-button:before {
            content: none
        }

        .video-js.vjs-quality-menu.vjs-v7 .vjs-quality-menu-button .vjs-icon-placeholder, .video-js.vjs-quality-menu.vjs-v6 .vjs-quality-menu-button .vjs-icon-placeholder {
            font-family: VideoJS;
            font-weight: normal;
            font-style: normal
        }

            .video-js.vjs-quality-menu.vjs-v7 .vjs-quality-menu-button .vjs-icon-placeholder:before, .video-js.vjs-quality-menu.vjs-v6 .vjs-quality-menu-button .vjs-icon-placeholder:before {
                content: "\f110"
            }

    .video-js.vjs-quality-menu .vjs-quality-menu-button {
        position: relative
    }

        .video-js.vjs-quality-menu .vjs-quality-menu-button li {
            text-transform: none
        }

        .video-js.vjs-quality-menu .vjs-quality-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
            max-height: 25em;
            width: 10em;
            left: 0
        }

    .video-js.vjs-quality-menu .vjs-menu-item .vjs-control-text {
        position: absolute
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-wrapper {
        position: relative
    }

        .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li {
            text-transform: none
        }

        .video-js.vjs-quality-menu .vjs-quality-menu-wrapper.vjs-menu-wrapper-popup .vjs-menu .vjs-menu-content {
            max-height: 25em;
            width: 10em;
            left: 0
        }

    .video-js.vjs-quality-menu .vjs-quality-menu-item-sub-label {
        font-size: 75%;
        font-weight: bold;
        position: absolute;
        right: 0;
        text-align: center;
        width: 4em
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-button-use-resolution .vjs-quality-menu-item-sub-label {
        position: absolute;
        right: 0;
        text-align: center;
        width: 4em
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after, .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
        background-color: #2B333F;
        color: inherit;
        content: "";
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 0.7em;
        font-weight: 300;
        height: 2.2em;
        line-height: 2.2em;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0.5em;
        width: 2.2em;
        border-radius: 2em;
        letter-spacing: 0.1em
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
        content: "HD"
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after {
        content: "4K"
    }

    .video-js.vjs-quality-menu .vjs-quality-menu-button-waiting:before {
        -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
        animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite
    }