kiss/plugin/screenshare/css/main.css

/** SCREENSHARE **/

/* Conteneur principal du plugin screenshare */
.screenshare {
	
}

#screenshares { 

}

/* formulaire d'édition de screenvideo */
.screenshare .screen-video-form {
	
}

#screen-video-form {

}

.screenshare-preview{
	width: 100%;
	height:auto;
	background: #333333;
}

.screenshare-preview-block{
	max-height: 336px;
}

.screenshare-preview-block .screenshare-button-bar{
	position: absolute;
	bottom:15px;
	z-index: 10;
	right:calc(50% - 65px);
	border-radius: 20px ;
	background: #ffffff;
	width:130px;
}
.screenshare-preview-block {
	position: relative;
}

.html.module-screenshare,.html.module-screenshare body{
	    background: #e8e8e8;
}

.screen-videos{
	margin:0;
	padding:0;
}
.screen-videos li{
	list-style-type: none;
	background-color: #ffffff;
	padding:15px;
	margin-bottom: 5px;
}
.screen-videos li input{
	border:0;
	border-bottom: 2px solid #cbd8e4;
}

.sound-button[data-mode="inactive"],.mouse-button[data-mode="inactive"]{
	opacity:0.5;
}

.screen-videos .label{
	width:350px;
}
.screen-videos .expireDate{
	width:110px;
}
.screen-videos .expireHour{
	width:70px;
}

.screenshare-progress{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	padding: 15px;
	background-color: #ffffff;
	text-align: center;
	color: #222!important;
	z-index: 1000;
}



.screenshare-progress .progress{
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#screenshare-progress .progress .progress-bar{
	height: 100%;
	width: 0%;
	transition: width 0.2s ease-in-out;
}