.VideoPreview {

 overflow: hidden !important;
 display: flex !important;
 height: auto;
 //position: relative;
 flex: 1 1 auto;
 justify-content: center;
 align-items: center;
 margin-top: 10px;
 
}


.VideoPreview .video-js {

    width: 96% !important;
    height: 100% !important;
    max-height: 100% !important;

}



.VideoPreview .video-js[style] {
height: auto !important;
max-height: 45vh !important;
}

.VideoPreview .video-js video,
.VideoPreview .vjs-tech {

max-height: 100% !important;
width: 100% !important;
object-fit: contain !important;
}

.AudioPreview {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	padding: 10px 0 !important;
}

/* Responsive width */
@media only screen and (max-width: 530px) {
	.AudioPreview audio {
		width: 93% !important;
	}
	.modalPreview .modal-content {
        width: 91% !important;
}
}

@media only screen and (min-width: 530px) {
	.AudioPreview audio {
		width: 75% !important;
	}
	.VideoPreview .video-js video,
    .VideoPreview .vjs-tech {
        height: auto !important;
}
}

/* Audio container */
.AudioPreview .video-js {
	width: 85% !important;
	max-width: 720px !important;
	margin: 12px auto !important;
	background: transparent !important;
}

/* Hide video-only elements */
.AudioPreview .vjs-tech,
.AudioPreview .vjs-poster,
.AudioPreview .vjs-text-track-display,
.AudioPreview .vjs-big-play-button {
	display: none !important;
}

/* CONTROL BAR */
.AudioPreview .vjs-control-bar {
	background: #e9e9e9 !important;
	color: #000 !important;
	border-radius: 6px !important;
	height: 42px !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 6px !important;
}

.AudioPreview .video-js .vjs-control {
	  height: 73% !important;
}

.modalPreview .modal-content {
    display: flex !important;
    flex-direction: column !important;
    max-height: 90vh !important;   /* control modal height */
}