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}[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}@media all and (max-width:418px){.upload_video{margin-left:0!important;margin-top:10px}}.start_recording_btn{background-image:url(/survey/images/record.svg)!important;background-repeat:no-repeat!important;background-position:15px!important;color:#3b5998;background:#fff;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:400!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:#fff;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:#fff;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;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:400!important;letter-spacing:none;border:1px solid #e5e5e5;display:inline-block;background:#fff}.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}.uploader_progress_bar{background:#3c8aca;position:absolute;top:0;left:0;height:100%}.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;content:"";left:45%;bottom:60px;position:absolute}