.video-recorder-container-small {
    font-family: 'Open Sans', sans-serif;
    cursor: default;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-radius: 9px;
    border: none;   
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    z-index: 5;
    overflow: hidden;
}
	.video-recorder-container-small.bordered-red {
	    /* border: 2px solid #bf3542; */
	    border: 1.4px solid rgba(191, 53, 66, 0.8);
	    box-shadow: rgba(191, 53, 66, 0.5) 3px 3px 3px;
	}


/* BEGIN: bubble wrapper (It is inside the directive blink-the-bubbles) */
.video-recorder-container-small .bubble-wrapper {
    width: 14px;
    height: 14px;
    float: left;
    padding-top: 4px;
    padding-left: 3px;
    margin-right: 5px;
    
    position: absolute;
    top: -15px;
    left: -15px;
}
.video-recorder-container-small .bubble-wrapper .blinking-bubble {
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.video-recorder-container-small .bubble-wrapper #grey-bubble {
	background: #D6D6D6;
}
.video-recorder-container-small .bubble-wrapper #red-bubble {
	background: #BF3542;
}
/* END: bubble wrapper */


/* BEGIN: loading  */
.video-recorder-container-small .recording-loading-wrap {
	position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
/* END: loading  */


/* BEGIN: timer */
.video-recorder-container-small .recording-timer-wrap {
	position: absolute;
    bottom: 0;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}
	.video-recorder-container-small .recording-timer-wrap .timer {
		color: #fff;
	    font-size: 0.55em;
	    opacity: 0.85;
	}
/* END: timer */


.video-recorder-container-small .record-video-container {
	
}
	.video-recorder-container-small .record-video-container #camera-preview {
	    width: 95px;
	    height: 70px; 
	}


.video-recorder-container-small .player--btn--action {
	opacity: 0.8;
}
	.video-recorder-container-small .player--btn--action:hover {
		opacity: 1;
	}
	.video-recorder-container-small .player--btn--action img {
		width: 22px;
	    height: 22px;
	}


.video-recorder-container-small .top-actions-container {
	position: absolute; 
	width: 100%; 
	top: 0;
}
	.video-recorder-container-small .top-actions-container .player--btn--action img {
	    vertical-align: top;
	}

.video-recorder-container-small .bottom-actions-container {
   	position: absolute;
    width: 100%;
    bottom: 0;
}
	.video-recorder-container-small .bottom-actions-container .player--btn--action img {
		vertical-align: bottom;
	}


/* BEGIN: Override of video-js */
.video-recorder-container-small .video-js,
.video-recorder-container-small .vjs-poster {
  border-radius: 9px;
  background-color: transparent;
}
.video-recorder-container-small .video-js .vjs-tech {
    border-radius: 9px;
}
/* END: Override of video-js */


.video-recorder-container-small .ui-resizable-nw {
    width: 22px;
    height: 22px;
    /* left: -5px; */
    /* bottom: -5px; */
    top: 0px;
    left: 0px;
}