body {
position:absolute;
height:100%;
width:100%;
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
color:white !important;
}
body .error {
text-align:center;
margin-top:20%;
color:black;
}
body .widget{
position:absolute;
bottom:40px;
right:10px;
min-height: 40px;
}
body .widget a{color:grey}
body .widget a span.glyphicon{
zoom:300%;
opacity:0.3;
-moz-transform:scale(3);
-moz-padding-end:3px;

}
body .widget:hover a span.glyphicon{opacity:1}
body div#play-pause-blob {
-moz-transition:opacity .4s ease-out;
-webkit-transition:opacity .4s ease-out;
transition:opacity .4s ease-out;
-webkit-transform:translate(-50%);
-moz-transform:translate(-50%);
-o-transform:translate(-50%);
transform:translate(-50%);
background:rgba(0,0,0,0.8);
text-align:center;
position:absolute;
font-size:48px;
margin-top:-48px;
display:none;
color:#fff;
border-radius:10px;
top:50%;
left:50%;
padding:20px 40px;
}
body video {
cursor: pointer;
display: block;
height: 100%;
background: #000;
}
mask{
background:rgba(0,0,0,0.5);
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
z-index:999;
}
prompt{
background: white;
border: 2px solid #fff;
color: #000;
cursor: default;
border-radius: 6px;
display: block;
left: 50%;
transform: translate(-50%, 0);
padding: 28px 26px;
position: absolute;
text-align: center;
top: 10%;
user-select: none;
width: 370px;
z-index: 1000;
}
prompt p#message{
font-size: 21px;
color: #3e3e3e;
}
prompt input#password{
width: 206px;
padding: 8px;
margin: 13px;
border-radius: 6px;
border: 1px solid #c1c1c1;
outline: none !important;
}
prompt input#btn_ok{
margin-top: 10px;
width: 115px;
text-align: center;
border: none;
background: #17c2da;
padding: 10px 28px;
color: white;
border-radius: 6px;
}
prompt#prompt,mask#mask{display:none}


#header {
    position: relative;
    background: #7146B2;
    width: 100%;
    height: 64px;
    max-height: 100px;
    font-weight: 200;
    overflow: hidden;
    margin: 0;
}
#player-holder {
	height: 95%;
	position: relative;
}
#name, #date, .brand {
  display:inline-block !important;
  vertical-align: top;
}
.header-element:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.header-element {
    height: 33px;
    width: 160px;
    white-space: nowrap;
    margin: 1em 0;
}
.header-element img {
    vertical-align: middle;
    max-width: 180px;
    width: 78%;
}
#date {
    font-size: 17px;
    width: initial;
}
#name {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
    max-width: inherit;
    margin: 16px 0;
}
#name span {
	font-weight: bold;
}

.hide {
    display: none !important;
}

@media only screen and (max-width: 768px) {
	.brand, #date {
		display: none !important;
	}
	#name {
		width: 100% !important;
	}
}
@media only screen and (min-width: 1285px) {
	#date {
		left: 12% !important;
	}
}

/* hide download buttons in control bar */
video::-internal-media-controls-download-button {
    display: none;
}
video::-webkit-media-controls-overlay-play-button {
  display: block !important;
}
video::-webkit-media-controls-start-playback-button {
     display: none;
}