.vbMetaData{
	margin-top:10px;
	border-radius:0;
}
.vbMetaData h3{
	margin-top:0;
}
.vbMetaData h3 span{
	float:right;
	font-size:14px;
}
.vbMetaData ul, .vbMetaData li{
	margin:0;
	padding:0;
	font-size:11px;
}
.vbMetaData li{
    padding-left: 7px;
}
.vbMetaData ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "|";
    font-family: 'FontAwesome';
    font-size: 10px;
    float: left;
    margin-top: 0;
    margin-left: -6px;
    /*color: #CCCCCC;*/
}
.vbMetaData ul li:first-child:before {
	content: "";
}
.vbMetaData li span.vbMetaName{
    padding-right: 2px;
}
.vbDescription{
	margin-top:10px;
}
.vbCopyright{
	font-size:10px;
}

.vbIndexNav{
	background-color:#f8f8f8;
	border: 1px solid #e7e7e7;
}

.vbIndexNav ul.vbIndexPoints{
	overflow-y:auto;
	max-height:324px;
}
.vbIndexNav .nav-pills li{
	border-bottom:1px solid #ddd;
	margin:0;
}
.vbIndexNav:last-child{
	border-bottom:0px none;
}
.vbIndexNav .nav-pills li a{
	padding:10px;
	border-radius:0px;
	color:#000000;
	font-size:12px;
}
.vbIndexNav .nav-pills li a.extLink{
	color:orange;
}
@-webkit-keyframes demo {
    0% {
        background-color: maroon;
        opacity:1;
    }
    33% {
        background-color: white;
    }
    100% {
        background-color: maroon;
    }
}
.vbIndexNav .nav-pills li.active a{
	background-color:maroon;
	color:#FFFFFF;
	
	-webkit-animation-name: demo;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
}
.vbIndexNav .nav-pills li.active a div{
    /*width: 370px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    
.vbIndexNav .nav-pills li a span{
	background-color:#d9534f;
	color:#FFFFFF;
}
.vbIndexNav .nav-pills li.active a span{
	background-color:white;
	color:black;
}
.vbIndexNav h5{
	margin:0;
	padding:10px;
	border-bottom:1px solid #ddd
}
.vbBtnIdxExt{
	float:right;
	padding:1px 4px;
	margin-top:-2px;
	margin-left:10px;
}
@media (max-width: 992px) { 
	.vbIndexNav{
		margin-bottom:50px;
	}
}

.video-js.vjs-16-9 {
	padding-top: min(calc(100vh - 104px), 56.25%);
}

@media only screen and (max-width: 767px) {
    .video-js.vjs-16-9 {
		padding-top: min(calc(100vh - 71px), 56.25%);
	}
}