/* A3MG: p3sdk 3Play overrides to fix conflict with Bootstrap style sheets*/

.p3sdk-container {
	font-size: 11px !important;
}

.p3sdk-audio-description-component {
	max-height: 40px !important;
	border-bottom: 0px !important;
}

.p3sdk-audio-description-component .glowing-border:hover {
	outline: 2px solid white!important;
}

/* A3MG: Override 3Play dark skin volume slider to fix Chrome blue default track and thumb for color contrast 3:1 */
.p3sdk-audio-description-component input[type=range]{
    -webkit-appearance: none;
    background: #4a4a4a;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}

.p3sdk-audio-description-component input[type=range]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 3px;
    background: #CCC;
}

/* For Firefox */
.p3sdk-audio-description-component input[type=range]::-moz-range-track {
    height: 6px;
    border-radius: 3px;
    background: #CCC;
}

.p3sdk-audio-description-component input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FFF;
    margin-top: -5px;
}

/* For Firefox */
.p3sdk-audio-description-component input[type=range]::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FFF;
    margin-top: -5px;
}

.video-js .vjs-slider {
	background-color: #b4c1de !important; /* increase vol and time slider contrast*/
}

.video-js .vjs-load-progress div {
background: rgba(162,174,200,1.0);
}

.video-js .vjs-control-bar {
background-color: #1c2129;
background-color: rgba(28,33,41,.75);
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
background-color: rgba(10,10,10,.75);
}

.video-js *:focus, .p3sdk-audio-description-component *:focus {
    outline: 0px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 1.0), 0 0 0 3px rgba(255, 255, 255, 1.0)!important
}