video{outline:none}
#overlay_recored
{position:fixed;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:1}
#recorder_main_area{position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;background:#ccc;z-index:9999}
#recorder_main_area.onStopRecording{top:-50px}
#close_record_popup{
	background-image:url(/api/fancybox2/fancybox_sprite.png?v=1);
	position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004
}
[id^=rec_startButton],[id^=rec_stopButton]{
	width:220px;height:55px;background:rgba(0,0,0,.5);border:none;border-radius:4px;color:#fff;font-size:18px;box-sizing:border-box;cursor:pointer;position:absolute;bottom:20px;left:20px;outline:none;border-radius: 50px;}
[id^=rec_startButton]{
	padding-left:30px;background-image:url(/quiz-school/images/question_type/recording.svg)!important;background-repeat:no-repeat!important;background-position:0!important;background-origin:content-box!important}
[id^=rec_stopButton]{
	padding-left:25px;background-image:url(/quiz-school/images/question_type/stop.svg)!important;background-repeat:no-repeat!important;background-position:0!important;background-origin:content-box!important}
.rec_timer_show{
	width:90px;height:40px;background:rgba(0,0,0,.5);border:none;border-radius:4px;color:#fff;font-size:18px;box-sizing:border-box;cursor:pointer;position:absolute;bottom:20px;right:20px;outline:none;text-align:center;line-height:40px}
.rec_submitRetake{
	display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}
.rec_submitRetake>span{color:#fff;font-size:14px;text-align:center;width:50px;height:62px;display:block;padding-bottom:20px;position:relative;cursor:pointer}
.rec_submitRetake>[id^=recoredSubmit]{background-image:url(/quiz-school/images/question_type/submit.svg)!important;background-repeat:no-repeat!important;background-position:5px!important;background-origin:content-box!important;margin-right:10px}
.rec_submitRetake>[id^=retakeAgain]{background-image:url(/quiz-school/images/question_type/retake.svg)!important;background-repeat:no-repeat!important;background-position:5px!important;background-origin:content-box!important}
.rec_submitRetake>span>span{position:absolute;bottom:0;left:0;right:0;margin:auto}
.rec_preCounter{
	position:absolute;z-index:99;background:rgba(0,0,0,.6);width:100%;height:100%;display:table;color:#fff;cursor:pointer
}
.rec_preCounter>div{
	vertical-align:middle;display:table-cell;text-align:center
}
.rec_preCounter span{font-size:30px}
.rec_preCounter p{font-size:90px;font-weight:700}
.rec_hide_this{display:none}
[id^=recordUploadBtns] button{display:none!important}
[id^=recordUploadBtns][data-buttons="1"] .start_recording_btn{display:inline-block!important}
[id^=recordUploadBtns][data-buttons="2"] [id^=upload_video]{display:inline-block!important;margin-left:0!important}
[id^=recordUploadBtns][data-buttons="3"] button{display:inline-block!important}
.btnalign.disabled_uploading,#submitmyanswer.disabled_uploading{background:#ccc!important;pointer-events:none}
@media(max-width:767px){.rec_preCounter span{font-size:18px}}
[class^=stop_after_start_]{cursor:pointer}

.recorded_preval_delete {cursor: pointer;background-image: url('/quiz-school/images/question_type/delete.svg') !important;background-repeat: no-repeat;font-size: 14px;padding-left: 20px;color: #47639f !important;height: 20px;padding-top: 2px;margin-top: 10px;}
.recorded_preval_delete:hover {background-image: url('/quiz-school/images/question_type/delete_hover.svg') !important;color: #4d4d4d !important;}


/*-- For video type css and js starts here --*/
 @media all and  (max-width: 418px){
        .upload_video{ margin-left: 0px !important;margin-top: 10px; }
        /*.start_recording_btn { margin-right: 10px !important; }*/
    }
/* .start_recording_btn {
    background-image: url(/quiz-school/images/question_type/record.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 15px !important;
    color: #fff;    
    background: #1870D5;
    width: 160px;
    padding-left: 22px;
    text-align: center;
    height: 55px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
    display: inline-block;
    float: left;
    border: 0px solid #1870D5;
} */

.start_recording_btn {
    
    background-image: url(/survey/images/record.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 15px !important;
    color:#3b5998;   
    background:#FFFFFF;
    width: 160px;
    padding-left: 22px;
    text-align: center;
    height: 55px;
    box-sizing: border-box;
    font-size: 13px;
    
    line-height: 26px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal !important;
    letter-spacing: none !important;
    display: inline-block;
    float: left;

    border:1px solid #E5E5E5;
}
.start_recording_btn:hover {
    background-color: #0A53A8;
}

.start_recording_btn:hover, .start_recording_btn:focus,.bulkupload:focus{background:#FFFFFF;color:#3b5998;border:1px solid #1870D5;background-image: url(/survey/images/record_hover.svg) !important;font-size:13px!important;}


.upload_video:hover {
    color: #0A53A8;
    background-image: url(/quiz-school/images/question_type/upload_hover.svg) !important;
    background:#FFFFFF; color:#3B5998;border:1px solid #1870D5;
}
/* .upload_video {
    margin-left: 20px;
    background-image: url(/quiz-school/images/question_type/upload.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 15px !important;
    color: #1870D5;
    background: transparent;
    width: 160px;
    padding-left: 22px;
    text-align: center;
    height: 55px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 22px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
    border: 2px solid #3c8ac9;
    display: inline-block;
} */
.upload_video {
    margin-left: 20px;
    background-image: url(/quiz-school/images/question_type/upload.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 15px !important;
    color: #1870D5;
    /* background: transparent; */
    width: 160px;
    padding-left: 22px;
    text-align: center;
    height: 55px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 22px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal !important;
    letter-spacing:none;
    border: 1px solid #E5E5E5;
    display: inline-block;
    background:#FFFFFF;
    /*   background:#FFFFFF; color:#3B5998;border:1px solid #1870D5; */
}







    .start_recording_btn:hover {background-color: #0A53A8;}
    .afterUploading p{font-size:16px;display:inline;margin-right:10px;background-image: url('https://www.proprofs.com/quiz-school/manage/toolimg/mp4.png');background-repeat: no-repeat;padding-left: 20px;margin-top: 10px;}
    .recording_description_text{margin-bottom:15px;font-size: 18px;}
    #recordUploadBtns{margin-bottom:30px;}
    [id^=recordUploadBtns]{margin-bottom:10px;}
    #rec_uploader_progress{width: 50%;height: 35px;padding: 6px 15px;font-size: 14px;border: 1px solid #dcdcdc;box-sizing: border-box;position: relative;margin-top: 20px;}
    [id^="rec_uploader_progress"]{width: 50%;height: 35px;padding: 6px 15px;font-size: 14px;border: 1px solid #dcdcdc;box-sizing: border-box;position: relative;margin-top: 20px; border-radius: 50px;}
    .uploader_progress_bar{background: #3c8aca;position: absolute;top: 0;left: 0;height: 100%;border-radius: 50px;}
    .uploader_progressText{z-index: 1;position: absolute;left: 10px;top: 6px;color: #dcdcdc;}
    [id^=recorded_preview_thumb]{width:300px;}
    [id^="recorded_preview_delete"]{cursor: pointer;background-image: url('/quiz-school/images/question_type/delete.svg') !important;background-repeat: no-repeat;font-size: 14px;padding-left: 20px;color: #47639f !important;height: 20px;padding-top: 2px;margin-top: 10px;}
    [id^="recorded_preview_delete"]:hover {background-image: url('/quiz-school/images/question_type/delete_hover.svg') !important;color: #4d4d4d !important;}
    [id^=recorded_preview_thumb] [id^="recorded_preview_deleterecord_video_"]{margin-top: 10px;float: right;}

.sub_tooltip:hover:after{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #000;
  border-radius: 8px;
  color: #fff;
  content: attr(sub-title);
  margin: -45px auto 0;
  font-size: 12px;
  padding: 10px;
  width: 90px;
}
.sub_tooltip:hover:before{
  border: solid;
  border-color: #000 transparent;
  border-width: 12px 6px 0 6px;
  content: "";
  left: 45%;
  bottom: 60px;
  position: absolute;
}