.video-player-container-medium {
    height: auto !important;
    border-radius: 2px;
    background-color: #FFFFFF;
    cursor: default;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    padding: 5px;
    max-width: 268px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    font-family: 'Open Sans', sans-serif;
    z-index: 5;
    /* visibility: hidden; */
}
.video-player-container-medium:hover {
	/* visibility: visible !important; */
}

	.video-player-container-medium:hover .video-return-container {
		/* box-shadow: none; */
	}

.video-player-container-medium .video-return-container {
    float: left;
    clear: both;
    margin: 5px 0;
    visibility: visible !important;
    /* box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); */
    width: 100%;
}


.video-player-container-medium .video-title {
	cursor: all-scroll;
    float: left;
    width: 100%;
}

.video-player-container-medium .caret-menu-container {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
}

/* Caret Portion of the title bar */

.video-player-container-medium .video-title #single-button {
    background-color: transparent;
    border: 0px solid black;
  	box-shadow: none;
  	height       			: 15px !important;
  	width        			: 15px !important;  	
}

.video-player-container-medium .video-title .arrow-down {
	margin: 3px;
	color: #555;
	transition: color ease .4s;
}
	.video-player-container-medium .video-title .arrow-down:hover {
		color: #000;
	}

.video-player-container-medium .video-title ul.dropdown-menu {
    border-radius: 2px;
    box-shadow: none;
    margin: 0;
}

.video-player-container-medium .video-title .dropdown-menu > li.divider {
	height 				: 1px !important;
	padding-top 		: 0px;
	padding-bottom 		: 0px;
}

.video-player-container-medium .video-title .dropdown-menu > li > a {
    font-size: 12px;
    padding: 7px 10px;
}
	.video-player-container-medium .video-title .dropdown-menu > li > a:hover {
		background-color 	: #BF3542;
		color 				: white;
	}

/* end of part of the caret of the titel bar  */

.video-player-container-medium	.video-title-text {
	float: left;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    font-size: 13px;
    padding-top: 2px;
}

.video-player-container-medium .fa-ellipsis-h:hover {
    color: #ff6171;
}

.video-player-container-medium:hover .ellipsis-inflating {
	animation-name: ellipsisinflating;
	animation-duration: 1s;
	animation-iteration-count : 1;
	animation-timing-function: ease-in-out;
}

@keyframes ellipsisinflating {
	0%, 100% {
		border: 0px;
    	border-radius: 50%;
    	height: 1em ;
    	width: 1em ;
    	position: absolute;
    	top: 0.3em;
    	left: 0.3em;
    	background: #ff6171;
    	font-size: 1em;
    	line-height: 1em;
    	color: white;
	}
	50% {
    	border-radius: 50%;
    	height: 2.4em;
    	width: 2.4em ;
    	position: absolute;
    	z-index: 999;
    	top: -1em;
    	left: -1em;
    	background: #ff6171;
    	font-size: 2.4em;
    	line-height: 2.4em;
    	color: white;
    	opacity: 0.7;
	}
}


.video-player-container-medium .video-title .expand-minimize-bar {	
    cursor: pointer;
    float: right;
}

.video-player-container-medium  .expand-minimize-bar .close {
    float: right;
    /* color: #555; */
    color: #bf3542;
    cursor: pointer;
    opacity: 0.8;
    transition: color ease .3s;
    font-size: 15px;
}
	.video-player-container-medium  .expand-minimize-bar .close:hover {
		/* color: #000; */
		opacity: 1;
	}

.video-player-container-medium  .expand-minimize-bar .autopilot-player-intro {
    float: right;
    margin-right: 15px;
    margin-top: 1px;
    cursor: pointer;
    color: #555;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #555;
    height: 17px;
    width: 17px;
    display: block;
    text-align: center;		
}

.video-player-container-medium .expand-minimize-bar .fa-arrows-alt {
	float			: right;
	margin-right 	: 7px;
	margin-top 		: 3px;
	color			: #555;
	transition		: color ease .4s;
}
	.video-player-container-medium .expand-minimize-bar .fa-arrows-alt:hover {
		color 		: #000;
	}


.video-player-container-medium .expand-minimize-bar .image-minus {
    float: right;
    margin-right: 10px;
    margin-top: 1px;
    cursor: pointer;
    color: #555;
    font-size: 12px;
    transition: color ease .3s;
}
	.video-player-container-medium .expand-minimize-bar .image-minus:hover {
		color: #000;
	}

.video-player-container-medium #camera-preview {
	width: 256px;
	height: 192px;
}


.video-player-container-medium .progress-wrapper {
	width: 100%;
	position: relative;
	background: white;
}

.video-player-container-medium .progress-wrapper .progress-label {
	position: absolute; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	left: 50%; 
	font-size: 36px; 
	font-weight: bold;
}


/*        Below we have the carroussel container      */

.video-player-container-medium .video-carousel-container {
	clear: both;
}

.video-player-container-medium #carousel {
    position: relative;
    padding-bottom: 5px;
}

.video-player-container-medium .indicators-wrapper {
	text-align: center;
}

.video-player-container-medium .carousel-pointers {
    margin: 5px;
    display: inline-block;
}

.video-player-container-medium .carousel-pointers li {
	border-radius 		: 50% ;
	height				: 8px;
	width 				: 8px;
	border 				: 0px solid red; 
	margin-left 		: 3px;
	margin-right		: 3px;
	margin-top			: 3px;
	float 				: left;
	background-color	: #71808F;
}
	.video-player-container-medium .carousel-pointers li:hover {
		/* background 			: orange; */
	}


.video-player-container-medium .carousel-container	.multiple-video-boxes {
    width: 100%;
    margin: 4px auto;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper {
    margin-left: 16px;
    float: left;
    padding: 0px;
    background: #F1F1F1;
    border-radius: 2px;
    border: 1px solid #D6D6D6;
    text-align: center;
    font-size: 12px;
    /* transition: all ease .3s;  */
    paddin-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper.videoFileSelected {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
    margin-top: -2px;
    font-weight: bold;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper .redYoutube {
	color: #BF3542 !important;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper span {
	font-size: 10px;
    display: block;
    text-align: center;
    width: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 17px;
    padding-top: 2px;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper .separator {
    border-bottom: 1px solid #D6D6D6;
    width: 100%;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #video_button {
    cursor: pointer;
    color: #555;
    font-size: 20px;
    /* transition: all ease .4s; */
    transition: color ease .4s;
}
	.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #video_button:hover {
		color: #000;	
	}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #trash_button {
    float: left;
    border-right: 1px solid #dddddd;
    cursor: pointer;
    width: 50%;
    text-align: center;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #trash_button #trash_pic {
	color: #555;
	/* transition: all ease .4s; */
	transition: color ease .4s;
	margin-top: 5px;
}
	.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #trash_button #trash_pic:hover {
		color: #000;	
	}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #upload_button {
    float: left;
    cursor: pointer;
    width: 50%;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #upload_button #upload_pic {
	color: #555;
	/* transition: all ease .4s; */
	transition: color ease .4s;
	margin-top: 5px;
}
	.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #upload_button #upload_pic:hover {
		color: #000;
	}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #share_button {
    float: left;
    cursor: pointer;
    width: 50%;
}

.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #share_button #share_pic {
	color: #555;
	/* transition: all ease .4s; */
	transition: color ease .4s;
	margin-top: 5px;
}
	.video-player-container-medium .carousel-container	.multiple-video-boxes .single-audio-file-wrapper #share_button #share_pic:hover {
		color: #000;
	}


/******************************************    Section about carrousel *****************************/


#carousel #slides {
    overflow: hidden;
    position: relative;
    padding: 0 5px;
	height: 76px;
}

/* remove the list styles, width : item width * total items */	
#carousel #slides ul {
	position		:relative;
	left			:0;
	top				:0;
	list-style		:none;
	margin			:0;
	padding			:0;	
	width			:750px;			
}

.right-carousel-click {
	border 			: 0px solid red;
	display			: inline;
	position 		: absolute;
	top 			: 0px;
	right 			: 0px;
	z-index 		: 1000;	
	height 			: 100%;
	width 			: 12px;
}

.right-carousel-click .next-icon-wrapper {
	display 		: block;
	vertical-align	: middle;
	line-height		: normal;
	position 		: relative;
	height 			: 100%;
	width 			: 100%;
	border 			: 0px solid blue;

}

.right-carousel-click .next-icon-wrapper a#next {
	display: inline;
	position: absolute;
	top: 50%;
	-ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%, -50%); 
    transform: translate(0%, -50%);
    border: 0px solid blue;
    color: #555;
}
	.right-carousel-click .next-icon-wrapper a#next:hover {
		color: #000;
	}
	
.left-carousel-click {
	border 			: 0px solid red;
	display			: inline;
	position 		: absolute;
	top 			: 0px;
	left 			: 0px;
	z-index 		: 1000;
	height			: 100%;	
	width 			: 12px;
}

.left-carousel-click .prev-icon-wrapper {
	display 		: block;
	vertical-align	: middle;
	line-height		: normal;
	position 		: relative;
	height 			: 100%;
	width 			: 100%;
	border 			: 0px solid blue;
	
}

.left-carousel-click .prev-icon-wrapper a#prev {
    position: absolute;
    top: 50%;
    height: 23px;
    width: 12px;
    color: #555;
    
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
	.left-carousel-click .prev-icon-wrapper a#prev:hover {
		color: #000;
	}


.item-multiple-files {	
	float: left;
}


/* bottom-bar section */

.video-player-container-medium .bottom-bar {
	width: 100%;
	text-align: right;
	padding-right: 0px;
}

.video-player-container-medium .bottom-bar .name {
	display: inline-block;
	line-height: 1.3;
	margin: 0;
}

.video-player-container-medium .bottom-bar .name span {
	width: 223px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 22px;
	font-size: 14px;
	display: inline-block;
	float: left;
	padding-top: 3px;
}

.video-player-container-medium .bottom-bar .fa-linkedin-square {
 	float: left; 
    font-size: 24px;
    color: #007bb5;
    margin-right: 5px;
 }
 
 .video-player-container-medium .bottom-bar .position {
    color: #555;
    font-size: 14px;
    font-weight: 300;
}

.video-player-container-medium .bottom-bar .my-archives-text{
	float: left;
	margin-left: 5px;
	font-size: 90%;
	line-height: 1.9em;
	font-family: 'Raleway';
	font-weight: bolder;
	color: #ff6171;	
	cursor: pointer;
	text-decoration: none;
}

.video-player-container-medium .bottom-bar .my-archives-text:hover{
	color: #2e2e2e;
}