/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2017, 7:11:00 PM
    Author     : scott.walker
*/

video {
    display: block;
    margin: auto;
    background-color: #DADDDD;
    border: 5px #001616 solid;
    border-radius: 0.8em;
    padding: 0.8em;
}

div#myplayer {
    margin: auto;
    border: 5px solid #001616;
    border-radius: 0.8em;
    padding: 5px 10px;
    background-color: #629292;
    width: 640px;
}

#myplayer button{
    /*font-size: 1.1em;*/
    background-color: #DADDDD;
    color: #001616;
    border: 2px solid #001616;
    border-radius: 0.6em;
    height: 30px;
    width: 40px;
}

#videoBox {
    display: block;
    margin: auto;
}

::cue{
    color: #FBFFFF;
    background-color: rgba(0,0,0,0.4);
}

p.video{
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #001616;
    margin: 5px ;
}

progress::-webkit-progress-bar {
    background-color: #DADDDD;
}

progress::-webkit-progress-value {
    background-color: #001616;
}

#progress-bar {

}

#videoBox:-webkit-full-screen {
    background-color: rgba(0, 0, 0, 0.0);
    width: 100%;
    height: 100%;
}

#videoBox:-webkit-full-screen video {
    object-fit: contain;
    border: none;
    border-radius: 0;
    padding: 0;
    height: calc(100vh - 50px);
}