.loader {
	display: none!important;
}

/* test */
.page-room #admin-menu { display:none;}
html body.page-room.admin-menu {
    margin-top: 0 !important;
}

.columns, .clean-columns {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

html {
	overflow: hidden;		
}
body {
	background:none;
	
}
.region-min-content {
	display: none;
}


.room-page {
	width: 100%;
	height: 100%;
	font-size: 0;
	position: absolute;
}
.room-header {
	display: inline-block;
	width: 100%;
	height: 50px;
	font-size: 12px;
	position: relative;
	z-index: initial;
}
.room-header::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.4;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.room-header-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: rgba(32, 178, 170, 0.9);
	opacity: 0.4;
}
.room-sidebar-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background: rgb(96, 125, 139);
	opacity: 0.4;
}
.small-sidebar .room-sidebar-bg {
	opacity: 1 !important;
}

.room-body {
	display: inline-block;
	width: 100%;
	height: calc(100% - 50px);
	position: relative;
}

.room-sidebar-menu {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 60px;
	position: relative;
	z-index: 70;
}
/* color sidebars start */
.room-sidebar-left::after, .room-sidebar-right::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	opacity: 1;
}
.room-sidebar-left::after {
    background: #607D8B;
	background: none;
	border-left: 1px solid rgba(255,255,255,0.05);
    border-right: 1px solid rgba(0,0,0,0.15);
	opacity: 0.4;
}
.room-sidebar-right::after {
	background: #607D8B;
	background: #1e2c33;
	border-right: 1px solid rgba(255,255,255,0.05);
    border-left: 1px solid rgba(0,0,0,0.15);
	opacity: 0.4;
}
.room-sidebar-right.infront::after {
    position: fixed;
}
.room-sidebar-left.room-sidebar-menu::after {
	/*opacity: 0.8;*/
}
.room-sidebar-right.room-sidebar-menu::after {
	opacity: 0.8;
}
.small-page .room-sidebar-left::after, .small-page .room-sidebar-right::after, .infront.room-sidebar-left::after, .infront.room-sidebar-right::after {
	opacity: 1;
}


.switch .room-sidebar-left {
	float: right;
}
.switch .room-sidebar-right {
	float: left;
}

.room-sidebar-menu::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.4;
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}
/* color sidebars end */
	.rsm-div {
		width: 60px;
		height: 50px;
		display: inline-block;
		position: relative;
    	vertical-align: middle;
	}
	.rsm-div a img {
		padding: 10px 15px;
		max-height: 50px;
	}
	.room-sidebar-menu a, .room-sidebar-content-action-small a{
		display: inline-block;
		height: 50px;
		width: 60px;
		font-size: 12px;
		background: rgba(255,255,255,0.02);
		color: #fff;
		position: relative;
		text-align: center;
		transition: background 0.2s;
		-moz-transition: background 0.2s;
		-webkit-transition: background 0.2s;
		position: relative;
		z-index: 10;
		vertical-align: middle;
	}
	.room-sidebar-menu a.rsm-timer {
		position: absolute;
		bottom: 0;
		left: 0;
	}
 	.room-sidebar-content-action-small a:last-child{
		float: right;
	}
	.room-sidebar-menu a:hover, .room-sidebar-content-action-small a:hover{
		background:  rgba(255, 77, 77, 0.9);
		background:  rgba(65, 78, 117, 0.9);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=0 );
	}
	.room-sidebar-menu a i, .room-sidebar-content-action-small a i{
		padding: 12px 0;
    	font-size: 24px;
	}
	.room-sidebar-menu a span{
		display: none;
	}
	.room-sidebar-menu .rsm-div:hover a i, .room-sidebar-content-action-small a:hover i{
		padding: 10px 0;
    	font-size: 28px;
	}
	.room-sidebar-menu a.active{
		background: rgba(255, 77, 77, 1);
		background:  rgba(65, 78, 117, 1);
	}
	.room-sidebar-right.room-sidebar-menu a.active {
		background: rgba(255, 77, 77, 1);
	}
	.room-sidebar-menu a.active i{
		padding: 10px 0;
    	font-size: 28px;
		vertical-align: middle;
	}
	.fixed-display .room-sidebar-tab-setting-menu {
		display: none !important;
	}

	.room-sidebar-tab-setting-menu {
		font-size: 20px;
		position: absolute;
		top: 0;
		width: 185px;
		opacity: 0.1;
		padding: 10px 5px;
		font: normal normal normal 24px/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background: rgba(38, 38, 38, 1);
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;	
		z-index: 9;
		height: 50px;
	}
	.room-sidebar-tab-setting-menu::before {
		position: absolute;
		top: 13px;
		color: rgb(58, 58, 58);
	}
	.room-sidebar-left .room-sidebar-tab-setting-menu::before {
		content: "\f0da";
		left: 1px;
	}
	.room-sidebar-right .room-sidebar-tab-setting-menu::before {
		content: "\f0d9";
		right: 1px;
	}
	.room-sidebar-tab-setting-menu a {
		width: 30px;
    	height: 30px;
		font-size: 0;
		background: rgba(255, 255, 255, 0);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	.linkinfront.room-sidebar-tab-setting-menu a {
		display: none;
	}
	.linkinfront.room-sidebar-tab-setting-menu a.toggle-fullscreen {
		display: inline-block;
	}
	.room-sidebar-tab-setting-menu a:hover {
		background: rgba(255, 255, 255, 0.2);
	}
	a.icon-default-sidebar:before {
		background-image: url('../img/icons/default-sidebar-white.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		position: absolute;
		top: 2px;
		left: 3px;
	}
	a.icon-contained-sidebar:before {
		background-image: url('../img/icons/contained-sidebar-white.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		position: absolute;
		top: 2px;
		left: 3px;
	}
	a.icon-fullscreen-sidebar:before {
		background-image: url('../img/icons/bg-sidebar-white.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		position: absolute;
		top: 2px;
		left: 3px;
	}
	a.icon-fullscreen-background:before {
		background-image: url('../img/icons/fullscreen-background-white.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		position: absolute;
		top: 2px;
		left: 3px;
	}




	.room-sidebar-menu .rsm-div .room-sidebar-tab-setting-menu a i {
		padding: 6px;
    	font-size: 18px
	}
	.room-sidebar-left .room-sidebar-tab-setting-menu {
		left:-200px;
		text-align: center;
    	padding-left: 10px;
		border-radius: 0 2px 2px 0;
	}
	.room-sidebar-right .room-sidebar-tab-setting-menu {
		right:-200px;
		text-align: center;
    	padding-right: 10px;
		border-radius: 2px 0 0 2px;
	}
	.room-sidebar-left .rsm-div:hover .room-sidebar-tab-setting-menu {
		opacity: 1;
		left:58px;
	}
	.room-sidebar-right .rsm-div:hover .room-sidebar-tab-setting-menu {
		opacity: 1;
		right:58px;
	}




.room-content {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 100%;
	position: relative;
}
.room-one-sidebar .room-content {
	width: calc(100% - 60px);
}
.room-two-sidebars .room-content {
	width: calc(100% - 120px);
}
.room-one-sidebar-right .room-sidebar-left, .default-room .room-sidebar-left { display: none !important; }
.room-one-sidebar-left .room-sidebar-right, .default-room .room-sidebar-right { display: none !important; }


.room-sidebar-content {
	opacity: 1;
	position: relative;
}
.room-sidebar-content-tab {
	height: 100%;
	width: 100%;
	font-size: 12px;
	display: none;
	overflow-y: auto;
	padding: 10px;
	color: #fff;
}
.small-content .room-sidebar-content-tab {
	height: calc(100% - 50px);
    top: 50px;
    position: absolute;
}
.room-sidebar-content-action-small {
	display: none;
}
.small-content.default .room-sidebar-content-action-small, .small-content.fullscreen .room-sidebar-content-action-small, .small-content.contained .room-sidebar-content-action-small {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: rgba(38, 38, 38, 1) !important;
    z-index: 1000;
}
.room-sidebar-content-tab h2 {
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.room-sidebar-content-tab.active {
	display: inline-block;
}
.fullscreen{
	opacity: 1;
	top: 0;
	left: 0;
	height: 100%;
	min-height: initial;
	width: 100%;
	z-index: -3 !important;
	position: fixed;	
}
.room-sidebar-left.fullscreen {
	z-index: -2 !important;
}
.contained, .room-sidebar-content.default{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	height: 100%;
	z-index: 2;
	top:0;
}
.contained{
	opacity: 1;
	overflow-y: auto;
}
.no-sidebar .contained{
	width: 100%;
}
.single-sidebar .contained{
	width: calc(100% - 440px);
}
.both-sidebars .contained{
	width: calc(100% - 880px);
	left: 440px !important;
}
.room-sidebar-content.default {
	width: 440px;
}
.room-sidebar-content.on {
	z-index: 19;
}
.room-sidebar-content.last {
	z-index: 20;
}

.room-video-content {
	z-index:1024;
	font-size: 14px;
	padding: 10px;
}
.playing-full.room-video-content {
	z-index: 100;
}
.videos-left .fullscreen, .videos-right .fullscreen, .videos-top .fullscreen, .videos-bottom .fullscreen {
	z-index: 1 !important;
}
.videos-left .room-sidebar-content.fullscreen, .videos-right .room-sidebar-content.fullscreen, .videos-top .room-sidebar-content.fullscreen, .videos-bottom .room-sidebar-content.fullscreen {
	z-index: 20 !important;
}

.room-sidebar-right.default {
	right: 0;
}
.room-sidebar-left.default {
	left: 0;
}
.single-sidebar-left .contained{
	left: 440px !important;
}
.single-sidebar-right .contained{
	right: 440px !important;
}

.switch .room-sidebar-right.default {
	left: 0;
	right: inherit;
}
.switch .room-sidebar-left.default {
	right: 0;
	left: inherit;
}
.switch .single-sidebar-left .contained{
	right: 440px;
	left: inherit;
}
.switch .single-sidebar-right .contained{
	left: 440px;
	right: inherit;
}

.room-sidebar-content{
	/*
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
	*/
}
.room-content iframe {
	border: 0;
	width: 100%;
    /* min-height: 400px; */
    height: 100% !important;
	overflow-y: scroll;
	overflow-x: hidden;
}
.room-sidebar-content-tab iframe {
    border: 0;
    width: 100%;
    /*max-width: 900px !important;*/
    min-height: initial;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    margin: 10px auto;
}
.room-page .infront {
	z-index: 100 !important;
	opacity: 1 !important;
	top: 50px !important;
	left: 0 !important;
	height: calc(100% - 50px);
	min-height: initial !important;
	width: 100% !important;
	position: fixed !important;	
}
.room-background.infront {
	z-index: 100 !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	width: 100% !important;
	background: #333;
}
.room-background-controls.infront {
	z-index: 101 !important;
	bottom: 10px;
	left: 10px;
	padding: 0 10px;
	top: initial !important;
	display: inline-block !important;
}

.room-page .linkinfront {
	z-index: 120 !important;
	opacity: 1 !important;
	top: 0 !important;
	left: 0 !important;
	height: 50px;
	min-height: initial !important;
	width: 100% !important;
	position: fixed !important;	
	text-align: right !important;	
	background: none;
	padding: 0;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.room-sidebar-tab-setting-menu.linkinfront a {
    width: 50px;
    height: 50px;
}
.room-sidebar-menu .rsm-div .room-sidebar-tab-setting-menu.linkinfront a i {
    padding: 10px;
    font-size: 30px;
}

.room-page .rsminfront {
    z-index: 110 !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 0 !important;
    height: 50px;
    min-height: initial !important;
    width: 100% !important;
    position: fixed !important;
    text-align: left !important;
    padding: 0 10px;
	background: rgba(38, 38, 38, 1) !important;
}
.room-page .infront .sbtitle {
	display:none;
}
.room-sidebar-menu a.rsminfront span {
    display: inline-block;
    font-size: 14px;
    padding: 3px 0 0 15px;
    vertical-align: middle;
}
.room-sidebar-menu a.rsminfront img {
    max-height: 50px;
}
.room-sidebar-tab-setting-menu.linkinfront::before {
	display: none;
}
.rmvZindex {
	z-index: initial !important;
}

.small-page .room-content .small-content.default, .small-page .room-content .small-content.fullscreen, .small-page .room-content .small-content.contained {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
	left: 0 !important;
    top: 0 !important;
}


/* videos layout display no sidebar */
.videos-left.no-sidebar .contained, .videos-left.no-sidebar .fullscreen{
	width: calc(100% - 230px);
	left: 230px;
	position: absolute;
}
.videos-left .room-video-content.contained {
	width: 230px;
	left: 0 !important;
	position: absolute;
	z-index: initial;
}
.videos-right.no-sidebar .contained, .videos-right.no-sidebar .fullscreen{
	width: calc(100% - 230px);
	right: 230px;
	position: absolute;
}
.videos-right .room-video-content.contained {
	width: 230px;
	right: 0 !important;
	position: absolute;
	z-index: 1024;
}
.videos-bottom .contained, .videos-bottom .fullscreen{
	height: calc(100% - 180px);
	top: 0;
	position: absolute;
}
.videos-bottom .room-video-content.contained {
	height: 180px;
	top: auto!important;
	bottom: 0 !important;
	position: absolute;
	z-index: initial;
    overflow: auto !important;
}
.videos-top .contained, .videos-top .fullscreen{
	height: calc(100% - 180px);
	top: auto;
	bottom: 0;
	position: absolute;
}
.videos-top .room-video-content.contained {
	height: 180px ;
	bottom: auto!important;
	top: 0 !important;
	position: absolute;
	z-index: initial;
    overflow: auto !important;
}
/* videos layout display single sidebar */
.videos-left.single-sidebar .contained, .videos-left.single-sidebar .fullscreen, .videos-right.single-sidebar .contained, .videos-right.single-sidebar .fullscreen{
	width: calc(100% - 670px);
	position: absolute;
}
.videos-left.single-sidebar .room-video-content, .videos-right.single-sidebar .room-video-content {
	width: 230px !important;
	position: absolute;
}
.videos-left.single-sidebar.single-sidebar-left .contained, .videos-left.single-sidebar.single-sidebar-left .fullscreen{
	left: 670px;
}
.videos-left.single-sidebar.single-sidebar-left  .room-video-content {
	left: 440px !important;
}
.videos-left.single-sidebar.single-sidebar-left .general-content, .videos-left.single-sidebar.single-sidebar-left .room-background-controls{
	left: 670px !important;
}
.videos-left.single-sidebar.single-sidebar-right .contained, .videos-left.single-sidebar.single-sidebar-right .fullscreen{
	left: 230px;
}
.videos-left.single-sidebar.single-sidebar-right  .room-video-content {
	left: 0 !important;
}
.videos-left.single-sidebar .contained, .videos-left.single-sidebar .fullscreen{
	width: calc(100% - 670px);
	position: absolute;
}
.videos-left.single-sidebar .room-background-controls {
    left: 230px !important;
}
.videos-right.single-sidebar.single-sidebar-left .contained, .videos-right.single-sidebar.single-sidebar-left .fullscreen{
	right: 230px;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-left  .room-video-content {
	right: 0 !important;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-right .contained, .videos-right.single-sidebar.single-sidebar-right .fullscreen{
	right: 670px;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-right  .room-video-content {
	right: 440px !important;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-right .general-content, .videos-right.single-sidebar.single-sidebar-right .room-background-controls{
	right: 670px !important;
	left: initial !important;
}
.videos-bottom.single-sidebar .contained, .videos-bottom.single-sidebar .fullscreen, .videos-top.single-sidebar .contained, .videos-top.single-sidebar .fullscreen{
	width: calc(100% - 440px);
	position: absolute;
}
.videos-bottom.single-sidebar-left .fullscreen, .videos-top.single-sidebar-left .fullscreen{
	left: 440px;
}
.videos-bottom.single-sidebar-right .fullscreen, .videos-top.single-sidebar-right .fullscreen{
	right: 440px;
}
/* videos layout display both sidebars */
.videos-left.both-sidebars .contained, .videos-left.both-sidebars .fullscreen, .videos-right.both-sidebars .contained, .videos-right.both-sidebars .fullscreen{
	width: calc(100% - 1110px);
	position: absolute;
}
.videos-left.both-sidebars .room-video-content, .videos-right.both-sidebars .room-video-content {
	width: 230px !important;
	position: absolute;
}
.videos-left.both-sidebars .contained, .videos-left.both-sidebars .fullscreen{
	left: 670px;
}
.videos-left.both-sidebars .general-content, .videos-left.both-sidebars .room-background-controls {
    left: 670px !important;
}
.videos-left.both-sidebars .room-video-content {
	left: 440px !important;
}
.videos-right.both-sidebars .contained, .videos-right.both-sidebars .fullscreen{
	right: 670px;
	left: initial !important;
}
.videos-right.both-sidebars .room-video-content {
	right: 440px !important;
	left: initial !important;
}
.videos-top.both-sidebars .fullscreen, .videos-bottom.both-sidebars .fullscreen{
	width: calc(100% - 880px);
	position: absolute;
}
.videos-bottom.both-sidebars .fullscreen, .videos-top.both-sidebars .fullscreen{
	left: 440px;
}


@media  (max-width: 640px) { 
	.room-video-content, .room-background {
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important;
	}
	.room-video-content{
		z-index: 80 !important;
		padding: 0;
		height: calc(100% - 50px) !important;
	}
}


/* ----- switch */

/* videos layout display no sidebar */
/*
.switch .videos-left.no-sidebar .contained, .switch .videos-left.no-sidebar .fullscreen{
	width: calc(100% - 230px);
	right: 230px;
	left: initial;
	position: absolute;
}
.switch .videos-left .room-video-content {
	width: 230px !important;
	right: 0 !important;
	left: initial !important;
	position: absolute;
}
.switch .videos-right.no-sidebar .contained, .switch .videos-right.no-sidebar .fullscreen{
	width: calc(100% - 230px);
	left: 230px;
	right: initial;
	position: absolute;
}
.switch .videos-right .room-video-content {
	width: 230px !important;
	left: 0 !important;
	right: initial !important;
	position: absolute;
}
*/
/* videos layout display single sidebar */
/*
.videos-left.single-sidebar.single-sidebar-left .contained, .videos-left.single-sidebar.single-sidebar-left .fullscreen{
	left: 670px;
}
.videos-left.single-sidebar.single-sidebar-left  .room-video-content {
	left: 440px !important;
}
.videos-left.single-sidebar.single-sidebar-right .contained, .videos-left.single-sidebar.single-sidebar-right .fullscreen{
	left: 230px;
}
.videos-left.single-sidebar.single-sidebar-right  .room-video-content {
	left: 0 !important;
}
.videos-left.single-sidebar .contained, .videos-left.single-sidebar .fullscreen{
	width: calc(100% - 670px);
	position: absolute;
}
.videos-right.single-sidebar.single-sidebar-left .contained, .videos-right.single-sidebar.single-sidebar-left .fullscreen{
	right: 230px;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-left  .room-video-content {
	right: 0 !important;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-right .contained, .videos-right.single-sidebar.single-sidebar-right .fullscreen{
	right: 670px;
	left: initial !important;
}
.videos-right.single-sidebar.single-sidebar-right  .room-video-content {
	right: 440px !important;
	left: initial !important;
}
.videos-bottom.single-sidebar .contained, .videos-bottom.single-sidebar .fullscreen, .videos-top.single-sidebar .contained, .videos-top.single-sidebar .fullscreen{
	width: calc(100% - 440px);
	position: absolute;
}
.videos-bottom.single-sidebar-left .fullscreen, .videos-top.single-sidebar-left .fullscreen{
	left: 440px;
}
.videos-bottom.single-sidebar-right .fullscreen, .videos-top.single-sidebar-right .fullscreen{
	right: 440px;
}
*/
/* videos layout display both sidebars */
/*
.switch .videos-left.both-sidebars .contained, .switch .videos-left.both-sidebars .fullscreen{
	right: 670px;
	left: initial !important;
}
.switch .videos-left.both-sidebars .room-video-content {
	right: 440px !important;
	left: initial !important;
}
.switch .videos-right.both-sidebars .contained, .switch .videos-right.both-sidebars .fullscreen{
	left: 670px;
	right: initial !important;
}
.switch .videos-right.both-sidebars .room-video-content {
	left: 440px !important;
	right: initial !important;
}
.switch .videos-bottom.both-sidebars .fullscreen, .switch .videos-top.both-sidebars .fullscreen{
	right: 440px;
	left: initial !important;
}
*/

.room-identity .logo {
	display: inline-block;
    vertical-align: middle;
}
.room-identity .logo img {
	max-height: 50px;
	padding: 10px;
}
.room-title {
	display: inline-block;
    vertical-align: middle;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 0 10px;
	overflow: hidden;
}
.room-title strong, .room-title small {
	line-height: 50px;
	height: 50px;
    display: inline-block;
	vertical-align: middle;
}
.room-title .room-name {
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

@media  (max-width: 480px) { 
	.room-title .room-name {
		max-width: 0;
		padding: 0;
	}
}

.marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
.not-marquee {
	text-indent: 0 !important;
}

.room-title strong {
    font-size: 14px;
    padding-right: 20px;
    font-weight: 300;
    border-right: 1px solid rgba(255,255,255,0.4);
}
.room-title strong.room-number {
    border-right: 0;
    font-size: 28px;
    position: relative;
    padding: 5px 5px 0 5px;
    min-width: 80px;
    font-weight: bold;
    text-align: center;
}
.room-title small {
    font-size: 8px;
    letter-spacing: 0.5px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -12px;
    left: 0;
    opacity: 0.6;
    font-weight: bolder;
    padding: 0 5px;
}
.room-title strong.room-number span {
	font-size: 80px;
    letter-spacing: 0.5px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 6px;
    left: -65px;
    opacity: 0.1;
    font-weight: bolder;
    padding: 0 5px;
	color:#fff !important;
}

.room-main-menu {
	text-align: right;
}

.room-main-menu ul {
	padding: 0px;
    margin: 0px;
    font-size: 0;
    list-style: none;
    position: relative;
	-webkit-box-shadow: inset 10px 0px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 10px 0px 20px -10px rgba(0,0,0,0.5);
	box-shadow: inset 10px 0px 20px -10px rgba(0,0,0,0.5);
	display: inline-block;
}
.room-main-menu ul::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	background: rgba(0,0,0,0.3);
}
.room-main-menu ul li {
	display: inline-block;
	position: relative;
	height: 50px;
    width: 56px;
}
.room-main-menu ul li:hover, .room-main-menu ul li.active {
	/* background: lightseagreen; */
}

.room-main-menu ul li > a{
    display: inline-block;
    font-size: 20px;
    color: #fff;
    opacity: 0.7;
    line-height: 50px;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
	z-index: 1;
	position: relative;
}
.room-main-menu ul li > a span{
    display: none;
}
.sml-menu.ext-sml-menu.room-main-menu ul li > a span{
    display: inline-block;
    vertical-align: middle;
}
.sml-menu.ext-sml-menu.room-main-menu ul li > a i{
	padding: 0 12px;
    font-size: 24px;
    vertical-align: middle;
}

.room-main-menu ul li:hover > a, .room-main-menu ul li.active > a{
	color:#fff;
	opacity:1;
}
.room-main-menu ul li a i {
	line-height:50px;
}
.room-main-menu ul li.exit-room {
	width: 60px;
}
.room-main-menu ul li.exit-room a{
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing: 1px;
    font-size: 15px !important;
}
.room-main-menu ul li.exit-room > a i{
    display: none;
}
.sml-menu.ext-sml-menu.room-main-menu ul li.exit-room > a i{
    display: inline-block;
}

.room-main-menu ul li::before {
    content: '';
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}
.room-main-menu ul li:hover::before {
    opacity: 0.45;
}

.room-c2a-menu ul {
	padding: 0px;
    margin: 0px;
    font-size: 0;
    list-style: none;
    position: relative;
	display: inline-block;
}
.room-c2a-menu ul li {
	display: inline-block;
	position: relative;
	height: 50px;
	padding: 0 15px;
	margin: 0 1px;
}
.room-c2a-menu ul li > a{
    display: inline-block;
    color: #fff;
    opacity: 0.7;
    line-height: 50px;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
	z-index: 1;
	position: relative;
	text-decoration:none;
    font-size: 15px !important;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.room-c2a-menu ul li > a i {
    font-size: 20px;
    padding-top: 15px;
}
.room-c2a-menu ul li > a .sop i {
    top: 1px;
    left: -7px;
}
.room-c2a-menu ul li:hover > a {
	opacity: 1;
}

.room-c2a-menu ul li:hover {
	background: rgba(0,0,0,0.15);
}

.room-c2a-menu ul li::before {
    content: '';
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}
.room-c2a-menu ul li:hover::before {
    opacity: 0.15;
}


.room-c2a-menu {
	width:30%;
	white-space:nowrap;
}
.room-identity {
	width:35%;
}
.room-main-menu {
	width: 35%;
	white-space:nowrap;
}

.sml-menu.room-main-menu {
	max-width: 116px;
	float: right;
}
.sml-menu.room-c2a-menu {
	max-width:56px;
	max-width: 116px;
}

.sml-menu2.room-identity {
	width: calc(100% - 172px);
	width: calc(100% - 234px);
}
.sml-menu1.room-identity {
	width: calc(65% - 116px);
}


.sml-menu ul li, .rsp-menu ul li.bt-sml-menu-ext {
	display: none;	
	width: 56px;
}
.room-c2a-menu ul li.bt-sml-menu-ext {
	width: 116px;
}
.sml-menu ul li.bt-sml-menu-ext, .sml-menu ul li.exit-room {
	display: inline-block;	
}
.rsp-menu {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}
.sml-menu.ext-sml-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(51, 51, 51);
    top: 0px;
    left: 0px;
    z-index: 4000;	
	max-width: initial;
}
.sml-menu.ext-sml-menu ul {
    width: 100%;
}
.sml-menu.ext-sml-menu ul li {
	display: block;
	width: 100%;
	height: 60px;
}
.sml-menu.ext-sml-menu ul li a {
	width: 100%;
}

body .hidden {
	display:none !important;
}

.flex-viewport {
	width: 100%;
	height: 100%;
}
.room-background-controls {
    height: 24px !important;
    top: initial !important;
    bottom: 10px !important;
    left: 10px !important;
	z-index: 10;
}

.videos-left.no-sidebar .room-background-controls.contained {
    left: 240px !important;
}

.videos-bottom .room-background-controls.contained {
    bottom: 190px !important;
}

.room-background iframe {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

/*to be removed */

#second-rscts {
	background: url('https://click-to-video.com/sites/all/themes/ctv_christmas/img/bg3.jpg');
	background-size: cover;
	background-position: center;	
}
/*to be removed */


/* --------------- chat*/
div[sidebar-id=fs1], div[sidebar-id=fs2], div[sidebar-id=fs3], div[sidebar-id=fs4], div[sidebar-id=fs6], div[sidebar-id=fs0], div[sidebar-id=fs5], div[sidebar-id=fs7], div[sidebar-id=fs8], div[sidebar-id=fs9], div[sidebar-id=fs10], div[sidebar-id=fs11] { 
   background: #434753;
}
div[sidebar-id=fs12] { 
   background: none;
}
.div[sidebar-id=fs12]::after {
    border-right: 1px solid rgba(255,255,255,0);
    border-left: 1px solid rgba(0,0,0,0);
    opacity: 0;
}
div[sidebar-id=fs7], div[sidebar-id=fs11] {
    padding: 1px;
}
.chat-box, .ws-box, #instagram-box {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.chat-box textarea {
	width: 100%;
	height: 120px;
	position:absolute;
	bottom:40px;
	left:0;
	resize: none;
	margin: 0;
    padding: 10px;
	border: none;
}
.chat-box .submit  {
	width: calc(100% - 40px);
	height: 40px;
	position:absolute;
	bottom:0;
	left:0;
	resize: none;
	display: inline-block;
    vertical-align: middle;
    list-style: none;
    background-color: rgba(54,54,54,1);
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
#ws-file-box .after-messages button  {
	width: calc(100% - 40px);
	height: 40px;
	margin: 0;
	resize: none;
	display: inline-block;
    vertical-align: middle;
    list-style: none;
    background-color: rgba(54,54,54,1);
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
	overflow: hidden;
}
#ws-file-box .after-messages button:hover  {
	background-color: #00BCD4;
}

#ws-file-box .after-messages button#ws-upload-files-button  {
	width: 40px;
    margin: 0;
    min-width: initial;
	background-color: #00a4b9;
}
[emoji-value], .emoji-open {
	width: 40px;
	height: 40px;
	resize: none;
	display: inline-block;
    vertical-align: middle;
    list-style: none;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.emoji-open::after {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    left: 5px;
    content: '';
    background-image: url(../img/emoji/happy-01.png);
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.emoji-open:hover::after {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
[emoji-value] {
    width: 28px;
    height: 28px;
}
.single-msg [emoji-value] {
    width: 60px;
    height: 60px;
}
.emoji-open {
	position:absolute;
	bottom:0;
	right:0;
	background-color: #00a4b9;
}
.emoji-content {
    position: absolute;
    bottom: 42px;
    right: 2px;
    width: calc(100% - 4px);
    padding: 5px;
    height: 66px;
    background: #607d8b;
    border-radius: 5px;
    display: none;
}
.emoji-on.emoji-content {
	display: inline-block;
}

[emoji-value="emoji::amazed::emoji"]{
	background-image: url('../img/emoji/amazed-01.png');
}
[emoji-value="emoji::angry::emoji"]{
	background-image: url('../img/emoji/angry-01.png');
}
[emoji-value="emoji::awesome::emoji"]{
	background-image: url('../img/emoji/awesome-01.png');
}
[emoji-value="emoji::blink::emoji"]{
	background-image: url('../img/emoji/blink-01.png');
}
[emoji-value="emoji::blush::emoji"]{
	background-image: url('../img/emoji/blush-01.png');
}
[emoji-value="emoji::dafunk::emoji"]{
	background-image: url('../img/emoji/dafunk-01.png');
}
[emoji-value="emoji::dizzy::emoji"]{
	background-image: url('../img/emoji/dizzy-01.png');
}
[emoji-value="emoji::ehh::emoji"]{
	background-image: url('../img/emoji/ehh-01.png');
}
[emoji-value="emoji::funny::emoji"]{
	background-image: url('../img/emoji/funny-01.png');
}
[emoji-value="emoji::happy::emoji"]{
	background-image: url('../img/emoji/happy-01.png');
}
[emoji-value="emoji::happylove::emoji"]{
	background-image: url('../img/emoji/happylove-01.png');
}
[emoji-value="emoji::havingfun::emoji"]{
	background-image: url('../img/emoji/havingfun-01.png');
}
[emoji-value="emoji::hehe::emoji"]{
	background-image: url('../img/emoji/hehe-01.png');
}
[emoji-value="emoji::hihi::emoji"]{
	background-image: url('../img/emoji/hihi-01.png');
}
[emoji-value="emoji::hypnotize::emoji"]{
	background-image: url('../img/emoji/hypnotize-01.png');
}
[emoji-value="emoji::kiss::emoji"]{
	background-image: url('../img/emoji/kiss-01.png');
}
[emoji-value="emoji::lol::emoji"]{
	background-image: url('../img/emoji/lol-01.png');
}
[emoji-value="emoji::love::emoji"]{
	background-image: url('../img/emoji/love-01.png');
}
[emoji-value="emoji::nice::emoji"]{
	background-image: url('../img/emoji/nice-01.png');
}
[emoji-value="emoji::nottoday::emoji"]{
	background-image: url('../img/emoji/nottoday-01.png');
}
[emoji-value="emoji::proud::emoji"]{
	background-image: url('../img/emoji/proud-01.png');
}
[emoji-value="emoji::rockon::emoji"]{
	background-image: url('../img/emoji/rockon-01.png');
}
[emoji-value="emoji::sad::emoji"]{
	background-image: url('../img/emoji/sad-01.png');
}
[emoji-value="emoji::tongue::emoji"]{
	background-image: url('../img/emoji/tongue-01.png');
}
[emoji-value="emoji::what::emoji"]{
	background-image: url('../img/emoji/what-01.png');
}


.pre-messages {
    height: 30px;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-weight: 300;
    line-height: 30px;
    font-style: italic;
	margin-bottom: 10px;
}
 .pre-messages a {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    background-color: #607D8B;
    color: #fff;
    font-size: 12px;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
	font-style: normal;
}
.pre-messages a:hover {
    background-color: #009688;
}
.after-messages {
	width: 100%;
    height: 80px;
    position: absolute;
    bottom: -40px;
    left: 0;
    resize: none;
    margin: 0;
    padding: 0;
    border: none;
	font-size: 0;
}
#ws-file-box #ws-files {
    width: 100%;
    height: calc( 100% - 90px );
    margin: 10px 0;
    overflow: auto;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 17px;
}
.file2download {
    padding-left: 45px !important;
    padding-right: 55px !important;
    position: relative;
    min-height: 50px;
    line-height: 30px;
    overflow: hidden;
}
.file2download a {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: rgba(54,54,54,1);
    font-size: 15px;
    padding-top: 18px;
}
.file2download a:hover {
    background-color: #00BCD4;
}
.file2download span {
    display: block;
    font-size: 12px;
    opacity: 0.4;
    line-height: 12px;
    position: absolute;
    top: 4px;
}
#ws-files hr {
    border-top: 5px solid #373944;
    margin-top: 10px;
    margin-bottom: 10px;
}
.file2download:before {
	content: "\f016";
	position:absolute;
	top:10px;
	left:10px;
	width:25px;
	height:30px;
	background: dimgrey;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-size: 20px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
}
.file2download.file-photo:before {
	content: "\f1c5";
	background: darkcyan;
}
.file2download.file-archive:before {
	content: "\f1c6";
	background: indianred;
}
.file2download.file-pdf:before {
	content: "\f1c1";
	background: crimson;
}
.file2download.file-doc:before {
	content: "\f0f6";
	background: cadetblue;
}
.file2download.file-video:before {
	content: "\f1c8";
	background: steelblue;
}
.file2download.file-audio:before {
	content: "\f1c7";
	background: slateblue;
}

#ws-uploadp {
	height: 10px;
	overflow: hidden;
	margin-top: 4px;
	position: relative;
	background: #555;
	display: inline-block;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
#ws-uploadp:before {
	display: block;
	height: 100%;
	width: 100%;
	background-color: rgb(43,194,83);
	background-image: linear-gradient(
	center bottom,
	rgb(43,194,83) 37%,
	rgb(84,240,84) 69%
	);
	box-shadow: 
	inset 0 2px 9px  rgba(255,255,255,0.3),
	inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}
#ws-uploadp:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.chat-box .submit:hover {
    background-color: #00BCD4;
}
.chat-box #messages {
    width: 100%;
    height: calc( 100% - 210px );
    margin: 10px 0;
    overflow: auto;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 17px;
}
#instagram-box #insta-box {
    width: 100%;
    height: calc( 100% - 40px );
    margin: 10px 0;
    overflow: auto;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 17px;
}

/* scrollbar messages ------------- */
.chat-box #messages::-webkit-scrollbar, .share-content::-webkit-scrollbar, #fs0-edit-iframe::-webkit-scrollbar, #ws-file-box #ws-files::-webkit-scrollbar, #instagram-box #insta-box::-webkit-scrollbar {
	width: 8px;
}
.chat-box #messages::-webkit-scrollbar-track, .share-content::-webkit-scrollbar-track, #fs0-edit-iframe::-webkit-scrollbar-track, #ws-file-box #ws-files::-webkit-scrollbar-track, #instagram-box #insta-box::-webkit-scrollbar-track  {
    background-color: #363636; 
	border-left:2px solid rgba(20,20,20,0.5);
}
.chat-box #messages::-webkit-scrollbar-thumb, .share-content::-webkit-scrollbar-thumb, #fs0-edit-iframe::-webkit-scrollbar-thumb, #ws-file-box #ws-files::-webkit-scrollbar-thumb, #instagram-box #insta-box::-webkit-scrollbar-thumb  {
	background-color: #607D8B; 
	border-left:2px solid rgba(20,20,20,0.5);
}
.chat-box #messages::-webkit-scrollbar-button, .share-content::-webkit-scrollbar-button, #fs0-edit-iframe::-webkit-scrollbar-button, #ws-file-box #ws-files::-webkit-scrollbar-button, #instagram-box #insta-box::-webkit-scrollbar-button  {
	background-color: #1F1F1F;
	border-left:2px solid rgba(20,20,20,0.5);
}
.chat-box #messages::-webkit-scrollbar-corner, .share-content::-webkit-scrollbar-corner , #fs0-edit-iframe::-webkit-scrollbar-corner , #ws-file-box #ws-files::-webkit-scrollbar-corner, #instagram-box #insta-box::-webkit-scrollbar-corner  {
	background-color: black;
	border-left:2px solid rgba(20,20,20,0.5);
}

.chat-box #messages .single-msg, .ws-box .file2download, #insta-box .single-img {
    background: rgba(0,0,0,0.05);
    padding: 10px 8px;
    margin: 0 0 5px 0;
	position: relative;
}
#insta-box .single-img {
    padding: 10px 0;
}
#insta-box .single-img {
   text-align: center;
}
   
#insta-box .single-img img {
	width:100%;
	max-width: 420px;
}
#insta-box .pre-messages {
    text-transform: capitalize;
}
/*
.chat-box #messages .single-msg::before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.1;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
*/
.chat-box #messages small {
    opacity: 0.8;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 0px;
	display: block;
}
.chat-box #messages small i {
	padding-right:5px;
}
.chat-box #messages .single-msg a {
	color: #fff;
}
.chat-alert {
    position: absolute;
    font-size: 14px;
    color: deeppink;
    bottom: 3px;
    right: 3px;
	-webkit-animation: ring 8s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 8s 1s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 8s 1s ease-in-out infinite;
    transform-origin: 50% 4px;
	display:none;
}
.chat-alert-show .chat-alert {
	display: inline-block;
}
.unread-messages {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 10px;
    background: crimson;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
a[sidebar-id=fs6] .unread-messages {
    background: royalblue;
}
.alert-show .unread-messages, a[sidebar-id=fs6] .unread-messages {
	display: inline-block;
}


@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}
@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}

div[sidebar-id=fs5] a { 
	color: #fff;
    display: inline-block;
    padding: 2px 5px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0);
    background: rgba(0,0,0,0.3);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.2px;
}
div[sidebar-id=fs5] a:hover { 
    border-bottom: 1px solid cadetblue;
    background: rgba(0,0,0,0.5);
}
div[sidebar-id=fs5] h2 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
div[sidebar-id=fs5] hr {
    border-top: 5px solid #373944;
    margin-top: 10px;
    margin-bottom: 30px;
}

.inline-box {
	font-size: 0;
	position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.pre-messages h2 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
}
.pre-messages .warning {
    color: #fff;
    background: crimson;
    padding: 5px 20px;
    border-radius: 2px;
    font-style: normal;
}
.notifications {
    background: crimson;
    padding: 5px 10px;
    border-radius: 2px;
	font-size: 14px;
    font-weight: 300;
}
.share-text {
    font-size: 16px;
    font-weight: 300;
}
.share-content {
    width: 100%;
    height: calc( 100% - 88px );
    overflow: auto;
}
.share-content iframe {
    min-height: 300px;
	margin: 5px 0;
}
.share-content iframe:first-child {
	margin-top: 0;
}
.share-content iframe:last-child {
	margin-bottom: 0;
}
.share-input {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-radius: 2px 0 0 2px;
}
.share-btn {
    width: 50px;
    display: inline-block;
    min-width: initial;
    height: 38px;
    margin: 5px 0;
	font-size: 30px;
    border-radius: 0 2px 2px 0;
    vertical-align: middle;
	background-color: rgba(54,54,54,1);
	color: #fff;
}
button.share-btn:focus, input[type="button"].share-btn:focus, input[type="submit"].share-btn:focus {
    background-color: #00BCD4;
    color: #fff;
}
.share-btn:hover {
    background-color: #00BCD4;
}


.page-footer .links ul{
	padding:0 10px; 
	margin:0;
	font:0;
}
.page-footer .links ul > li{
	padding:0; 
	margin:0;
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
}

.popup .share a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
	min-width: initial;
    list-style: none;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    padding: 0;
    margin-right: 1px;
    text-align: center;
    border-radius: 50% !important;
    line-height: 50px;
    cursor: pointer;
    opacity: 0.6;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.popup .share a i{
	line-height: 50px;
}
.popup .share a:hover{
	opacity: 1;
}
.popup .share a.facebook:hover{
  	background: #3b5998;
}
.popup .share a.twitter:hover{
  	background: #00aced;
}
.popup .share a.linkedin:hover{
  	background: #007bb6;
}
.popup .share a.googleplus:hover{
  	background: #dd4b39;
}
.popup .share a.envelope:hover{
  	background: #00bf8f;
}
.popup .share a.whatsapp{
  	display:none;
}
.popup .share a.whatsapp:hover{
  	background: #7AB549;
}

.popup .share a.qr:hover, .popup .share a.qr.active{
  	background: #DB2464;
	opacity:1;
}

.popup .share a.qr {
    display: block;
    width: 380px;
    max-height: initial;
    height: 380px;
    border-radius: 0 !important;
    margin: 0 auto;
    padding: 0;
	 opacity: 1;
    -ms-transform: scale(2, 3);
    -webkit-transform: scale(2, 3);
    transform: scale(0.9, 0.9);
	background: #fff;
}
.popup .share a.qr .qrcode {
    width: 100%;
    height: 100%;
}
.popup .share a.qr i {
    display:none;
}


.popup.support .popup-inner {
    max-width: 540px;
}

ul.popup-information {
	margin:0;
	padding: 0;
	font-size: 0;
	text-align: center;	
}
ul.popup-information li {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    display: inline-block;
    width: 230px;
    height: 280px;
    vertical-align: middle;
}
ul.popup-information li a {
	margin: 0;
    padding: 0;
    font-size: 30px;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    background: lavender;
    color: #333;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
ul.popup-information li a:hover {
    background: lightblue;
}
ul.popup-information li a span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    background: lightslategrey;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
ul.popup-information li a:before {
    position: absolute;
    width: 80%;
    height: calc(100% - 60px);
    top: 10px;
    left: 10%;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
ul.popup-information li:hover a:before {
    width: 100%;
    left: 0;
}
ul.popup-information li a.popup-faq:before {
	background-image: url('../img/icons/faq-icon.png')
}
ul.popup-information li a.popup-helpdesk:before {
	background-image: url('../img/icons/helpdesk-icon.png')
}


.videos {
	text-align: center;
	font-size: 0;
}
.room-page .room-sidebar-menu.small-sidebar.infront {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 800;
    top: 0 !important;
    left: 0 !important;
    padding: 50px 0;
	overflow-y: auto;
}
.room-page .room-sidebar-menu.small-sidebar::before {
    display: none;
}
.room-page .room-sidebar-menu.small-sidebar.infront::before {
    position: fixed;
	display:inline-block;
}
.room-page .room-sidebar-menu.small-sidebar.infront .rsm-div {
    width: 100%;
    height: 60px;
    display: inline-block;
    position: relative;
}
.room-page .room-sidebar-menu.small-sidebar.infront a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 100%;
    font-size: 20px;
    background: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    position: relative;
    text-align: left;
    padding-left: 40px;
    position: relative;
    z-index: 10;
}
.room-page .room-sidebar-menu.small-sidebar.infront a i {
    padding: 12px;
    font-size: 30px;
	vertical-align: middle;
}
.room-page .room-sidebar-menu.small-sidebar.infront .rsm-div:hover a i {
    padding: 10px;
    font-size: 34px;
}
.room-page .room-sidebar-menu.small-sidebar.infront a span {
    display: inline-block;
	vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
	width: calc(100% - 90px);
}
.room-page .room-sidebar-menu.small-sidebar.infront a span.unread-messages {
    top: 10px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
	display: none;
}
.room-page .room-sidebar-menu.small-sidebar.infront a.alert-show span.unread-messages, .room-page .room-sidebar-menu.small-sidebar.infront a[sidebar-id=fs6] span.unread-messages {
    display: inline-block;
}


.room-page .room-sidebar-menu.small-sidebar .room-sidebar-tab-setting-menu, .room-page .room-sidebar-menu.small-sidebar .rsm-div {
    display: none !important;
}
.room-page .room-sidebar-menu.small-sidebar.infront .rsm-div {
    display: inline-block !important;
}

.room-page.small-page .room-content {
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    position: relative;
	top: 50px;
}
.room-page .room-sidebar-menu.small-sidebar {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 50%;
    position: absolute;
    z-index: 70;
    top: 0;
	border: none !important;
}
.room-one-sidebar .room-sidebar-menu.small-sidebar {
    width: 100%;
}


.room-page .room-sidebar-menu.small-sidebar.room-sidebar-right {
    right:0;
	text-align: right;
}
.room-page .room-sidebar-menu.small-sidebar.room-sidebar-left {
    left:0;
}


/*
.playing {
    max-width: 204px;
    width: calc(100% - 10px);
    max-height: 153px;
    height: 100%;
    margin: 5px;
    background: #333;
    display: inline-block;
    vertical-align: top;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    padding-bottom: 0px;
	overflow:hidden;
}*/
.playing {
    margin: 5px;
    background: #333;
    display: inline-block;
    vertical-align: top;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 1;
    width: 220px;
    height: 166px;
}
.playing.broadcaster {
	width: 360px;
    height: 270px;
}
.playing-focus.playing.broadcaster {
    width: 100% !important;
    height: 100% !important;
	margin: 0;
}
.videos-left .playing.broadcaster, .videos-right .playing.broadcaster, .videos-top .playing.broadcaster, .videos-bottom .playing.broadcaster {
    width: 220px;
    height: 166px;
}


.container-hover.playing:before {
    content:'';
    background: darkturquoise;
    width:100%;
	height:100%;
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#copyright {
	position: absolute;
    right: 20px;
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    width: initial;
    text-align: right;
    padding: 2px 10px;
    border-radius: 2px;
    z-index: 1000;
    height: 20px;
    top: 0;
    display: inline-block;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
} 
#copyright:hover {
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.8);
}
#copyright:hover a {
    color: rgba(255,255,255,0.8);
} 
#copyright a {
	color: rgba(255,255,255,0.6);
	white-space: nowrap;
	font-size: 12px;
}
#copyright a:hover {
	color: rgba(255,255,255,1);
}

.room-background:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 80%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.room-background.infront:before {
	display: none;
}
.videos-left .room-background:before, .videos-bottom .room-background:before, .videos-right .room-background:before, .videos-top .room-background:before {
    display: none;
}
.flex-pauseplay {
    padding-right: 13px;
}
.flex-pauseplay a {
    color: #e6e4d4;
}
.flex-control-nav li a {
    background: #e6e4d4;
}
.flex-control-paging li a:hover {
    background: #e6e4d4;
}
.flex-control-paging li a.flex-active {
    background: #e6e4d4;
}
.flexslider-controls, .youtube-controls, .iframe-controls {
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.youtube-controls {
	padding: 2px 0;
}
.flexslider-controls:hover, .youtube-controls:hover, .iframe-controls:hover{
    background: rgba(0,0,0,0.8);
	padding: 0 5px;
	border-radius: 2px;
}
.youtube-controls:hover{
	padding: 2px 5px;
}
.sop, .small-sidebar .sop {
	display: none !important;
	padding-right: 5px !important;
}
.ext-sml-menu .sop, .small-sidebar.infront .sop{
	display: inline-block !important;
}
.ext-sml-menu .sop i, .small-sidebar .sop i {
    top: -4px;
    position: relative;
}
.ext-sml-menu .fa-bars, .small-sidebar.infront .fa-bars {
	display: none !important;
}

.small-page .room-name {
	display: none !important;
	
}


@media  (max-width: 640px) { 
	.videos {
		text-align: center;
	}
	/*
	.playing {
		margin: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		max-width: initial;
		width: 50%;
		max-height: initial;
	}*/
	.playing {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: calc(48% - 2px);
		overflow: initial;
		border-radius: 0;
		margin: 1px;
		height: 190px;
    	padding-bottom: 30px;
	}
	.playing.broadcaster {
		width: 260px;
		height: 230px;
		margin-left: calc(50% - 130px);
	}
}
.playing.playing-hidden{
	display: none;
}
.playing-focus {
    width: 100%;
    height: 100% !important;
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    z-index: 240;
    background-color: rgba(0,0,0,1);
	max-width: initial;
    max-height: initial;
}

.playing-focus .playing-video {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.playing-focus .playing-video video {
    padding:40px 0;
}

.playing-video {
  background-size: cover;
  height: 100%;
  position: relative;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}


.playing-video video{
	width:100%;
	height:100%;
	-webkit-filter: none;
	filter: none;
}
.playing-paused .playing-video video{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}


.playing-name {
	text-align: center;
	width: 100%;
	padding: 5px;
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
	font-size: 12px;
	text-transform: uppercase;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(47,47,47,0) 93%, rgba(51,51,51,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(93%,rgba(47,47,47,0)), color-stop(100%,rgba(51,51,51,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00333333',GradientType=0 );
    background-color: rgba(0,0,0,0.1);

}

.playing-name {
    font-size: 12px;
    text-transform: initial;
    letter-spacing: 0.2px;
}

.playing-status {
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 5px;
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
	left: 0;
	font-size: 12px;
	text-transform: uppercase;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(47,47,47,0) 93%, rgba(51,51,51,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(93%,rgba(47,47,47,0)), color-stop(100%,rgba(51,51,51,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00333333',GradientType=0 );
    background-color: rgba(0,0,0,0.1);
    text-align: left;
	display: none;
}
.status-active.playing-status {
	display: inline-block;
}
.playing-status span {
    position: absolute;
	bottom: 10px;
	left: 5px;
}

.playing-name i {
    font-size: 13px;
    padding-right: 5px;
    opacity: 0.4;
}
.playing-focus .playing-name {
    padding: 10px;
}

.playing-fullscreen {
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	right:0px;
	background: rgba(0,0,0,0);
	font-family: FontAwesome;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	border-radius: 4px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	margin:3px;
	text-align:center;
	opacity:0.8;
}
.playing-fullscreen:before {
	display:inline-block;
    padding-top:2px;
	content: "\f0b2";
}

.playing-controls {
    position: absolute;
    bottom: -10px;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 0;
	opacity:0;
	/*background: #333;*/
	background: rgba(4, 8, 47, 0.4);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.playing:hover .playing-controls {
	bottom: 0;
	opacity:1;
}
.playing.playing-focus .playing-controls {
	bottom: 0;
	opacity:1;
}

.playing-focus .playing-controls {
    padding: 10px;
    text-align: center;
}

.playing-focus .playing-fullscreen {
	width:30px;
	height:30px;
	top:5px;
	right:5px;
	background: rgba(0,0,0,0.8);
	font-size:18px;
	opacity:1;
}
.playing-focus .playing-fullscreen:before {
    padding-top:5px;
}


.playing-controls a{
    display: inline-block;
    width: 33.3%;
	max-width:240px;
    vertical-align: middle;
    height: 30px;
    margin: 0;
    background: rgba(158,213,102,0.8);
	background: rgba(4, 8, 47, 0);
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
    position: relative;
    text-align: center;
}
.playing.playing-focus .playing-controls a{
	width: calc(33.3% - 2px);
    margin: 0 1px;
    height: 50px;
}

.playing-controls a:hover{
	background: rgba(158,213,102,1);
	background: rgb(14, 123, 210);
}
.playing-controls a:before{
	display:inline-block;
    padding-top:6px;
}
.playing.playing-focus .playing-controls a:before {
    padding-top: 16px;
}


.playing-controls a.playing-webcam:before{
	content: "\f03d";
}
.playing-controls a.playing-mute:before{
	content: "\f130";
}
.playing-controls a.playing-mute-webcam:before{
	content: "\f04c";
}

.volume {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 5px;
	opacity:0.6;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.playing:hover .volume {
	bottom: 30px;
}
.playing.playing-focus .volume{
	bottom: 70px;
}
.playing-paused .volume, .playing-muted .volume{
  opacity:0;
}
.playing-paused a.playing-webcam, .playing-muted a.playing-mute{
  background: rgba(229,88,105,0.8);
}
.playing-paused a.playing-webcam:hover, .playing-muted a.playing-mute:hover, .user-playing-muted a.playing-mute, .user-playing-paused a.playing-webcam{
  background: rgba(229,88,105,1);
}
/*
.playing-paused a.playing-mute, .user-playing-muted .volume, .user-playing-paused a.playing-mute{
  display:none;
}
.playing-paused a.playing-webcam, .user-playing-paused a.playing-webcam{
  width:100%;
}
*/
.playing-paused.playing-muted a.playing-mute-webcam, .user-playing-paused.user-playing-paused a.playing-mute-webcam{
 	width:100%;
	background: rgba(229,88,105,0.8);
}
.playing-paused.playing-muted a.playing-mute-webcam:hover {
	background: rgba(229,88,105,1);
}
.playing-paused.playing-muted a.playing-mute, .playing-paused.playing-muted a.playing-webcam, .user-playing-muted .volume, .user-playing-paused.user-playing-paused a.playing-mute, .user-playing-paused.user-playing-paused a.playing-webcam {
    display:none;
}
.playing-paused a.playing-webcam:after, .playing-muted a.playing-mute:after, .user-playing-muted a.playing-mute:after, .user-playing-paused a.playing-webcam:after { 
  position: absolute;
  content: "";
  left: calc(50% - 17px);
  top: 50%;
  right: 0;
  width:30px;
  border-top: 2px solid;
  border-color: inherit;
  -webkit-transform:rotate(-50deg);
  -moz-transform:rotate(-50deg);
  -ms-transform:rotate(-50deg);
  -o-transform:rotate(-50deg);
  transform:rotate(-50deg);
}


.playing-paused a.playing-webcam:before, .playing-muted a.playing-mute:before{ 
  opacity:0.8;
}
.playing-paused a.playing-webcam:hover:before, .playing-muted a.playing-mute:hover:before{ 
  	opacity:0.9;
}
.user-playing-paused:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 500;
}
.user-playing-muted .playing-controls:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    background: rgba(229,88,105,0.1);
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 500;
}
.user-playing-paused.user-playing-muted .playing-controls:before, .playing-paused.user-playing-muted .playing-controls:before{
    display:none;
}


.now-playing-info h1, .now-playing-info p {
  margin: 0;
  padding: 0;
  color: #e5e9ed;
  font-weight: 300;
}
.now-playing-info p {
  font-size: 90%;
}
.now-playing-info a {
  color: #e5e9ed;
}
.now-playing-info a:hover {
  color: white;
}

.now-playing-controls {
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  margin-top: 15px;
  padding: 20px;
}
.now-playing-controls ul {
  text-decoration: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.now-playing-controls ul li {
  display: inline-block;
  background: #e5e9ed;
  position: relative;
}
.now-playing-controls ul li a {
  display: block;
  padding: 10px 18px;
  color: white;
}
.now-playing-controls ul .previous, .now-playing-controls ul .play, .now-playing-controls ul .next {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin: 2px;
}
.now-playing-controls ul .previous, .now-playing-controls ul .next {
  font-size: 1.5em;
}
.now-playing-controls ul .previous a, .now-playing-controls ul .next a {
  padding: 10px 20px;
}
.now-playing-controls ul .play {
  font-size: 2em;
  position: relative;
}
.now-playing-controls ul .play a {
  padding: 20px 30px;
}
.now-playing-controls li:hover {
  transform: scale(1.05);
}
.now-playing-controls li:hover a {
  background: #616c77;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.playing-ConnectionState {
    width: 100%;
    z-index: 400;
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    bottom: -10px;
    width: 100%;
    padding: 0;
    line-height: 150px;
    text-align: center;
    font-size: 13px;
    opacity: 1;
    background: #333;
	color: #fff;
}


.NOvideo.playing{
	background: mediumturquoise;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.NOvideo.playing .playing-video, .NOvideo.playing .playing-fullscreen{
	display: none;
}

.NOvideo.playing .playing-name{
    height: 100%;
    padding-top: 25%;
    font-size: 29px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(47,47,47,0) 93%, rgba(51,51,51,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(93%,rgba(47,47,47,0)), color-stop(100%,rgba(51,51,51,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(47,47,47,0) 93%,rgba(51,51,51,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00333333',GradientType=0 );
    background-color: rgba(0,0,0,0.1);
}
.NOvideo.playing .playing-controls a {
    width: 100%;
}
.NOvideo.playing .playing-controls a.playing-webcam, .NOvideo.playing .playing-controls a.playing-mute-webcam {
    display: none;
}

@media  (max-width: 640px) { 
	.playing-controls {
		position: relative;
		bottom: 0px;
		width: 100%;
		opacity: 1;
	}
	.NOvideo.playing .playing-controls {
		position: absolute;
	}
	.NOvideo.playing .playing-controls a {
		max-width: 100%;
	}
	.playing-focus .playing-controls {
		position: absolute;
	}
	.volume {
		bottom: 30px;
	}
	.room-identity .logo img {
		max-width: 65px;
	}
}

.room-page .menu-small {
	display: none;
}
.small-sidebar .menu-small {
	display: inline-block;
}


.demo-text {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    text-align: center;
    padding-top: 20%;
    font-size: 15px;
    text-transform: uppercase;
    opacity: 0.8;
    font-weight: 400;
    background: rgba(0,0,0,0.2);
    color: #fff;
    opacity: 0.8;
}
.demo-text:hover {
	opacity: 0.5;
}
.demo-text span{
    display: block;
    font-size: 11px;
}
.demo-text span#timer-div{
    display: block;
    font-size: 24px;
	padding-top: 10px;
}
span#demo-timer {
    text-align: right;
	position: absolute;
    bottom: 50px;
    right: 50px;
	mix-blend-mode: difference;
    opacity: 0.9;
    /*color: lemonchiffon;*/
}
span.timediv {
    font-size: 70px;
    line-height: 50px;
    right: -3px;
    position: relative;
}
span.datediv {
    font-size: 19px;
}
span.weather-widget {
    position: absolute;
    bottom: 110px;
    text-align: right;
    right: 50px;
	opacity: 0.8;
	/*color: lemonchiffon;*/
}
span.weather-widget.only-weather {
    bottom: 50px;
}
.demo-text span.weather-city {
    font-size: 19px;
}
.demo-text span.weather-value {
	font-size: 12px;
    position: relative;
    top: -16px;
}
.demo-text span.weather-value strong {
    font-size: 24px;
    position: relative;
    top: 4px;
    right: -7px;
}

.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.9);
	z-index: 10000;
}

.popup-inner {
    max-width:500px;
    width:90%;
    padding:40px;
    position:absolute;
    top:30%;
    left:50%;
    text-align: center;
    -webkit-transform:translate(-50%, -35%);
    transform:translate(-50%, -35%);
    border-radius:4px;
    background:#fff;
}
.share.popup-inner {
    max-width:700px;
}

.popup-inner p {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.popup-inner a, .popup-inner button {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 30px;
    font-weight: 300;
    letter-spacing: 0px;
    border: none !important;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    margin: 20px 5px 0 5px;
    color: #fff;
    background: #333;
    background: darkturquoise;
    opacity: 0.9;
	min-width: 120px;
}
.popup-inner a:hover, .popup-inner button:hover {
	opacity: 1;
}
.popup-inner a[data-popup-close] {
    background: crimson;
}
.share ul, .share li {
	list-style: none;
	padding: 0;
	margin: 0;
}
li.share {
    margin-bottom: 0;
}

.white-icon {
    display: inline-block;
    height: 35px;
    width: 35px;
    font-size: 20px;
    background: #00a4b9;
    color: #fff;
    position: relative;
    text-align: center;
    transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    border-radius: 3px;
    line-height: 35px;
    margin-right: 10px;
}
.white-icon i {
	line-height: 35px;
}

#ws-audience .audience {
    background: rgba(0,0,0,0.1);
    padding: 4px 15px;
    margin: 0 0 5px 0;
    position: relative;
	display: none;
}
#ws-audience .audience.peerLoaded {
    display: block;
}
 

#ws-audience .audience-name {
    width: calc(100% - 66px);
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: 200;
	padding-left: 30px;
	transition: all 0s ease;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
}
#ws-audience .audience-name small {
    font-size: 12px;
}
#ws-audience .audience-name i {
    padding-right: 8px;
    font-size: 20px;
    opacity: 0.2;
}
#ws-audience .audience-name .span-avatar {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
	position: absolute;
	top: 13px;
    left: 13px;
	transition: all 0s ease;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
}
    
#ws-audience .audience-name:hover {
    padding-left: 80px;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#ws-audience .audience-name:hover .span-avatar {
    width: 90px;
    height: 90px;
    display: inline-block;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: absolute;
    top: -25px;
    left: 0px;
    z-index: 100;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#ws-audience .audience-controls {
    width: 66px;
    display: inline-block;
    vertical-align: middle;
	font-size:0;
}
#ws-audience .audience-controls a {
    display: inline-block;
    height: 35px;
    width: 28px;
    font-size: 20px;
    color: tomato;
    position: relative;
    text-align: center;
    transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    border-radius: 3px;
    line-height: 35px;
    margin-left: 5px;
}
#ws-audience .audience-controls a i {
    line-height: 35px;
    font-size: 26px;
}

.room-background-youtube, .room-background-slider, .room-background-iframe {
	width: 100%;
    height: 100%;
}

.youtube-controls{
	font-size: 14px;
    display: block;
}
.youtube-controls a {position: relative; bottom: 0; display:inline-block; color: #e6e4d4; font-size:16px; width:20px; text-align:center; opacity: 0.8;}
.youtube-controls a:hover {opacity: 1;}
.youtube-controls #volume-down-button { margin-left:15px;}
.youtube-controls a#volume-down-button, #youtube-controls a#volume-up-button { font-size:10px; position: relative; top: -2px;}
.youtube-controls a#mute-button { font-size:22px; position: relative; top: 2px;}

[sidebar-id=fs7] iframe, [sidebar-id=fs11] iframe, [sidebar-id=fs10] iframe {
    height: 100% !important;
    margin: 0;
}

[sidebar-id=fs10] iframe {
	z-index: 1;
	position: relative;
}
[sidebar-id=fs10].room-sidebar-content-tab.active {
	/*background:#434753 url(../img/blue_loading.gif) center center no-repeat !important;*/
	position: relative;
}
[sidebar-id=fs10].room-sidebar-content-tab.active::after {
    background-image: url(../img/blue_loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 160px;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 80px);
    z-index: 0;
    content: '';
}

[sidebar-id=fs0] iframe {
    height: calc(100% - 40px) !important;
    margin: 0;
}

#pixel-response span  {
    font-size: 20px;
    background: rgba(0,0,0,0.2);
    color: #fff;
    text-align: center;
    padding: 20px 0;
    margin: 50px 0;
	width: 100%;
    display: inline-block;
}

#pixel-response span i  {
    display: none;
}

.videos-left .general-content, .videos-bottom .general-content, .videos-right .general-content, .videos-top .general-content {
	z-index: 1;
}

.videos-left .room-video-content, .videos-bottom .room-video-content, .videos-right .room-video-content, .videos-top .room-video-content {
    padding: 0;
}
.videos-left .playing, .videos-bottom .playing, .videos-right .playing, .videos-top .playing {
    margin: 5px;
    -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
.avatar-video {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	display: none;
}
.playing-paused .avatar-video, .user-playing-paused .avatar-video{
    display: inline-block;
}

#hide-background {
    position: absolute;
	display: none;
    top: 5px;
    right: 5px;
    display: none;
    width: 55px;
    height: 55px;
    list-style: none;
    background-color: #D82424;
    color: #fff;
    font-size: 25px;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
    opacity: 0.8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	z-index: 1;
}
.infront #hide-background {
    display: inline-block;
}

#hide-background i {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
#hide-background:hover {
	opacity: 1;
}
#hide-background:hover i {
    -webkit-transform: scale(1);
    transform: scale(1);
}

iframe.twitter-share-button {
    position: absolute !important;
    top: 0px;
    left: 70px;
}

#twitter-timeline-box {
    width: 100%;
    height: calc( 100% - 40px );
    margin: 10px 0 0 0;
    overflow: auto;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 17px;
    border-radius: 6px;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.fb_iframe_widget span {
    width: 100% !important;
    height: 100% !important;
	text-align: center !important;
    padding: 0;
}

.fb_iframe_widget iframe {
    width: 100% !important;
    max-width: 420px;
    height: 100% !important;
    display: inline-block;
	margin: 0;
    position: relative !important;
}


.room-sidebar-menu .menu-small {
	width: 180px;
	text-align: left;
    padding: 0 20px;
}
.room-sidebar-menu.room-sidebar-right .menu-small span{
	float: left;
	top: 18px;
}

.room-sidebar-menu .menu-small span {
	display: inline-block;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 12px;
    position: relative;
    top: -4px;
}


.room-sidebar-menu.infront  .menu-small span {
    display: inline-block;
    padding: 0 0px;
    text-transform: uppercase;
    font-size: 17px;
    position: relative;
    top: 0px;
    opacity: 0.4;
	float: inherit;
	width: unset !important;
}



@media  (max-width: 640px) { 
	.small-page .room-identity .logo {
		display: none !important;

	}
	.popup .share a {
		width: 36px;
		height: 36px;
		font-size: 15px;
		line-height: 36px;
	}
	.popup .share a i {
		line-height: 36px;
	}
	.mob-hidden {
		display:none !important;
	}
	
	ul.popup-information li {
		margin: 0;
		padding: 10px;
		font-size: 12px;
		display: inline-block;
		width: 100%;
		height: 130px;
		vertical-align: middle;
	}
	ul.popup-information li a:before {
		position: absolute;
		width: calc(100% - 200px) !important;
		height: 100%;
		top: 0;
		left: 0;
		content: '';
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	ul.popup-information li a span {
		position: absolute;
		width: 200px;
		bottom: calc(50% - 20px);
		right: 0;
		left:inherit;
		background: lightslategrey;
		color: #fff;
		height: 40px;
		line-height: 40px;
	}
}

@media  (max-width: 960px) { 
	.room-background-controls {
		height: 30px !important;
	}
	span#demo-timer, span.weather-widget {
		right: 10px;
	}
	#copyright {
		width: 380px;
		line-height: 12px;
		top: 0px;
		height: 20px;
		right: 10px;
	}
	.flexslider-controls, .youtube-controls, .iframe-controls {
		display: none !important;
	}
	.room-background-controls.infront .flexslider-controls, .room-background-controls.infront .youtube-controls, .room-background-controls.infront .iframe-controls {
		display: inline-block!important;
	}
}

#demo-purpose {
	display: none;
	
}

@media  (max-width: 660px) { 
	#copyright {
		display: none;
	}
}

/* timer */
/*
#timer-sec {
	display: none !important;
}
#timer-count {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
	text-align: right;
}
.countdown-section {
    display: inline-block;
    width: 70px;
    height: 60px;
    position: relative;
}
.countdown-amount {
    font-size: 50px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
  	width: 100%;
    text-align: right;
}
.countdown-period {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    right: 2px;
    width: 100%;
	opacity: 0.5;
    text-align: right;
}
*/

#timer-sec {
	display: none !important;
}
#timer-count {
	width: 420px;
    height: 0px;
    position: absolute;
    display: inline-block;
    text-align: center;
    padding: 0;
    background: lightseagreen;
    margin-top: 10px;
    bottom: 0;
    right: 0;
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
	overflow: hidden;
	z-index: 1000;
	color: #fff;
	text-transform: uppercase;
}
a.refill-button {
    width: 100px;
    height: 0;
    line-height: 110px;
    position: absolute;
    display: inline-block;
    text-align: center;
    padding: 0;
    background: teal;
    margin-top: 10px;
    bottom: 0;
    right: 360px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    overflow: hidden;
    z-index: 1000;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}
a.refill-button.timer-active {
    height: 110px;
}
#timer-count.timer-active {
    height: 110px;
	padding: 40px 0 30px 0;
}
#timer-count .countdown-row.countdown-descr {
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.small-page #timer-count {
	-ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    width: 340px;
    bottom: -33px;
    left: -90px;
	height: 110px;
	padding: 40px 0 30px 0;
    position: fixed;
	transition: unset;
    -moz-transition: unset;
    -webkit-transition: unset;
	z-index: 100;
}

.small-page .room-sidebar-menu a.rsm-timer {
	display:none !important;
}
.small-page a.refill-button {
	right: inherit;
	left: 160px;
	line-height: 51px;
	height: 49px;
	z-index: 100;
}

.room-sidebar-menu a.rsm-timer.timer-on {
	background: rgba(32, 178, 170,0.8);
}
.room-sidebar-menu a.rsm-timer:hover {
	background: rgba(32, 178, 170,1);
}

#timer-count.highlight, .room-sidebar-menu a.rsm-timer.timer-alert, .room-sidebar-menu a.rsm-timer.timer-alert:hover {
	background: firebrick;
}

.countdown-section {
    display: inline-block !important;
    width: 70px;
    height: 60px;
    position: relative;
}
.countdown-amount {
    font-size: 50px !important;
    line-height: 40px !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
.countdown-period {
    font-size: 10px !important;
    line-height: 20px !important;
    position: absolute;
    bottom: 0;
    right: 2px;
    width: 100%;
	opacity: 0.5;
    text-align: right;
}
a.rsm-timer #live-timer {
    display: none;
    position: absolute;
    width: 100%;
    left: 1px;
    top: -9px;
    font-size: 69px;
    opacity: 0.2;
    letter-spacing: -10px;
}
a.rsm-timer.timer-alert #live-timer span {
 	display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: inherit !important;
    line-height: normal !important;
}
a.rsm-timer.timer-alert #live-timer {
    display: inline-block !important;
}
a.rsm-timer.timer-on #live-timer {
    display: none !important;
}

.room-background-youtube.bg-cover {
	overflow: hidden;
	position: relative;
}
.room-background-youtube.bg-cover iframe {
	box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

#warning-restart {
	position: absolute;
    top: 4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 7px;
    font-size: 23px;
    background: crimson;
    color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    text-align: center;
    right: 20px;
    z-index: 1000;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 0 0 rgba(232, 75, 61, 0.7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}


.safe-mode-on {
	background-color: #333 !important;
}

.country_user {
    display: inline-block;
    width: 20px;
    height: 13px;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-radius: 2px;
	margin-right: 5px;
}

.videos .country_user {
    position: absolute;
    left: 5px;
    top: 6px;
}
.no-flags .country_user {
	display: none;
}


.member-id .span-avatar {
    width: 180px;
    height: 160px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
}
.member-id .span-name {
    width: 100%;
    display: inline-block;
    font-size: 24px;
    padding: 10px;
	margin-bottom: 10px;
}
.audiencemember a.popup-member {
    width: 100%;
    max-width: 360px;
    margin: 5px 0;
    border-radius: 0;
    background-color: darkslateblue;
}
.audiencemember a.popup-member.popup-member-redirect {
    max-width: 140px;
}
.audiencemember select#member-redirect-room {
    width: calc(100% - 200px);
    display: inline-block;
    height: 44px;
    border-radius: 0;
}
.audiencemember .popup-inner p {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 20px;
}


.stream-page .room-sidebar-menu, .stream-page .room-title2,  .stream-page .room-background-controls, .stream-page #stream-video-booth, .urstream {
	display:none !important;
}


/* Nadeem */
.room-video-content.contained{
    padding: 5px; 
    overflow: hidden !important;
 }
 .media-preview-container .meeting-title{
    font-size: 16px;
    font-weight: bold;
 }

/* common css for zoom meeting container start */
/* .media-preview-container {
    margin: 0 !important;
}
.room-video-content.contained{
   padding: 5px; 
   overflow: hidden !important;
}
#media-preview-camera-on{
    width: unset !important;
}

.media-preview-control  .media-preview-control-btn-container button#video-btn,
.media-preview-control  .media-preview-control-btn-container button#mic-btn{
   min-width:100% !important; 
}
#content_container{
    background: transparent !important;
    height: auto !important;
    width: 100% !important;
    display: unset !important;
    justify-content: center;
    align-items: center;
}
main{
    width: 100% !important;
  }
  
  #content_container .meeting-title{
      display: none;
  }
  #mic-option-btn{
      display: none !important;
  }
   
  .media-preview-control{
      width: 50% !important;
      z-index: 1024;
  }
  
  .media-preview-icon-container{
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  .media-preview-control-btn-container button:focus:not(.disable-hover):hover,
  .media-preview-control-btn-container button:not(.disable-hover):hover,
  .media-preview-control-btn-container button:active:not(.disable-hover):hover,
  .media-preview-control-btn-container:not(.disable-hover):hover, 
  .media-preview-avatar-container button,
  .media-preview-avatar-container button:focus,
  .media-preview-avatar-container button#mic-btn:active,
  .media-preview-avatar-container button#video-btn:active{
      background-color: #000 !important;
  }

  button:active {
    background-color: #000 !important;
  }

 
  
  #zmmtg-root {
    width:100% !important;  
    height:unset !important;
    position: unset !important;  
    top:unset !important;
    left:unset !important; 
    background-color:unset !important; 
}

.media-preview-control.visible{
    bottom: 10px !important;
}
  */

/* common css for zoom meeting container End */


/* right and left Side Zoom Meeting Container Set Css Start */ 
/* .videos-right .room-video-content,
.videos-left .room-video-content{
    overflow: hidden;
}
.videos-right #media-preview-camera-on,
.videos-left #media-preview-camera-on{
    width: 100% !important;
} 
.videos-left .room-video-content.contained .av-preview-container,
.videos-right .room-video-content.contained .av-preview-container{
    width: 100% !important;
    height: auto !important;
    position: unset;
}
.videos-left .media-preview-control,
.videos-right .media-preview-control{
    width: 95% !important;
}

.videos-left .mini-layout-body,
.videos-right .mini-layout-body{
    width: 100% !important;
}
 
.videos-left #media-preview-tooltip-container,
.videos-right #media-preview-tooltip-container{
    width: auto !important;
    left: 1px !important;
    margin: 5px !important;
    bottom: 70px !important;
    height: auto !important;
    z-index: 1024 !important;
} */
/* right and left Side Zoom Meeting Container Set Css End */





/* top and bottom Side Zoom Meeting Container Set Css Start */
/* .videos-bottom #media-preview-camera-on,
.videos-top #media-preview-camera-on{
    width: 100% !important;
} 
.videos-bottom .room-video-content.contained .av-preview-container,
.videos-top .room-video-content.contained .av-preview-container{
    height: auto !important;
    width: 280px !important;
    
}

.videos-bottom .mini-layout-body,
.videos-top .mini-layout-body{
    width: 100% !important;
}

 
.videos-bottom #media-preview-tooltip-container,
.videos-top #media-preview-tooltip-container{
    width: auto !important;
    left: 1px !important;
    margin: 5px !important;
    bottom: 70px !important;
    height: auto !important;
    z-index: 1024 !important;
}

/* top and bottom Side Zoom Meeting Container Set Css End *


/* top and bottom Side Zoom Meeting Container Set Css Start */
/* #zmmtg-root .meeting-app .meeting-client-inner #wc-content #wc-container-left footer.footer{
     padding: 0px;
}  

#zmmtg-root .meeting-app #wc-container-left .main-layout #main-video-self{
    width: 100%;
    height: 100%;
}
#zmmtg-root .meeting-client,
#zmmtg-root .meeting-client-inner,
#zmmtg-root .meeting-app{
    width: 100% !important;
    position: relative !important;
}
.footer__leave-btn-container button, 
.footer__leave-btn-container input[type="button"], 
.footer__leave-btn-container input[type="submit"]{
    min-width: unset !important;
}

#zmmtg-root .meeting-app #wc-container-left{
    height: 100vh !important;
}  */
/* top and bottom Side Zoom Meeting Container Set Css End *