@charset "utf-8";
@keyframes bounce{
  0%, 100%{ 
    transform: scale(0);
  }50%{
    transform: scale(1);
  }
}
.IDP{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background: #000;
	color: #FFF;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
}
/*--------------------- COMMON ---------------------*/
.IDP svg{
	overflow: hidden; /*FUCKING IE*/
}
.IDP .autoSize{
	width: 100%;
	height: 100%;
}
.IDP .absolute{
	position: absolute;
}
.IDP .button{
	cursor: pointer;
}
.IDP .disabled{
	pointer-events: none;
}
.IDP .crop, .IDP .box{
	background: center no-repeat;
}
.IDP .crop{
	background-size: cover;
}
.IDP .box{
	background-size: contain;
}
/*----------------- LOAD INDICATOR ------------------*/
.IDP .loadIndicator{
	left: 50%;
	top: 50%;
	width: 28px;
	height: 8px;
	margin-left: -14px;
	margin-top: -4px;
}
.IDP .loadIndicator .circle{
	background: rgba(255,255,255,0.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	animation: bounce 0.8s infinite ease-in-out;
	border-radius: 4px;
	float: left;
	width: 8px;
	height: 8px;
}
.IDP .loadIndicator .circle.c1{
	animation-delay: -0.2s;
}
.IDP .loadIndicator .circle.c2{
	animation-delay: -0.1s;
	margin-left: 2px;
}
.IDP .loadIndicator .circle.c3{
	animation-delay: 0s;
	margin-left: 2px;
}
/*--------------------- TOGGLE ----------------------*/
.IDP .toggleEcho{
	pointer-events: none;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	transform: scale(0.5);
	opacity: 1;
	transition: all 0s;
}
.IDP .toggleEcho[active="true"]{
	transform: scale(1);
	opacity: 0;
	transition: all 0.5s linear;
}
/*------------------ ELEMENT BAR -------------------*/
.IDP .elementBar{
	left: 0px;
}
.IDP .elementBar .elementContainer{
	overflow: hidden;
}
.IDP .controlBar, .IDP .titleBar{
	height: 28px;
	transition: opacity 0.2s linear;
	opacity: 0;
}
.IDP .controlBar .elementContainer, .IDP .titleBar .elementContainer{
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}
.IDP.active .controlBar, .IDP.active .titleBar{
	opacity: 1;
}
.IDP .controlBar{
	bottom: 0px;
}
.IDP .titleBar{
	top: 0px;
}
/*------------------- SEEK BAR ---------------------*/
.IDP .seekBar{
	left: 0px;
	transition: height 0.2s ease-in;
	bottom: 28px;
}
.IDP .seekBar .hit{
	bottom: -5px;
	height: 16px;
	width: 100%;
}
.IDP .seekBar .barContainer{
	width: 100%;
	bottom: 0px;
	height: 2px;
	transition: height 0.2s ease-in;
}
.IDP .seekBar:hover .barContainer, .IDP .seekBar[active="true"] .barContainer{
	height: 6px;
	transition: height 0.2s ease-out;
}
.IDP .seekBar .leftPortion, .IDP .seekBar .rightPortion{
	width: 8px;
	height: 100%;
}
.IDP .seekBar .leftPortion{
	left: 0px;
}
.IDP .seekBar .rightPortion{
	right: 0px;
}
.IDP .seekBar .rightPortion .buffer, .IDP .seekBar .rightPortion .time{
	width: 100%;
}
.IDP .seekBar .progress{
	height: 100%;
	left: 8px;
	right: 8px;
}
.IDP .seekBar .buffer, .IDP .seekBar .time{
	height: 100%;
}
.IDP .seekBar .playhead{
	width: 16px;
	height: 16px;
	top: 1px;
	margin-left: -8px;
	margin-top: -8px;
	transform: scale(0,0);
	transition: transform 0.2s ease-in, top 0.2s ease-in;
}
.IDP .seekBar:hover .playhead, .IDP .seekBar[active="true"] .playhead{
	top: 3px;
	transform: scale(1,1);
	transition: transform 0.2s ease-out, top 0.2s ease-out;
}
.IDP .seekBar .playhead{
	width: 16px;
	height: 16px;
	top: 1px;
	margin-left: -8px;
	margin-top: -8px;
	transform: scale(0,0);
	transition: transform 0.2s ease-in, top 0.2s ease-in;
}
.IDP .seekBar:hover .playhead, .IDP .seekBar[active="true"] .playhead{
	top: 3px;
	transform: scale(1,1);
	transition: transform 0.2s ease-out, top 0.2s ease-out;
}
.IDP .seekBar .marker{
	height: 100%;
	width: 4px;
	margin-left: -2px;
	background: #FFCC00;
}
.IDP .adTimeBar{
	left: 0px;
	bottom: 28px;
	width: 100%;
	height: 2px;
	background: #DCDCDC;
}
.IDP .adTimeBar .time{
	background: #FFCC00;
	height: 100%;
}
/*---------------------- MENU ----------------------*/
.IDP .menuItem{
	background-color: rgba(0,0,0,0);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background-clip: padding-box;
}
.IDP .menuItem:hover, .IDP .menuItem[active="true"]{
	background-color: rgba(0,0,0,0.5);
}
.IDP .menuItem[active="true"]{
	pointer-events: none;
}
.IDP .menuItem:last-child{
	border-bottom: none;
}
.IDP .qualityMenu{
	bottom: 34px;
	transition: opacity 0.2s linear;
	opacity: 0;
}
.IDP.active .qualityMenu{
	opacity: 1;
}
.IDP .qualityMenu .menuContainer{
	width: 60px;
	left: -30px;
	bottom: 0px;
}
.IDP .qualityMenuItem{
	color: rgba(255,255,255,1);
	font-size: 10px;
	padding: 5px;
	text-align: center;
	position: relative;
}
.IDP .qualityMenuItem .hdIcon{
	top: 2px;
	right: 2px;
}
.IDP .playlistMenu{
	right: 20px;
	top: 20px;
	bottom: 48px;
	transition: opacity 0.2s linear;
	opacity: 0;
}
.IDP.showInfo .playlistMenu{
	top: 48px;
}
.IDP.active .playlistMenu{
	opacity: 1;
}
.IDP .playlistMenu .menuContainer{
	width: 280px;
	top: 50px;
	bottom: 0px;
	overflow-y: auto;
}
.IDP .playlistMenu .header{
	width: 280px;
	height: 50px;
	padding: 8px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.IDP .playlistMenu .header .title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.IDP .playlistMenu .header .info{
	font-size: 11px;
	opacity: 0.5;
}
.IDP .playlistMenuItem{
	padding: 10px;
	height: 65px;
	box-sizing: border-box;
}
.IDP .playlistMenuItem .no,  .IDP .playlistMenuItem .arrow{
	margin-right: 10px;
	line-height: 44px;
	text-align: center;
	width: 12px;
	float: left;
}
.IDP .playlistMenuItem .no {
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
}
.IDP .playlistMenuItem .image {
	width: 70px;
	height: 44px;
	float: left;
	box-sizing: border-box;
}
.IDP .playlistMenuItem .title {
	float: left;
    width: 140px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-left: 10px;
    max-height: 30px;
    overflow: hidden;
}
.IDP .playlistMenuItem .view {
	font-size: 10px;
	line-height: 15px;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 10px;
	padding-top: 1px;
	float: left;
}
.IDP .playlistMenuItem[active="true"] .image{
	border: 2px solid;
	border-color: #f85d12;
}
.IDP .playlistMenuItem[active="true"] .no{
	font-size: 9px;
	color: #f85d12;
}
/*------------------- NEXT VIDEO -------------------*/
.IDP .nextVideo .curtain{
	background: rgba(0,0,0,0.6);
}
.IDP .nextVideo .title{
	display: block;
	padding: 0px 20px 0px 20px;
	margin-bottom: 84px;
	bottom: 50%;
	width: 100%;
	height: 22px;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
}
.IDP .nextVideo .counter{
	width: 120px;
	height: 120px;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
}
.IDP .nextVideo .counter .largePlayIcon{
	opacity: 0.8;
}
.IDP .nextVideo .counter:hover .largePlayIcon{
	opacity: 1;
}
/*-------------------- RELATEDS --------------------*/
.IDP .relateds{
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.9);
}
.IDP.showInfo .relateds{
	top: 28px;
}
.IDP.showControl .relateds{
	bottom: 30px;
}
.IDP .relatedsItem{
	background-color: #3F4044;
	border: 1px solid rgba(0,0,0,0);
	box-sizing: border-box;
	background-clip: padding-box;
	opacity : 0;
	transition: opacity 0.5s;
}
.IDP .relatedsItem .info{
	background-color: rgba(0,0,0,0.8);
	opacity : 0;
	transition: opacity 0.2s;
}
.IDP .relatedsItem:hover .info{
	opacity : 1;
}
.IDP .relatedsItem .title{
	left: 9px;
	right: 9px;
	top: 5px;
	height: 54px;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	font-weight: bold;
}
.IDP .relatedsItem .view, .IDP .relatedsItem .duration{
	bottom: 5px;
	overflow: hidden;
	color: #D4D4D4;
	font-weight: bold;
}
.IDP .relatedsItem .view{
	left: 9px;
}
.IDP .relatedsItem .duration{
	right: 9px;
}
/*----------------------- AD -----------------------*/
.IDP .adDisplay{
	overflow: hidden;
}
.IDP .linearAd{

}
.IDP .linearAd .wrapper{
	left: 50%;
	top: 50%;
}
.IDP .nonLinearAd{
	width: 100%;
	height: 94px;
	bottom: 40px;
}
.IDP .nonLinearAd .wrapper{
	left: 50%;
	bottom: 0px;
}
.IDP .adContainer .skip, .IDP .adContainer .adCounter{
	width: 160px;
	bottom: 40px;
	right: 0px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid;
	border-right: 0px;
	border-color: rgba(255,255,255,0.25);
	z-index:10000;
}
.IDP .adContainer .skip{
	padding: 8px 20px 7px 20px;
}
.IDP .adContainer .skip:hover{
	background: rgba(0,0,0,1);
	border-color: rgba(255,255,255,1);
}
.IDP .adContainer .skip .text{
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	width: 97px;
}
.IDP .adContainer .skip .icon{
	display: table-cell;
	padding-left: 10px;
}
.IDP .adContainer .adCounter{
	cursor: default;
	padding: 7px 20px 7px 20px;
	text-align: center;
	line-height: 15px;	
}
.IDP .adContainer .adAttribution{
	cursor: default;
	left: 10px;
	top: 10px;
	opacity: 0.8;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
.IDP .hashtagButton{
	right: 10px;
	top: 6px;
	padding: 5px;
	opacity: 0.9;
}
.IDP .hashtagButton:hover{
	opacity: 1;
}
.IDP .hashtagButton .tag{
	font-weight: bold;
	float: left;
	margin-top: 2px;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
.IDP .hashtagButton .twitterIcon{
	float: left;
	padding-right: 5px;
}
/*---------------------- POLL ----------------------*/
.IDP .poll{
	width: 150px;
	border-radius: 2px;
	right: 20px;
	background: rgba(0,0,0,0.6);
	box-sizing: border-box;
	bottom: 20px;
	transition-delay: 0.2s;
}
.IDP.active.showControl .poll{
	bottom: 50px;
	transition-delay: 0s;
}
.IDP .question{
	background: rgba(0,0,0,0.5);
	padding: 5px 8px;
	color: #FFF;
	font-weight: bold;
	line-height: 15px;
}
.IDP .options{
	padding: 5px 5px 0px 5px;
}
.IDP .option{
	background-color: rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 5px;
	padding: 5px 8px;
}
.IDP .option:hover{
	background-color: rgba(0,0,0,1);
}
.IDP .option .label{
	color: #FFF;
	font-size: 11px;
}
/*--------------------- SUBTITLE -------------------*/
.IDP .subtitle{
	bottom: 40px;
	width: 100%;
}
.IDP .subtitle .text{
	display: table;
	margin: 0px auto;
	text-align: center;
	font-size: 18px;
	line-height: 1.25;
	border-radius: 2px;
	background: rgba(0,0,0,0.6);
	padding: 0.33em 0.5em;
}
/*---------------------- ERROR ---------------------*/
.IDP .error{
	background: #000;
}
.IDP .error .body{
	box-sizing: border-box;
	width: 320px;
	height: 180px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -90px;
	background: #FFFFFF;
	border-top: 5px solid #D42A2A;
	padding: 20px;
}
.IDP .error .content{
	margin-bottom: 20px;
	height: 85px;
	overflow: hidden;
}
.IDP .error .image, .IDP .error .warningIcon{
	float: left;
	margin-right: 20px;
}
.IDP .error .image{
	width: 96px;
	height: 54px;
}
.IDP .error .message{
	color: #000;
	line-height: 17px;
	display: table;
}
.IDP .error .redirectionButton{
	display: table;
	padding: 6px 20px 5px 20px;
	background: #FFF;
	color: #4AA71F;
	border-radius: 15px;
	border: 2px solid;
	border-color: #4AA71F;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	margin: 0px auto;
}
.IDP .error .redirectionButton:hover{
	color: #2F7E0A;
	border-color: #2F7E0A;
}
/*--------------------- BUTTON ---------------------*/
.IDP .button.disabled{
	opacity: 0.4;
}
/*-------------- VIDEO CONTROL BUTTON --------------*/
.IDP .videoControlButton{
	width: 30px;
	height: 28px;
	float: left;
}
/*-------------- VOLUME CONTROL BUTTON -------------*/
.IDP .volumeControlButton{
	width: 28px;
	height: 28px;
	position: relative;
	transition: width 0.4s;
	float: left;
}
.IDP .volumeControlButton:hover, .IDP .volumeControlButton[active="true"]{
	width: 68px;
	transition: width 0.2s;
}
.IDP .volumeControlButton .muteIcon{
	width: 28px;
	transition: width 0s;
	transition-delay: 0.4s;
}
.IDP .volumeControlButton:hover .muteIcon, .IDP .volumeControlButton[active="true"] .muteIcon{
	width: 14px;
	transition-delay: 0s;
}
.IDP .volumeControlButton .unmuteIcon{
	width: 28px;
	transition: width 0s;
	transition-delay: 0.4s;
}
.IDP .volumeControlButton:hover .unmuteIcon, .IDP .volumeControlButton[active="true"] .unmuteIcon{
	width: 14px;
	transition-delay: 0s;
}
.IDP .volumeControlButton .toggle{
	left: 0px;
	top: 0px;
	width: 14px;
	height: 28px;
}
.IDP .volumeControlButton .bar{
	left: 16px;
	top: 0px;
	width: 0px;
	height: 28px;
	overflow: hidden;
	transition: width 0.4s;
}
.IDP .volumeControlButton:hover .bar, .IDP .volumeControlButton[active="true"] .bar{
	width: 40px;
	transition: width 0.2s;
}
.IDP .volumeControlButton .guide{
	opacity: 0.2;
}
.IDP .volumeControlButton .level{
}
/*------------------ TIME DISPLAY ------------------*/
.IDP .timeDisplay{
	display: block;
	cursor: default;
	height: 28px;
	font-size: 11px;
	line-height: 28px;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
	float: left;
}
.IDP .timeDisplay .time{
	font-weight: bold;
}
/*-------------- SCREEN TOGGLE BUTTON --------------*/
.IDP .screenToggleButton{
	width: 30px;
	height: 28px;
	float: right;
}
/*------------------- LOGO BUTTON ------------------*/
.IDP .logoButton{
	width: 64px;
	height: 28px;
	float: right;
	box-sizing: border-box;
	padding: 6px 5px 6px 5px;
}
.IDP .logoButton .logoIcon{
	width: 100%;
	height: 100%;
	opacity: 0.9;
}
.IDP .logoButton:hover .logoIcon{
	opacity: 1;
}
/*----------------- FACEBOOK BUTTON ----------------*/
.IDP .facebookButton{
	width: 30px;
	height: 28px;
	float: right;
	box-sizing: border-box;
	padding: 4px 5px 4px 5px;
}
.IDP .facebookButton .facebookIcon{
	opacity: 0.9;
}
.IDP .facebookButton:hover .facebookIcon{
	opacity: 1;
}
/*----------------- TWITTER BUTTON -----------------*/
.IDP .twitterButton{
	width: 32px;
	height: 28px;
	float: right;
	box-sizing: border-box;
	padding: 6px 5px 5px 5px;
}
.IDP .twitterButton .twitterIcon{
	opacity: 0.9;
}
.IDP .twitterButton:hover .twitterIcon{
	opacity: 1;
}
/*------------------ QUALITY BUTTON ----------------*/
.IDP .qualityButton{
	width: 70px;
	height: 28px;
	float: right;
	box-sizing: border-box;
	padding: 6px 5px 6px 5px;
	position:relative;
}
.IDP .qualityButton .box{
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
}
.IDP .qualityButton .hdIcon{
	right: 1px;
	top: 2px;
}
/*------------- ADD TO PLAYLIST BUTTON -------------*/
.IDP .addToPlaylistButton{
	width: 22px;
	height: 28px;
	float: right;
}
/*---------------- PLAYLIST BUTTON -----------------*/
.IDP .playlistButton{
	width: 26px;
	height: 28px;
	float: right;
}
/*---------------- SUBTITLE BUTTON -----------------*/
.IDP .subtitleButton{
	width: 26px;
	height: 28px;
	float: right;
}
/*------------------ LOOP BUTTON -------------------*/
.IDP .loopButton{
	width: 28px;
	height: 28px;
	float: right;
}
/*------------------ TITLE BUTTON ------------------*/
.IDP .titleField{
	left: 10px;
	right: 72px;
}
.IDP .titleButton{
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	max-width: 100%;
	opacity: 0.9;
}
.IDP .titleButton:hover{
	opacity: 1;
}
/*---------------- WATERMARK BUTTON ----------------*/
.IDP .watermarkButton{
	width: 135px;
	height: 40px;
	right: 20px;
	bottom: 20px;
	transition-delay: 0.2s;
}
.IDP.active.showControl .watermarkButton{
	bottom: 50px;
	transition-delay: 0s;
}
.IDP .watermarkButton .logoIcon{
	opacity: 0.8;
}
.IDP .watermarkButton:hover .logoIcon{
	opacity: 1;
}
/*------------------ LARGE BUTTON ------------------*/
.IDP .largeButton .largePlayIcon, .IDP .largeButton .largeReplayIcon{
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
	opacity: 0.8;
}
.IDP .largeButton:hover .largePlayIcon, .IDP .largeButton:hover .largeReplayIcon{
	opacity: 1;
}
/*------------------ CLOSE BUTTON ------------------*/
.IDP .closeButton{
	width: 16px;
	height: 16px;
}
.IDP .closeButton .closeIcon{
	width: 100%;
	height: 100%;
	opacity: 0.6;
}
.IDP .closeButton:hover .closeIcon{
	opacity: 1;
}
.IDP .nextVideo .closeButton{
	width: 32px;
	height: 32px;
	top: 5px;
	right: 5px;
}
.IDP .poll .closeButton, .IDP .nonLinearAd .closeButton{
	top: -8px;
	right: -8px;
}
/*---------------------- TOOLTIP -------------------*/
.IDP .tooltip{
	border-radius: 2px;
	padding: 5px;
}
.IDP .tooltip .label{
	overflow: hidden;
	font-size: 11px;
    white-space: nowrap;
	text-align: center;
	margin: 0px 3px;
}
.IDP .timeCursor{
	bottom: 12px;
	box-sizing: border-box;
}
.IDP .storyboard{
	padding: 2px;
}
.IDP .storyboard .label{
	margin-top: 5px;
	margin-bottom: 3px;
}
/*------------------- CONTEXT MENU -----------------*/
.IDP .contextMenu{
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
	overflow: hidden;
	min-width: 200px;
	z-index: 100;
}
.IDP .contextMenu .contextMenuItem{
	background-color: rgba(0,0,0,0);
	color: rgba(255,255,255,0.6);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 6px 10px 6px 10px;
	background-clip: padding-box;
	font-size: 11px;
}
.IDP .contextMenu .contextMenuItem:hover{
	background-color: rgba(0,0,0,0.5);
	color: rgba(255,255,255,1);
}
.IDP .contextMenu .builtin{
	font-style: italic;
	color: rgba(255,255,255,0.2);
}
/*--------------------- PANORAMA -------------------*/
.IDP .panorama{
	background-color: #000;
	cursor:move;
}
.IDP .panoramaIcon{
	fill: #FFF;
	right: 10px;
	top: 10px;
	transition-delay: 0.2s;
}
.IDP.active.showInfo .panoramaIcon{
	top: 40px;
	transition-delay: 0s;
}
/*##################################################*/
/*################## DEFAULT THEME #################*/
/*##################################################*/
/*------------------ ELEMENT BAR -------------------*/
.default-theme .controlBar, .default-theme .titleBar{
	background: rgba(34,34,34,0.9);
}
/*------------------- SEEK BAR ---------------------*/
.default-theme .seekBar .barContainer{
	background: #444444;
}
.default-theme .seekBar .leftPortion, .default-theme .seekBar .time{
	background: #f85d12;
}
.default-theme .seekBar .buffer{
	background: #646464;
}
.default-theme .playhead .playheadIcon .outer{
	fill: #F8F8F8;
}
.default-theme .playhead .playheadIcon .inner{
	fill: #f85d12;
}
/*---------------------- MENU ----------------------*/
.default-theme .qualityMenu .menuContainer, .default-theme .playlistMenu .menuContainer{
	background-color: rgba(34,34,34,0.9);
}
.default-theme .qualityMenu .arrowIcon{
	fill: rgba(34,34,34,0.9);
}
.default-theme .qualityMenuItem .hdIcon{
	fill: #F85D12;
}
.default-theme .playlistMenu .header{
	background-color: #222;
}
.default-theme .playlistMenuItem[active="true"] .image{
	border-color: #f85d12;
}
.default-theme .playlistMenuItem[active="true"] .no{
	color: #f85d12;
}
/*-------------- VIDEO CONTROL BUTTON --------------*/
.default-theme .videoControlButton .resumeIcon{
	fill: #BDBEC2;
}
.default-theme .videoControlButton:hover .resumeIcon{
	fill: #F8F8F8;
}
.default-theme .videoControlButton .pauseIcon{
	fill: #BDBEC2;
}
.default-theme .videoControlButton:hover .pauseIcon{
	fill: #F8F8F8;
}
.default-theme .videoControlButton .replayIcon{
	fill: #BDBEC2;
}
.default-theme .videoControlButton:hover .replayIcon{
	fill: #F8F8F8;
}
/*-------------- VOLUME CONTROL BUTTON -------------*/
.default-theme .volumeControlButton .muteIcon{
	fill: #BDBEC2;
}
.default-theme .volumeControlButton:hover .muteIcon, .default-theme .volumeControlButton[active="true"] .muteIcon{
	fill: #F8F8F8;
}
.default-theme .volumeControlButton .unmuteIcon{
	fill: #BDBEC2;
}
.default-theme .volumeControlButton:hover .unmuteIcon, .default-theme .volumeControlButton[active="true"] .unmuteIcon{
	fill: #F8F8F8;
}
.default-theme .volumeControlButton .guide{
	fill: #BDBEC2;
}
.default-theme .volumeControlButton:hover .guide, .default-theme .volumeControlButton[active="true"] .guide{
	fill: #F8F8F8;
}
.default-theme .volumeControlButton .level{
	fill: #BDBEC2;
}
.default-theme .volumeControlButton:hover .level, .default-theme .volumeControlButton[active="true"] .level{
	fill: #F8F8F8;
}
/*------------------ TIME DISPLAY ------------------*/
.default-theme .timeDisplay{
	color: #BDBEC2;
}
/*-------------- SCREEN TOGGLE BUTTON --------------*/
.default-theme .screenToggleButton .fullscreenIcon{
	fill: #BDBEC2;
}
.default-theme .screenToggleButton:hover .fullscreenIcon{
	fill: #F8F8F8;
}
.default-theme .screenToggleButton .normalscreenIcon{
	fill: #BDBEC2;
}
.default-theme .screenToggleButton:hover .normalscreenIcon{
	fill: #F8F8F8;
}
/*------------------ QUALITY BUTTON ----------------*/
.default-theme .qualityButton .box{
	background: #444444;
	color: #BDBEC2;
}
.default-theme .qualityButton:hover .box, .default-theme .qualityButton[active="true"] .box{
	background: #646464;
}
.default-theme .qualityButton .hdIcon .box{
	fill: #f85d12;
}
/*------------- ADD TO PLAYLIST BUTTON -------------*/
.default-theme .addToPlaylistButton .addToPlaylistIcon{
	fill: #BDBEC2;
}
.default-theme .addToPlaylistButton:hover .addToPlaylistIcon{
	fill: #F8F8F8;
}
/*---------------- PLAYLIST BUTTON -----------------*/
.default-theme .playlistButton .playlistIcon{
	fill: #BDBEC2;
}
.default-theme .playlistButton:hover .playlistIcon, .default-theme .playlistButton[active="true"] .playlistIcon{
	fill: #F8F8F8;
}
/*---------------- SUBTITLE BUTTON -----------------*/
.default-theme .subtitleButton .offIcon{
	fill: #BDBEC2;
}
.default-theme .subtitleButton:hover .offIcon{
	fill: #F8F8F8;
}
.default-theme .subtitleButton .onIcon{
	fill: #f85d12;
}
.default-theme .subtitleButton:hover .onIcon{
	fill: #f85d12;
}
/*------------------ LOOP BUTTON -------------------*/
.default-theme .loopButton .offIcon{
	fill: #BDBEC2;
}
.default-theme .loopButton:hover .offIcon{
	fill: #F8F8F8;
}
.default-theme .loopButton .onIcon{
	fill: #f85d12;
}
.default-theme .loopButton:hover .onIcon{
	fill: #f85d12;
}
/*---------------------- TOOLTIP -------------------*/
.default-theme .tooltip{
	background-color: rgba(34,34,34,0.9);
}
/*--------------------------------------------------*/