* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

.vjs-play-progress {
    background-color: rgb(59, 123, 246) !important;
}

.vjs-control-bar {
    background-color: rgba(0, 0, 0, .7) !important;
}

.video-js .vjs-time-control {
    display: block;
}

.video-js .vjs-remaining-time {
    opacity: 0;
}

/* Hide Custom Controls on Mobile iOS */
video::-webkit-media-controls-panel,
video::-webkit-media-controls-panel-container,
video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.vjs-close-button::before {
    color: #000;
}