html, body {
    height: 100%;
    width: 100%;
    overflow:hidden;
    margin:0;
    padding:0;
    background:#8CB7E8;
}
* {
    -ms-touch-action:none;touch-action:none;
}
.flash-notice {
    font-family: 'Ubuntu', sans-serif;
    font-size: 21px;
    font-weight: 300;
    background-color: #fff;
    padding: 65px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 60%;
    max-width: 640px;
    margin: 10% auto;
    line-height: 35px;
    color: #2266AF;
}

.presenter-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNpi1CzY8unbbwYqAT4uViYqGgcEQNOYiLecSJVEmWipJnKt31tWmItqJoZZyQHJIl8N6pgIdFqoJchEd31JYvxO2MRQsAMhQRlmKUcFE1OclBFsZ2VKTQQ6Cug0y6pdMukb3Fv2ywhzuRtIUmRisrPyzgvPH7/9BmRfffzx+K03BJ3JhD/RaMvyz9l7Fy6y+tgjoCD+ZMSEP9E8efsN6C64yKrjj4Ai+JMRE/5E07f5Bpo40FD8yYgJT6IBZtIdF5+jiQMDAX8yYsKTaIDOwSxHgCKrjz/CEz8suOIE6BCgNmDMhPYeeTIzACgIDFAge3WxDVCW0nxNEhg1cdRE8gGjdNr6Qe9r4itiIqt1gAADAG8oXkBDvDWSAAAAAElFTkSuQmCC);
}

.flash-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAARVJREFUSEtjSFCQ/R8qyEdzDLKHAZsErfCoZVTBVLGsKzry/6qO9v/7ly39n6Wvg1UNCFNkWYOv1/9XDx/+RwYgMWxqQZhsy6ZmZUCNRwVUt6zUzhpqNCYAyWHTA8JkWXb1yGGo0RAACkpQvGFTi4xJtgwUTMjgy4cP4NIBm1p0TLJloBSHDEB8kAPwpUIYJskykIG4ACjpY9ODjEmybOv0aVCjMQFVLQPFCyh+cAGqWgYyDBncv3QJHFcwTLU4w+YrkAXY1OLDBC0DGQryBTI4tXULVrWEME7LcJUSIB8SE2TYME7LQD7CBogpKXBhoi0DFUnkxBMyxmkZKKhA+QqUCinxDTImmECoiUctowqmY4tY9j8AnRb4bd5mzXoAAAAASUVORK5CYII=);
}

#yt-container {
	position: absolute;

	width: 100%;
	height: 100%;

	background: rgba(0, 0, 0, .20);
    background-image: url("css/yt_background.jpg");
    background-size: cover;
}

#yt-container #yt-window {
    margin-top: 70px;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

#yt-container #yt-header {
	width: 100%;
	height: 70px;
}

#yt-container #yt-close {
    background: #2266AF;
    color: #FFFFFF;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 60px;
    border-radius: 8px;
    cursor: pointer;
    position: absolute;
    right: 40px;
    bottom: 25px;
}

#yt-container #yt-window #yt-body {
	background: black;

	width: 100%;
	height: 100%;
}


#yt-container iframe {
	width: 100%;
	height: 100%;
}

#appID.hidden {
	position: absolute;
	top: -1000000000px;
}

#allowFullScreenPrompt {
    width:100%;
    height:100%;
    position: absolute;
    background-color: white;

    /*Transparent background color*/
    background-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}

#fullScreenMessageWindow {
    background-color:#FFFFFF;

    width:15vw;
    height:auto;
    min-width:250px;

    margin-left: -7.5vw;
    margin-top: -12vh;

    padding: 10px;

    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 1px solid #2266AF;

    position: absolute;
    top: 50%;
    left: 50%;

    text-align: center;
    color:#2266AF;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by chrome and opera*/
}

#fullScreenMessageWindow p {
    margin: 16px 0 26px;
    /*text-align: center;*/
    font-family: Ubuntu, sans-serif;
    cursor: default;
}

#fullScreenOkButton {
    cursor: pointer;

    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;

    padding:3px;
    color:#FFFFFF;
    display: inline-block;
    width: 30%;
    min-width:33px;

    margin: 0 auto;
    background-color: #2266AF;
}

#fullScreenOkButton p {
    margin: 3px;
    cursor: pointer;
}

#fullScreenOkButton:hover {
    color:#FFFFFF;
    background-color:#FCC300;
}