/* Theme variables moved to public/css/global/studio-vars.css (loaded before this file). */

.transition {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
html body .content .content-wrapper.studiopage { padding-bottom: 60px; padding-top: 40px;}
/* 300,400,500,600,700,800 */


/* ############################# */
/* Loader Css Start  */

.LoaderBoxFullPage { position: fixed;}

.LoaderBox { position: absolute; background: rgba(255, 255, 255,0.8); left: 0; top: 0; right: 0; bottom: 0; z-index: 11111; align-items: center; justify-content: center;}
.LoaderBox .combox_wrap { align-items: center; justify-content: center; width: 100px; height: 100px; background: #ffffff; border-radius: 500px;}
.LoaderBox .combox_wrap .combox { width: 4px; border-radius: 50px; margin: 0 2px; background: #24AAE0; animation: loader 1.2s linear infinite;}
.LoaderBox .combox_wrap .combox.box1 { height: 20px;}
.LoaderBox .combox_wrap .combox.box2 { height: 40px;}
.LoaderBox .combox_wrap .combox.box3 { height: 60px;}
.LoaderBox .combox_wrap .combox.box4 { height: 24px;}
.LoaderBox .combox_wrap .combox.box5 { height: 40px;}
.LoaderBox .combox_wrap .combox.box6 { height: 20px;}
.LoaderBox .combox_wrap .combox.box1 {
    animation-delay: 0.1s;
}
.LoaderBox .combox_wrap .combox.box2 {
    animation-delay: 0.2s;
}
.LoaderBox .combox_wrap .combox.box3 {
    animation-delay: 0.3s;
}
.LoaderBox .combox_wrap .combox.box4 {
    animation-delay: 0.4s;
}
.LoaderBox .combox_wrap .combox.box5 {
    animation-delay: 0.5s;
}
.LoaderBox .combox_wrap .combox.box6 {
    animation-delay: 0.6s;
}

@keyframes loader {
    0% {
        background: rgba(36, 170, 224,0.2);
        transform: scaleY(0.9);
    }
    50% {
        transform: scaleY(1);
        background: rgba(36, 170, 224,1);
    }
    100% {
        transform: scaleY(0.9);
        background: rgba(36, 170, 224,0.2);
    }
}

/* Loader Css End  */
/* ############################# */

.flxrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flxfix {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.flxflexi {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
.flxcol {
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-flex-direction: column; 
    flex-direction: column;
}

.flxwrap {
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.studio_wrap { font-weight: 400;}
.studio_wrap * {}
.studio_wrap h2 { font-size: 28px; color: #000000; font-weight: 700; margin: 0; padding: 0 0 20px 0;}
.studio_wrap .new_studio_btn { height: 120px; border: 2px dashed #DCDCDC; border-radius:0px; outline: none; background: none; width: 100%; padding: 0; align-items: center; justify-content: center;}
.studio_wrap .new_studio_btn .plus_icon { display:none; width: 30px; height: 30px; background: rgba(0,0,0,0.07); border-radius: 60px; justify-content: center; align-items: center; margin: 0 10px 0 0;}
.studio_wrap .new_studio_btn .plus_icon svg { width: 22px; height: 22px;}
.studio_wrap .new_studio_btn span { font-size: 16px; color: #000000; font-weight: 500;}
.studio_wrap .new_studio_btn:hover { background: rgba(0,0,0,0.03);}
.studio_wrap .new_studio_btn:hover .plus_icon { background: #000000;
    transform: scale(1.1);
}
.studio_wrap .new_studio_btn:hover .plus_icon svg { fill: #ffffff;}
.studio_wrap .new_studio_btn:hover span { color: #000000;}
.studio_wrap .studio_cr_form { border-bottom: 1px solid #E6E6E6; outline: none; margin:20px 0 10px 0; padding:0 0 40px 0;}
.studio_wrap .studio_cr_form .csf_block { width:820px; max-width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0px -30px;}
.studio_wrap .studio_cr_form .csf_block .form_row { width:100%; max-width:50%; -ms-flex:0 0 50%; flex:0 0 50%; margin: 0 0 30px 0; padding:0px 30px;}
.studio_wrap .studio_cr_form .form_row label { font-weight: 600; line-height: 1; color: #858585; margin: 0; padding: 0 0 15px 0; font-size: 16px;}
.studio_wrap .studio_cr_form .input_wrap { -ms-flex-direction: column; flex-direction: column;}
.studio_wrap .studio_cr_form .input_text { width: 100%; background: #F3F3F3; border: none; height: 40px; font-size: 14px; padding: 0 15px; border-radius: 0px; outline: none; box-shadow: none;}
.studio_wrap .studio_cr_form .info_box { font-size: 11px; color: #858585; padding: 9px 0 0 0;}
.studio_wrap .studio_cr_form .radio_wrap { margin: 0 -20px;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio { max-width:50%; width:100%; padding:4px 20px 0 20px;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"] { display:none;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"] + label { width:100%; position:relative; display:block; font-size:16px; color:#858585; font-weight:500; line-height:32px; cursor:pointer; margin:0px; padding:0 0 0 42px;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"] + label:before { content:""; width:32px; height:32px; background:#F3F3F3; border:1px solid #DCDCDC; border-radius:50%; position:absolute; top:0px; left:0px; z-index:1;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"] + label:after { content:""; width:16px; height:16px; display:none; background:#24AAE0; border-radius:50%; position:absolute; top:8px; left:8px; z-index:1;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"]:checked + label { color:#000000;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"]:checked + label:before { border:2px solid #24AAE0;}
.studio_wrap .studio_cr_form .radio_wrap .in_radio input[type="radio"]:checked + label:after { display:block;}
.studio_wrap .studio_cr_form .csf_block .form_row.bottom_button { width:100%; max-width:100%; -ms-flex:0 0 100%; flex:0 0 100%; margin:20px 0 0 0;}
.studio_wrap .studio_cr_form .bottom_button .w3nbtn { font-size:16px; border-radius:0px; padding:0 20px;}
.studio_wrap .studio_cr_form .bottom_button .w3nbtn .iconbox { display:none;}

.studio_wrap .w3nbtn { height: 36px; border: none; box-shadow: none; padding: 0 24px; font-size: 15px; font-weight: 500; border-radius: 50px;  outline: none !important; box-shadow: none !important; font-size: 16px; color: var(--whiteText); background: var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.studio_wrap .w3nbtn:hover { background: var(--darkPrimary); color: var(--whiteText);}
.studio_wrap .w3nbtn:disabled { opacity: 0.3 !important; pointer-events: none;}
.studio_wrap .w3nbtn.withicon { padding: 0 26px;}
.studio_wrap .w3nbtn.whitebtn { background: #ffffff; color: #414141; border: 1px solid #E6E6E6;}
.studio_wrap .w3nbtn.whitebtn:hover { background: #E6E6E6;}
.studio_wrap .w3nbtn.orangebtn { color: var(--whiteText); background: var(--secondary);}
.studio_wrap .w3nbtn.orangebtn:hover { background: var(--darkSecondary);}
.studio_wrap .w3nbtn.graybtn {
    color: var(--textShade1);
    background: linear-gradient(180deg, #FDFDFD 0%, #F3F4F5 100%);
    border: 1px solid var(--darkLine);
    box-shadow: 0px 2px 2px rgba(81, 110, 134, 0.04) !important;
}
.studio_wrap .w3nbtn.graybtn:hover { 
    background: linear-gradient(180deg, #F3F4F5 0%, #FDFDFD 100%);
}
.studio_wrap .w3nbtn .iconbox { margin: 0 10px 0 0;}
.studio_wrap .w3nbtn .iconbox svg { width: 20px; height: 20px; float: left;}
.studio_wrap .btn_trans { background: #EFEFEF; border: 1px solid #E6E6E6; color: #444444;}
.studio_wrap .btn_trans:hover { background: #ffffff;}
.studio_wrap .orbox { padding: 0 20px; color: #777777;}
.studio_wrap .w3nbtn.smbtn { height: 30px; border-radius: 0; padding: 0 12px; font-size: 12px; font-weight: 500;}
.studio_wrap .w3nbtn.smbtn.withicon { padding: 0 15px;}
.studio_wrap .w3nbtn.smbtn.withicon .iconbox { display:none; margin: 0 5px 0 0;}
.studio_wrap .w3nbtn.smbtn.withicon .iconbox svg { width: 16px; height: 16px;}

.studio_wrap .w3nbtn.exsmbtn { height: 24px; border-radius: 3px; padding: 0 11px; font-size: 11px; font-weight: 500;}
.studio_wrap .w3nbtn.exsmbtn.withicon { padding: 0 11px;}
.studio_wrap .w3nbtn.exsmbtn.withicon .iconbox { display:none; margin: 0 5px 0 0;}
.studio_wrap .w3nbtn.exsmbtn.withicon .iconbox svg { width: 16px; height: 16px;}

.studio_wrap .btn-100 { width: 100%;}
.studio_wrap .btnbig { height: 44px; font-size: 16px; font-weight: 500;}

.studio_wrap .page_title { align-items: center; padding: 0 0 20px 0;}
.studio_wrap .page_title .w3nbtn { margin: 0 0 0 auto;}
.studio_wrap .page_title h2 { padding: 0;}

.modulehelp { width: 100%; position: relative; border-radius: 10px; background: var(--lightPrimary); padding: 16px 44px 16px 16px; margin: 16px 0 24px 0; border: solid 1px var(--primary);}
.modulehelp .helpclosebtn { position: absolute; right: 12px; top: 12px;}
.modulehelp .helpclosebtn a { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: var(--textShade2); font-size: 20px;}
.modulehelp .in_modulehelp { flex-direction: row-reverse; align-items: center;}
.modulehelp p { margin: 0; padding: 0; font-size: 13px; color: var(--textShade2); font-weight: 400; line-height: 1.83; letter-spacing: 0;}
.modulehelp p a { color: var(--primary); text-decoration: underline;}

.studio_wrap .studio_list_wrap { padding: 35px 0 0 0; max-width: 458px;}
.studio_wrap .studio_list_wrap .titlebox { align-items: center; width: 100%; padding: 0 0 25px 0;}
.studio_wrap .studio_list_wrap .titlebox h6 { font-size: 16px; font-weight: 500; color:#858585; padding: 0; margin: 0;}
.studio_wrap .studio_list_wrap .titlebox .grid_options { margin: 0 0 0 57px; align-items: center;}
.studio_wrap .studio_list_wrap .titlebox .grid_options a { display: block; opacity: 0.2;}
.studio_wrap .studio_list_wrap .titlebox .grid_options a + a { margin: 0 0 0 10px;}
.studio_wrap .studio_list_wrap .titlebox .grid_options a svg { width: 16px; height: 15px;}
.studio_wrap .studio_list_wrap .titlebox .grid_options a.studio_listview svg { width: 17px; height: 15px;}
.studio_wrap .studio_list_wrap .titlebox .grid_options a.active { opacity: 1;}

.studio_wrap .studio_list { margin: 0; padding: 0;}
.studio_wrap .studio_list ul { display: block; margin: 0; padding: 0;}
.studio_wrap .studio_list ul li { width: 100%; background:none; padding:0 0 30px 0; border-radius: 0px; cursor: pointer; margin: 0px;}
.studio_wrap .studio_list ul li + li { border-top:1px solid #E6E6E6; padding-top:30px;}
.studio_wrap .studio_list ul li .profile_pic { width: 100px; height: 100px; background-color:#F3F3F3; border-radius:0px; background-size: cover; background-repeat: no-repeat; background-position: center center; align-items: center; justify-content: center; border:none; margin: 0 21px 0 0;}
.studio_wrap .studio_list ul li .profile_pic span { font-size: 36px; font-weight: 700; color: #000000; display: block; line-height:1;}
.studio_wrap .studio_list ul li .w3nbtn + .w3nbtn { margin-left:-1px;}
.studio_wrap .studio_list ul li .studio_name { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; color: #000000; font-weight: 600; line-height: 1.2; padding:0;}
.studio_wrap .studio_list ul li .studio_name .sn_name { display:block;}
.studio_wrap .studio_list ul li .studio_name .sn_iconbox { width:14px; margin:0 0 0 10px;}
.studio_wrap .studio_list ul li .studio_des { color:#858585; font-size: 12px; padding: 3px 0 0 0; line-height: 1.2;}
.studio_wrap .studio_list ul li .st_list_buttons { margin: 20px 0 0 0;}
.studio_wrap .studio_list ul li .st_list_buttons a { width: 100%;}

.studio_wrap .studio_grid { margin: 0; padding: 0;}
.studio_wrap .studio_grid ul { display: block; margin: 0 -8px; padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.studio_wrap .studio_grid ul li { width: 100%; max-width: calc(50% - 50px); -webkit-flex-direction:row; flex-direction:row; background:none; border-top:1px solid #E6E6E6; padding:30px 0 30px 0; border-radius: 0px; cursor: pointer; margin:0 8px 0 8px; text-align: left;}
.studio_wrap .studio_grid ul li:nth-child(-n+2) { border-top:none; padding-top:0px;}
.studio_wrap .studio_grid ul li .profile_pic { width: 100px; height: 100px; background-color:#F3F3F3; border-radius:0px; background-size: cover; background-repeat: no-repeat; background-position: center center; align-items: center; justify-content: center; border:none; margin: 0 21px 0 0;}
.studio_wrap .studio_grid ul li .profile_pic span { font-size: 36px; font-weight: 700; color: #000000; display: block; line-height:1;}
.studio_wrap .studio_grid ul li .w3nbtn + .w3nbtn { margin-left:-1px;}
.studio_wrap .studio_grid ul li .studio_name { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; color: #000000; font-weight: 600; line-height: 1.2; padding:0;}
.studio_wrap .studio_grid ul li .studio_name .sn_name { display:block;}
.studio_wrap .studio_grid ul li .studio_name .sn_iconbox { width:14px; margin:0 0 0 10px;}
.studio_wrap .studio_grid ul li .studio_des { color:#858585; font-size: 12px; padding: 3px 0 0 0; line-height: 1.2;}
.studio_wrap .studio_grid ul li .st_list_buttons { margin:25px 0 0 0; -ms-flex-wrap:wrap; flex-wrap: wrap; justify-content:flex-start;}
.studio_wrap .studio_grid ul li .st_list_buttons .w3nbtn span { display: block;}
.studio_wrap .studio_grid ul li .st_list_buttons .w3nbtn .iconbox { margin: 0;}

.loading_bottom { padding: 20px 0 0 0; align-items: center;}
.loading_bottom span { font-size: 16px; color: #000000; font-weight: 700;}
.loading_bottom svg { margin: 0 0 0 10px;}

/* Studio Detail page start */
.studio_wrap .back_to_dashboard { margin: 0; padding: 0 0 45px 0;}
.studio_wrap .back_to_dashboard a { align-items: center; color:#858585; font-weight: 500; font-size: 12px; text-decoration: none;}
.studio_wrap .back_to_dashboard a svg { float: left; margin: 0 10px 0 0;}
.studio_wrap .back_to_dashboard a:hover { color: #000000;}
.studio_wrap .stu_detail_title { margin: 0; padding: 0 0 0 0;}
.studio_wrap .stu_detail_title.roomjoinform { padding-top: 40px; padding-bottom: 10px;}
.studio_wrap .stu_detail_title h6 { font-weight: 500; color:#858585; margin: 0; padding: 0 0 40px 0; font-size: 16px;}
.studio_wrap .stu_detail_title h3 { font-weight: 600; color: #000000; margin: 0; padding: 0; font-size: 22px;}

.studio_wrap .studetail_left { padding: 0 30px 0 0;}
.studio_wrap .in_studetail_left { padding: 0; max-width: 800px;}
.studio_wrap .studetail_right { width: 380px; padding: 0;}
.studio_wrap .studetail_left .invitation_row { padding: 55px 0 35px 0;}
.studio_wrap .stu_detail_form { padding: 15px 0 0 0;}
.studio_wrap .stu_detail_form .joinastxt { padding: 30px 0 0 0; color: #696969; font-size: 13px;}
.studio_wrap .stu_detail_form .joinastxt a { color: #1F84C2; text-decoration: underline;}
.studio_wrap .stu_detail_form .form_row + .form_row { margin-top: 15px;}
.studio_wrap .stu_detail_form .inputwithlabel .input_wrap  { max-width: 352px;}
.studio_wrap .stu_detail_form .inputwithlabel .labelbox { background: #414141; padding: 0 18px; align-items: center; color: #ffffff; font-weight: 600; font-size: 12px; margin: 0 0 0 8px; border-radius: 5px;}
.studio_wrap .stu_detail_form .input_wrap { align-items: center; width: 100%; position: relative;}
.studio_wrap .stu_detail_form .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(31, 132, 194, 0.15); background: #ffffff; font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.studio_wrap .stu_detail_form .input_wrap span { padding: 0 10px; display: block; position: absolute; right: 7px; height: 30px; line-height: 30px; top: 7px; border-radius: 5px; background: #f1f5f9; font-size: 13px; font-weight: 600; color: rgba(0,0,0,0.7);}
.studio_wrap .stu_detail_form .radio_wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -20px;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio { max-width:50%; padding:0px 20px;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] { display:none;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label { width:100%; position:relative; display:block; font-size:16px; color:#858585; font-weight:500; line-height:32px; cursor:pointer; margin:0px; padding:0 0 0 42px;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:before { content:""; width:32px; height:32px; background:#F3F3F3; border:1px solid #DCDCDC; border-radius:50%; position:absolute; top:0px; left:0px; z-index:1;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:after { content:""; width:16px; height:16px; display:none; background:#24AAE0; border-radius:50%; position:absolute; top:8px; left:8px; z-index:1;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label { color:#000000;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label:before { border:2px solid #24AAE0;}
.studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label:after { display:block;}
.studio_wrap .stu_detail_form .form_row.bottom_button { margin-top:30px;}
.studio_wrap .stu_detail_form .bottom_button .w3nbtn { width:auto;}
.studio_wrap .stu_detail_form .jois_as { margin: 0; font-size: 13px; color: #777777;}
.studio_wrap .stu_detail_form .jois_as a { font-size: 13px; color: #777777; text-decoration: underline;}
.studio_wrap .video_test_wrap { -ms-flex-direction:column; flex-direction:column;}
.studio_wrap .video_test_wrap .video_rt { width:100%; padding:0px;}
.studio_wrap .video_test_wrap .videobox { width:100%; position:relative; background:#F2F2F2; margin:0 0 20px 0;}
.studio_wrap .video_test_wrap .loader_video { position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(255,255,255,0.5); border-radius: 5px; align-items: center; justify-content: center;}
.studio_wrap .video_test_wrap .namebox { position:absolute; left:14px; bottom:14px; border-radius:0px; padding:4px 10px; font-size:12px; font-weight:500; color:#000000; background:rgba(255,255,255,0.9); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15); z-index: 1;}
.studio_wrap .video_test_wrap .video_optionsabt { position:absolute; right:14px; bottom:14px;}
.studio_wrap .video_test_wrap .video_optionsabt .svg_wrap { align-items: center; justify-content: center; width: 26px; height: 26px; background:rgba(255,255,255,0.9); border-radius:0px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15);}
.studio_wrap .video_test_wrap .video_optionsabt .svg_wrap + .svg_wrap { margin:0 0 0 10px;}
.studio_wrap .video_test_wrap .video_optionsabt svg { width:16px; height:16px;}
.studio_wrap .video_test_wrap .invideosource { overflow:hidden; height:233px;}
.studio_wrap .video_test_wrap .invideosource video { width:100%; height:100%; object-fit:cover;}
.studio_wrap .video_test_wrap .no_camera_no_audio { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.studio_wrap .video_test_wrap .no_camera_no_audio span { display: block; font-size: 14px; color:#858585; font-weight: 500;}
.studio_wrap .video_test_wrap .whencameraoff { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.studio_wrap .video_test_wrap .whencameraoff span { width: 50px; height: 50px; align-items: center; justify-content: center; background: #333333; border-radius: 100px;}
.studio_wrap .video_test_wrap .opt_row { margin:0 0 0 0;}
.studio_wrap .video_test_wrap .select_main { position:relative; align-items:center; padding:0; background:#ffffff; border-radius:0px; border-bottom:1px solid #E6E6E6;}
.studio_wrap .video_test_wrap .select_main .iconbox { width:24px; height:64px; align-items:center; justify-content:center; margin:0 12px 0 0;}
.studio_wrap .video_test_wrap .select_main .iconbox svg { opacity:1; fill:#000000;}
.studio_wrap .video_test_wrap .select_main span { font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.studio_wrap .video_test_wrap .select_main .dd_arrow { margin: 0 0 0 auto; padding: 0 5px;}
.studio_wrap .video_test_wrap .select_main .dd_arrow svg { fill:#858585;}
.studio_wrap .video_test_wrap .select_main .form-control { padding: 0 30px 0 36px; font-size:14px; color:#000000; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: none !important; outline: none !important; box-shadow: none !important; background: none !important; height: 64px; text-indent: 0 !important;}
.studio_wrap .video_test_wrap .select_main .select_wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.studio_wrap .video_test_wrap .select_main .form-control option { padding: 10px 0 !important; text-indent: 0 !important;}
.studio_wrap .video_test_wrap .btnbox { padding: 10px 0 0 0;}

.studio_wrap .uploadrecording .input_wrap { max-width: 300px; margin: 20px 0 0 0;} 
.studio_wrap .uploadrecording .input_wrap .input_file { width: 100%; background: #ffffff; border: 1px solid rgba(31, 132, 194, 0.15); border-radius: 5px; padding: 5px 10px;}
.studio_wrap .uploadrecording .bottom_button { padding: 30px 0 0 0; width: 100%;}
.studio_wrap .uploadrecording .bottom_button .w3nbtn + .w3nbtn { margin: 0 0 0 20px;}

/* Studio Detail page end */

.studio_wrap .joinasbox { margin: 0; padding: 0;}
.studio_wrap .joinasbox + .stu_detail_form { padding: 20px 0 0 0;}
.studio_wrap .joinasbox ul { display: block; margin: 0; padding: 30px 0 0 0;}
.studio_wrap .joinasbox ul li { margin: 0; padding: 0; width: 100%; font-size: 16px; color: #000000; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex;}
.studio_wrap .joinasbox ul li + li { margin: 10px 0 0 0;}
.studio_wrap .joinasbox ul li .iconbox { width: 20px; height: 20px; align-items: center; justify-content: flex-start; margin: 3px 5px 0 0;}
.studio_wrap .joinasbox ul li .iconbox svg path { fill: #000000;}

/* Studio Room Start */
/* #studio-room { background: #ffffff;} */
.studio_wrap .room_header { width:100%; display:none; background:rgba(0,0,0,0.04); padding:15px 30px; align-items:center;}
.studio_wrap .room_header .yourname { font-size: 16px; color: #000000; font-weight: 600;}
.studio_wrap .room_header .personcount { margin: 0 0 0 20px; background: rgba(0,0,0,0.05); border-radius: 5px; font-size: 14px; color: #000000; font-weight: 600; align-items: center; padding: 1px 8px; height: 28px;}
.studio_wrap .room_header .personcount svg { margin: 0 5px 0 0; width: 18px; height: 18px;}
.studio_wrap .room_header .invitepeople { margin: 0 0 0 10px;}
.studio_wrap .room_header .invitepeople a { align-items: center; background: rgba(0,0,0,0.08); border-radius: 5px; font-size: 12px; color: #000000; font-weight: 500; align-items: center; padding: 1px 12px; height: 28px;}
.studio_wrap .room_header .invitepeople svg { margin: 0 5px 0 0; width: 16px; height: 16px;}
.studio_wrap .room_header .invitepeople a:hover { background: rgba(0,0,0,0.05);}

.studio_wrap#studio-room { margin: 0; padding: 0; position: relative; height: 100%;}
.studio_wrap .video_plus_side_wrap {/*  height: calc(100vh - 250px); */  /* height: calc(100vh - 101px); */ height: calc(100vh - 61px); overflow: hidden;}
.studio_wrap .video_left_wrap { padding: 20px 20px 0;}
.studio_wrap .video_left_wrap .videos_wrap { padding:0 0 7px 0; height:calc(100% - 65px);}
.studio_wrap .video_frame_wrap { position:relative; height:100%; flex-wrap:wrap; margin: -2px; justify-content: center;}
.studio_wrap .video_frame_wrap .video_frame { padding:2px; width: 100%; height: 100%;}
.studio_wrap .video_frame_wrap .video_fr_box { overflow: hidden; border-radius:0px; position: relative; height: 100%;}
.studio_wrap .video_frame_wrap .loader_video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); border-radius: 5px; align-items: center; justify-content: center;}
.studio_wrap .video_frame_wrap .namebox { position:absolute; right:20px; bottom:20px; align-items:center; z-index:1;}
.studio_wrap .video_frame_wrap .namebox span { padding:6px 20px; font-size:14px; font-weight:500; color:#FFFFFF; background:rgba(0, 0, 0, 0.7); align-items:center;}
.studio_wrap .video_frame_wrap .namebox .svg_wrap { align-items:center; justify-content:center; width:24px; height:24px; background:rgba(255,255,255,0.5); border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.1); margin:0 0 0 10px;}
.studio_wrap .video_frame_wrap .namebox .svg_wrap + .svg_wrap { margin: 0 0 0 5px;}
.studio_wrap .video_frame_wrap .namebox svg { width:16px; height:16px;}
.studio_wrap .video_frame_wrap .joinedpeoples .namebox { right: 10px; bottom: 10px;}
.studio_wrap .video_frame_wrap .joinedpeoples .namebox span { padding: 2px 5px;  font-size: 10px; font-weight: 400; letter-spacing: 0.05em;}
.studio_wrap .video_frame_wrap .invideosource { overflow: hidden; height: 100%; border-radius: 10px;}
.studio_wrap .video_frame_wrap .invideosource video { width: 100%; height: 100%; object-fit: cover; border-radius:0px !important;}
.studio_wrap .video_frame_wrap .no_camera_no_audio { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.studio_wrap .video_frame_wrap .no_camera_no_audio span { display: block; font-size: 12px; color: #000000;}
.studio_wrap .video_frame_wrap .no_camera_no_audio svg { height: 40px; width: auto; }
.studio_wrap .video_frame_wrap .no_camera_no_audio svg * { fill: #ffffff;}
.studio_wrap .video_frame_wrap .whencameraoff { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.studio_wrap .video_frame_wrap .whencameraoff span { width: 50px; height: 50px; align-items: center; justify-content: center; background: #333333; border-radius: 100px;}
/* .studio_wrap .video_frame_wrap.vid1 .video_frame { height: 100%; width: 100%;}
.studio_wrap .video_frame_wrap.vid2 .video_frame { height: 100%; width: 50%;}
.studio_wrap .video_frame_wrap.vid3 .video_frame,
.studio_wrap .video_frame_wrap.vid4 .video_frame { height: 50%; width: 50%;}
.studio_wrap .video_frame_wrap.vid5 .video_frame,
.studio_wrap .video_frame_wrap.vid6 .video_frame { height: 33.33%; width: 50%;}
.studio_wrap .video_frame_wrap.vid7 .video_frame,
.studio_wrap .video_frame_wrap.vid8 .video_frame { height: 33.33%; width: 33.33%;} */

.studio_wrap .video_frame_wrap.vidscreenshare { flex-wrap: nowrap;}
.studio_wrap .video_frame_wrap.vidscreenshare .sharedscreen .video_frame { width: 100%; height: 100%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples { width: 250px; margin: 0 0 0 10px;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples .video_frame { width: 100%; height: 100%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid1 .video_frame { height: 100%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid2 .video_frame { height: 50%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid3 .video_frame { height: 33.33%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid4 .video_frame { height: 25%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid5 .video_frame { height: 20%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid6 .video_frame { height: 16.66%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid7 .video_frame { height: 14.28%;}
.studio_wrap .video_frame_wrap.vidscreenshare .joinedpeoples.vid8 .video_frame { height: 12.5%;}

.studio_wrap .video_frame_wrap .fullscreenicon { position: absolute; right: 10px; top: 10px; z-index: 1; opacity: 0;}
.studio_wrap .video_frame_wrap .fullscreenicon a { background: #ffffff; width: 30px; height: 30px; border-radius: 50px; align-items: center; justify-content: center;}
.studio_wrap .video_frame_wrap .fullscreenicon a svg { width: 20px; height: 20px; fill: #000000;}
.studio_wrap .video_frame_wrap .video_fr_box:hover .fullscreenicon { opacity: 1;}

.studio_wrap .video_plus_side_wrap .videos_right { width:310px; padding:20px 0 0 20px; position: relative; border-left: solid 1px #E4E7ED;
    /* -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; */
}
.studio_wrap .video_plus_side_wrap .videos_right_inside { width: 290px; position: relative; height: 100%;}
.studio_wrap .video_plus_side_wrap .videos_right.hidesidebar { width: 0; padding: 0;}
.studio_wrap .video_plus_side_wrap .humsidebar { position: absolute; left: -15px; top: 5px;
    /* -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; */
}
.studio_wrap .video_plus_side_wrap .humsidebar a { width: 30px; height: 30px; background: #F8F8F8; border: solid 1px #C4C4C4; border-radius: 50px; align-items: center; justify-content: center;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.studio_wrap .video_plus_side_wrap .videos_right.hidesidebar .humsidebar { left: -35px;}
.studio_wrap .video_plus_side_wrap .videos_right.hidesidebar .humsidebar a > * {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.studio_wrap .videos_right .right_tab_nav { border:none;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs { margin: 0; padding: 0; width: 100%;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item { margin: 0; border: none; padding: 0; width: 100%; max-width: 50%;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item a.nav-link { padding: 0 0 14px 0; position: relative; font-size: 15px; color: rgba(65, 65, 65, 0.5); border: none; border-radius: 0; box-shadow: none; outline: none; font-weight: 600; text-align: center; display: block;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item a.nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: #414141; opacity: 0;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item a.nav-link.active { color: #414141;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item a.nav-link.active::after { opacity: 1;}
.studio_wrap .videos_right .right_tab_nav ul.nav-tabs li.nav-item a.nav-link span.dotinfo { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 10px; margin: 0 0 2px 3px; background: #22B309;}
/* .studio_wrap .videos_right .right_tab_nav ul { width: 100%; margin: 0; padding: 0; border: none; background: none;}
.studio_wrap .videos_right .right_tab_nav ul li { width: 100%; max-width: 50%; margin: 0; padding: 0; border: none; background: none;}
.studio_wrap .videos_right .right_tab_nav ul li a.nav-link { display: block; text-align: center; margin: 0; padding:15px 10px; background:#F8F8F8; outline: none; border: none; box-shadow: none; border-radius: 0 !important; font-size: 16px; color: #858585; font-weight: 600; line-height:1.2; position: relative;}
.studio_wrap .videos_right .right_tab_nav ul li a.nav-link.active { color:#FFFFFF; background:#24AAE0; border:none;} */
.studio_wrap .videos_right .tab-content .tab-pane { position:relative; height:100%;}
.studio_wrap .videos_right .chat_wrap { position: relative; height: 100%;}
.studio_wrap .videos_right .chat_wrap .chat_plot {  overflow: auto; padding: 20px 10px 10px 0;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap { width: calc(100% - 30px); margin: 0 auto 0 0;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap + .chatbox_wrap { margin-top: 20px !important;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap .topchat { padding: 0 0 3px 0;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap .timendate { font-size: 11px; padding: 0; opacity: 0.7; margin: 0 0 0 auto;}
.studio_wrap .videos_right .chat_wrap .namebox1 { font-size: 12px; font-weight: 400; color: #858585;}
.studio_wrap .videos_right .chat_wrap .chatbox { padding: 13px; background: #F9F9F9; border-radius: 0 5px 5px 5px;}
.studio_wrap .videos_right .chat_wrap .chatbox p { font-size: 12px; color: #414141; padding: 0; margin: 0;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap.userme { margin: 0 0 0 auto;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap.userme .chatbox { background: rgba(36, 170, 224, 0.1); border-radius: 10px 0px 10px 10px;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap.userme .namebox1 { color: #000000;}
.studio_wrap .videos_right .chat_wrap .chatbox_wrap.userme p { color: #414141;}
.studio_wrap .videos_right .tab-content { height: calc(100% - 50px);}
.studio_wrap .videos_right .chat_input form { width: 100%; margin: 0; padding: 0;}
.studio_wrap .videos_right .chat_input .form_boxchat { width:100%; -ms-flex-align:center; align-items:center; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.studio_wrap .videos_right .chat_input .input_wrap input { width: 100%; height: 46px; border: none; background:none; padding:0 15px 0 0; border-radius:0px; font-size: 12px; color:#000000; font-weight: 500; outline: none; box-shadow: none;}
.studio_wrap .videos_right .chat_input .input_wrap input::-webkit-input-placeholder { color:#C8C8C8; opacity:1;}
.studio_wrap .videos_right .chat_input .input_wrap input::-moz-placeholder { color:#C8C8C8; opacity:1;}
.studio_wrap .videos_right .chat_input .input_wrap input:-ms-input-placeholder { color:#C8C8C8; opacity:1;}
.studio_wrap .videos_right .chat_input .input_wrap input:-moz-placeholder { color:#C8C8C8; opacity:1;}
.studio_wrap .videos_right .chat_input .submit_btn { border: none; background: none; outline: none; box-shadow: none;}
.studio_wrap .videos_right .chat_input .submit_btn svg { width: 24px; height: 24px;}
.studio_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.07); background-color: #F5F5F5; border-radius: 10px;}
.studio_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar { width: 4px; background-color: #F5F5F5;}
.studio_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 5px;}

.studio_wrap .videos_right .recording_overview_wrap { overflow: auto; position: relative; height: 100%; padding:25px 20px 0 0;}
/* width */
.studio_wrap .videos_right ::-webkit-scrollbar { width: 6px;}
/* Track */
.studio_wrap .videos_right ::-webkit-scrollbar-track { background: #EEEEEE;}
/* Handle */
.studio_wrap .videos_right ::-webkit-scrollbar-thumb { background: #CECECE; border-radius: 10px;}
/* Handle on hover */
.studio_wrap .videos_right ::-webkit-scrollbar-thumb:hover { background: #BABABA;}

.studio_wrap .videos_right .recording_overview { width:100%; border-bottom:1px solid #E6E6E6; padding:0 0 20px 0;}
.studio_wrap .videos_right .recording_overview .top_line {}
.studio_wrap .videos_right .recording_overview .top_line span { font-size:12px; color:#858585; text-transform:uppercase; font-weight:600; letter-spacing:0.1em; line-height:15px;}
.studio_wrap .videos_right .recording_overview .setting_icontab { line-height:1; margin:0 0 0 auto;}
.studio_wrap .videos_right .recording_overview .setting_icontab a { display: block;}
.studio_wrap .videos_right .recording_overview .setting_icontab a svg { width: 16px; height: 16px;}
.studio_wrap .videos_right .recording_overview .setting_icontab a svg * { fill:#858585;}
.studio_wrap .videos_right .recording_overview .nameandtime { width:100%; padding:8px 0 0 0;}
.studio_wrap .videos_right .recording_overview .nameandtime .rec_namebox { align-items: center;}
.studio_wrap .videos_right .recording_overview .nameandtime .recname_input { width: 100%; height: 24px; padding: 0 5px; background: #ffffff; border: solid 1px #cccccc; border-radius: 5px; outline: none; font-size: 12px;}
.studio_wrap .videos_right .recording_overview .nameandtime .savebtn { height: 24px; border: none; color: #ffffff; padding: 0 7px 2px; font-size: 12px; font-weight: 600; background: #24aae0; border: none; outline: none; box-shadow: none; border-radius: 5px;}
.studio_wrap .videos_right .recording_overview .name_editicon { padding:0 0 0 10px;}
.studio_wrap .videos_right .recording_overview .name_editicon a { display:block;}
.studio_wrap .videos_right .recording_overview .name_editicon a svg { width:16px; height:16px; fill:#858585;}
.studio_wrap .videos_right .recording_overview .nameinside span { font-size:13px; font-weight:600; color:#000000;}
.studio_wrap .videos_right .recording_overview .record_time { margin: 0 0 0 5px;}
.studio_wrap .videos_right .recording_overview .record_time span { height: 24px; line-height: 22px; font-size: 11px; font-weight: 500; background: #ffffff; border:1px solid #E6E6E6; padding: 0 10px; color:#858585; display: block; border-radius: 0px;}
.studio_wrap .videos_right .recording_overview .rec_namebox:not(.editrecname) .editnamewrap { display: none;}
.studio_wrap .videos_right .recording_overview .rec_namebox:not(.editrecname) .savebtn { display: none;}
.studio_wrap .videos_right .recording_overview .rec_namebox.editrecname .nameinside span,
.studio_wrap .videos_right .recording_overview .rec_namebox.editrecname .name_editicon a { display: none;}
.studio_wrap .videos_right .recording_overview .format_know { padding:5px 0 0 0;}
.studio_wrap .videos_right .recording_overview .format_know span { display:block; color:#858585; font-size:11px; line-height:1;}
.studio_wrap .videos_right .recording_overview .lastrowover { padding: 17px 0 0 0; align-items: center;}
.studio_wrap .videos_right .recording_overview .lastrowover .leftboxov { align-items: center;}
.studio_wrap .videos_right .recording_overview .lastrowover .infobox { color: rgba(65, 65, 65, 0.5); font-size: 12px; font-weight: 500; align-items: center;}
.studio_wrap .videos_right .recording_overview .lastrowover .infobox + .infobox { margin: 0 0 0 7px;}
.studio_wrap .videos_right .recording_overview .lastrowover .infobox svg { margin: 0 2px 0 0;}
.studio_wrap .videos_right .recording_overview .lastrowover .rightboxov { align-items: center; margin: 0 0 0 auto;}
.studio_wrap .videos_right .recording_overview .lastrowover .rightboxov a { height: 22px; padding: 0 8px; background: rgba(31, 132, 194, 0.15); border-radius: 5px; color: #414141; font-size: 11px; font-weight: 500; align-items: center;}
.studio_wrap .videos_right .recording_overview .lastrowover .rightboxov a svg { margin: 0 3px 0 0;}
.studio_wrap .videos_right .recordbtn { padding:20px 0 0 0;}
.studio_wrap .videos_right .recordbtn .w3nbtn { font-size:16px; border-radius:0px; padding:0 20px;}

.studio_wrap .videos_bottomop { margin:0; padding:0; position: relative; z-index: 2; justify-content: center;}
.studio_wrap .videos_bottomop .video_optionsbot { margin:0;}
.studio_wrap .videos_bottomop .bottomicon { margin:0; padding:0; position:relative;}
.studio_wrap .videos_bottomop .bottomicon span { display:block; font-size: 11px; color: #666666; text-align: center; padding: 5px 0 0 0;}
.studio_wrap .videos_bottomop .bottomicon a { width:44px; height:44px; border-radius: 6px; background:#EFEFEF; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center;}
.studio_wrap .videos_bottomop .bottomicon a:hover { background:#EFEFEF;}
.studio_wrap .videos_bottomop .bottomicon a svg * { fill: #000000;}
.studio_wrap .videos_bottomop .bottomicon.hangup_icon { margin: 0 0 0 6px;}
.studio_wrap .videos_bottomop .bottomicon.hangup_icon a { background: #FE5353;}
.studio_wrap .videos_bottomop .bottomicon.hangup_icon a:hover,
.studio_wrap .videos_bottomop .bottomicon.hangup_icon:hover > a { background: #d33030;}
.studio_wrap .videos_bottomop .bottomicon.hangup_icon a svg * { fill: #ffffff;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn #start-recording { display:none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn a { width:auto; padding:0 20px; background:#24AAE0; color:#ffffff;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn a strong { display:block; margin:0 0 0 5px; font-weight:600;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn a svg * { fill: #ffffff;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .stop_icon { display:none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .loading_text,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .stop_text { display:none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .loadingsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord a { width:50px; padding:0 5px;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .loading_text { display: block;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .stop_text,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .record_text,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord strong,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .stop_icon,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .start_icon { display: none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .loadingsvg { display: block;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn .loadingsvg circle { fill:none;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording a { width: 50px; padding: 0 5px;}
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording .record_text,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording strong,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording .start_icon,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording .loading_text,
.studio_wrap .videos_bottomop .bottomicon.recordbtn.recording .loadingsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.unmuted .unmutedsvg { width:14px; height:19px;}
.studio_wrap .videos_bottomop .bottomicon.unmuted .mutedsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.muted .unmutedsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.muted svg { opacity:0.5;}
.studio_wrap .videos_bottomop .video_optionsbot .bottomicon + .bottomicon { margin:0 0 0 6px;}
.studio_wrap .videos_bottomop .bottomicon.video_on .video_offsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.video_off .video_onsvg { display:none;}
.studio_wrap .videos_bottomop .bottomicon.video_off .video_offsvg { opacity:0.5;}
.studio_wrap .videos_bottomop .submenubott { position:absolute; left:50%; bottom:100%; width:auto; margin:0; padding:0 0 9px 0; visibility:hidden; opacity:0; pointer-events:none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.studio_wrap .videos_bottomop .submenubott:before { content:""; width:0; height:0; display:block; border-width:0 5px 5px; border-style:solid; border-color:#EFEFEF transparent; position:absolute; left:50%; bottom:0px; z-index:1; margin:0 0 0 -5px;}
.studio_wrap .videos_bottomop .bottomicon:hover .submenubott { opacity:1; visibility:visible; pointer-events:all;}
.studio_wrap .videos_bottomop .submenubott ul { width:100%; background:#ffffff; border:1px solid #F1F1F1; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05); display:block; margin:0; padding:10px 0; border-radius:0px;}
.studio_wrap .videos_bottomop .submenubott ul li { display:block; margin:0; padding:0;}
.studio_wrap .videos_bottomop .submenubott ul li a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:auto; height:auto; margin:0px; padding:5px 20px; font-size:12px; color:#858585; font-weight:500; line-height:17px; background:none !important; border:none !important; border-radius:0px;}
.studio_wrap .videos_bottomop .submenubott ul li a:hover { color:#000000;}
.studio_wrap .videos_bottomop .submenubott ul li a svg { display: none !important;}
.studio_wrap .videos_bottomop .submenubott ul li.active a { color: #1F84C2;}
.studio_wrap .videos_bottomop .submenubott ul li.active a:hover { color: #1F84C2;}
.studio_wrap .videos_bottomop .submenubott ul li.noteli { margin: -10px 0 5px 0; padding: 10px 20px; font-size: 12px; color: #fe5353; background: rgb(254 83 83 / 10%); line-height: 1.4; font-weight: 500;}
.studio_wrap .videos_bottomop .hangup_icon .submenubott { width: 200px; left: auto; right: 0; margin: 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
.studio_wrap .videos_bottomop .hangup_icon .submenubott:before { left: auto; right: 18px; border-color: #d33030 transparent;}
/* Studio Room End */

html body .content.app-content .content-overlay { pointer-events: none; z-index: 1;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
html body .content.app-content .content-overlay svg { width: 130px; height: 130px;}
html body .content.app-content .content-overlay.active { opacity: 1; z-index: 1; pointer-events: all;}

/* Studio Recording Start */
.studio_wrap .recordpg_title { align-items: center;}
.studio_wrap .recordpg_title .btnbox { margin: 0 0 0 auto;}
.studio_wrap .recordpg_title h2 { padding: 0;}
.studio_wrap .record_intitle { padding: 30px 0 10px 0;}
.studio_wrap .record_intitle h3 { font-size: 16px; font-weight: 600; color: #444444; margin: 0; padding: 0;}
.studio_wrap .recoring_row_wrap { margin: 0;}
.studio_wrap .recoring_row_wrap .record_row { margin: 10px 0 0 0; width: 100%; border-radius: 0;}
.studio_wrap .recoring_row_wrap .record_row + .record_row { margin-top: 16px;}
.studio_wrap .recoring_row_wrap .record_headpart { width: 100%; background: #F8F9FE; border-radius:0; align-items: center; font-size: 12px; color: #777777;}
.studio_wrap .recoring_row_wrap .record_headpart label { margin: 0; font-weight: 400; color: #414141; opacity: 0.6;}
.studio_wrap .recoring_row_wrap .record_headpart .recname { font-size: 14px; font-weight: 600; color: #414141;}
.studio_wrap .recoring_row_wrap .record_headpart .datentime { font-size: 12px; color: #414141; opacity: 0.6;}
.studio_wrap .recoring_row_wrap .record_bodypart { width: 100%; align-items: center; font-size: 14px; color: #000000; font-weight: 600;}
.studio_wrap .recoring_row_wrap .record_bodypart strong { font-weight: 600;}
.studio_wrap .recoring_row_wrap .record_bodypart .txtbox { font-size: 12px; font-weight: 400; color: #777777;}
.studio_wrap .recoring_row_wrap .record_bodypart .thumb_box { width: 34px; height: 44px; border-radius: 5px; margin: 0 10px 0 0; align-items: center; justify-content: center;}
.studio_wrap .recoring_row_wrap .record_bodypart .thumb_box svg { margin: 5px 0 0 0;}
.studio_wrap .recoring_row_wrap .rec_bottompart { width: 100%; background: none; border-top: solid 1px #F8F9FE; padding: 11px 0 16px; border-radius: 0;}
.studio_wrap .recoring_row_wrap .record_row .recol1 { width: 25%; padding: 15px 20px;}
.studio_wrap .recoring_row_wrap .record_row .recol2 { width: 15%; padding: 15px 20px;}
.studio_wrap .recoring_row_wrap .record_row .recol3 { width: 15%; padding: 15px 20px;}
.studio_wrap .recoring_row_wrap .record_row .recol4 { width: 15%; padding: 15px 20px;}
.studio_wrap .recoring_row_wrap .record_row .recol5 { padding: 15px 20px; justify-content: flex-end;}
.studio_wrap .recoring_row_wrap .lastcolbox { align-items: center;}
.studio_wrap .recoring_row_wrap .lastcolbox .btnbox + .btnbox { margin: 0 0 0 5px;}
.studio_wrap .recoring_row_wrap .lastcolbox .formatinfo { margin: 0 0 0 10px; font-size: 11px; color: #777777;}
.studio_wrap .recoring_row_wrap .lastcolbox .w3nbtn.smbtn.withicon { height: 24px; padding: 0 10px; font-size: 11px; background: #F8F8F8; border-radius: 3px; border: none;}
.studio_wrap .recoring_row_wrap .rec_bottompart .btnwrap .w3nbtn + .w3nbtn { margin-left: 10px;}
.studio_wrap .recoring_row_wrap .rec_bottompart .btnwraplast { margin: 0 0 0 auto;}
/* Studio Recording End */


.studio_invitation {}
.invitation_row { padding: 25px 0; max-width: 790px;}
.invitation_row h4 { font-size: 20px; color: var(--textShade1); font-weight: 600; margin: 0; padding: 0;}
.invitation_row p { padding: 12px 0 0 0; font-size: 16px; color: var(--st-text-muted); margin: 0; font-weight: 400;}
.invitation_row p a { color: var(--darkPrimary); text-decoration: underline;}

.invitation_row .input_wrap { align-items: center; width: 100%; position: relative; margin: 0 0 0 0;}
.invitation_row .form_row { margin: 27px 0 0 0;}
.invitation_row .form_row + .form_row { margin-top: 15px;}
.invitation_row .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid var(--darkLine); background: var(--whiteBg); font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.invitation_row .input_wrap span { padding: 0 10px; display: block; position: absolute; right: 7px; height: 30px; line-height: 30px; top: 7px; border-radius: 5px; background: var(--boxBg); font-size: 13px; font-weight: 600; color: var(--textShade2);}
.invitation_row .radio_wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; margin:15px 0 0 0;}
.invitation_row .radio_wrap .in_radio { padding:0; margin: 0 30px 0 0;}
.invitation_row .radio_wrap .in_radio input[type="radio"] { display:none;}
.invitation_row .radio_wrap .in_radio input[type="radio"] + label { width:100%; position:relative; display:block; font-size:13px; color:var(--st-text-muted); font-weight:500; line-height:20px; cursor:pointer; margin:0px; padding:0 0 0 26px;}
.invitation_row .radio_wrap .in_radio input[type="radio"] + label:before { content:""; width:20px; height:20px; background:var(--st-surface-2); border:1px solid var(--darkLine); border-radius:50%; position:absolute; top:0px; left:0px; z-index:1;}
.invitation_row .radio_wrap .in_radio input[type="radio"] + label:after { content:""; width:10px; height:10px; display:none; background:var(--primary); border-radius:50%; position:absolute; top:5px; left:5px; z-index:1;}
.invitation_row .radio_wrap .in_radio input[type="radio"]:checked + label { color:var(--textShade1);}
.invitation_row .radio_wrap .in_radio input[type="radio"]:checked + label:before { border:1px solid var(--primary);}
.invitation_row .radio_wrap .in_radio input[type="radio"]:checked + label:after { display:block;}
.invitation_row .form_row.bottom_button { margin: 20px 0 0 0;}
.invitation_row .form_row.bottom_button .w3nbtn { width:auto;}
.invitation_row .or_line { height: 1px; width: 100%; background: var(--lightLine); justify-content: center; align-items: center;}
.invitation_row .or_line span { display: block; height: 29px; line-height: 29px; background: var(--lightLine); color: var(--textShade2); padding: 0 10px;}
.invitation_row .emails_wrap { margin: 0; padding: 20px 0 0 0;}
.invitation_row .emailrow { background: var(--st-overlay-02); padding: 15px 20px; align-items: center;}
.invitation_row .emailrow + .emailrow { margin-top: 2px;}
.invitation_row .emailrow .radio_wrap { margin: 0 0 0 auto;}
.invitation_row .emailrow .radio_wrap .in_radio { margin: 0;}
.invitation_row .emailrow .radio_wrap .in_radio + .in_radio { margin: 0 0 0 15px;}
.invitation_row .emailrow .email_listop { margin: 0 0 0 auto;}
.invitation_row .emailrow .pericon { width: 40px; height: 40px; border-radius: 50px; align-items: center; justify-content: center; font-size: 20px; color: var(--textShade2); background: var(--st-overlay-04); font-weight: 700; text-transform: uppercase; margin: 0 15px 0 0;}
.invitation_row .emailrow .remove_email { padding: 7px 0 0 0; justify-content: flex-end;}
.invitation_row .emailrow .remove_email a { font-size: 12px; color: var(--error); display: block; margin: 0; padding: 0;}


.studio_settings .show_name { font-size: 20px; color: #414141; font-weight: 600; margin: 0; padding: 6px 0 0 0;}
.studio_settings h2 { padding: 0;}
.settingTab_wrap { max-width: 730px;}
.settingTab_wrap .settingtabnav { margin: 0; padding: 50px 0 0 0; border-bottom: solid 1px #EFF1F9;}
.settingTab_wrap .settingtabnav ul.nav-tabs { margin: 0; padding: 0; width: 100%;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item { margin: 0; border: none; padding: 0;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item + li.nav-item { margin: 0 0 0 44px;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item a.nav-link { padding: 0 0 14px 0; position: relative; font-size: 15px; color: #414141; opacity: 0.5; border: none; border-radius: 0; box-shadow: none; outline: none; font-weight: 600;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item a.nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: #414141; opacity: 0;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item a.nav-link.active { opacity: 1;}
.settingTab_wrap .settingtabnav ul.nav-tabs li.nav-item a.nav-link.active::after { opacity: 1;}
.settingTab_wrap .settingtabcon { margin: 0; padding: 0;}
.settingTab_wrap .settingtabcon .tab-pane { margin: 0; padding: 30px 0 0 0;}
.settingTab_wrap .settingtabcon .tabtitle { font-size: 28px; color: #414141; font-weight: 700; margin: 0; padding: 0;}
.settingTab_wrap .settingtabcon h4 { margin: 0; padding: 40px 0 25px 0; font-size: 20px; color: #414141; font-weight: 600;}
.settingTab_wrap .settingtabcon .form_row { display: inline-block; vertical-align: top; width: 100%;}
.settingTab_wrap .settingtabcon .form_row + .form_row { margin: 30px 0 0 0;}
.settingTab_wrap .settingtabcon .form_row .label_text { width: 100%; margin: 0; padding: 0 0 5px 0; font-size: 13px; color: #414141; font-weight: 600;}
.settingTab_wrap .settingtabcon .form_row .input_wrap { max-width: 350px;}
.settingTab_wrap .settingtabcon .form_row .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(31, 132, 194, 0.15); background: #ffffff; font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.settingTab_wrap .settingtabcon .form_row .btnote { padding: 5px 0 0 0; color: #858585; font-size: 11px; font-style: italic; line-height: normal;}
.settingTab_wrap .settingtabcon .form_row .btnote span { font-style: normal; font-weight: 500;}
.settingTab_wrap .settingtabcon .radio_wrap { width: 100%; flex-wrap: wrap;}
.settingTab_wrap .settingtabcon .radio_wrap + .btnote { margin-top: 5px;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col { margin: 10px 0 0 0;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col + .radio_col { margin-left: 40px;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col input[type="radio"] { display: none;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col label { display: block; position: relative; margin: 0; padding: 0 0 0 26px; line-height: 20px; color: #858585; font-size: 13px; cursor: pointer; font-weight: 500;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col label::before { content: ''; width: 20px; height: 20px; border-radius: 100px; background: #F3F3F3; border: 1px solid #DCDCDC; position: absolute; left: 0; top: 0;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col label::after { content: ''; width: 10px; height: 10px; position: absolute; left: 5px; top: 5px; background: #24AAE0; border-radius: 20px; opacity: 0;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col input[type="radio"]:checked + label { color: #414141;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col input[type="radio"]:checked + label::before { border-color: #24AAE0;}
.settingTab_wrap .settingtabcon .radio_wrap .radio_col input[type="radio"]:checked + label::after { opacity: 1;}
.settingTab_wrap .settingtabcon .checkbox_wrap { width: 100%; margin: 0; padding: 0;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col { position: relative; margin: 0 0 5px 0;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col input[type="checkbox"] { display: none;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col label { position: relative; font-size: 13px; font-weight: 600; color: #414141; padding: 0 0 0 30px; line-height: 20px; cursor: pointer; margin: 0;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col label::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #DCDCDC; background: #F3F3F3;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col label::after { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../global/images/checkwhite.svg) no-repeat center center; opacity: 0;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col input[type="checkbox"]:checked + label::before { background: #24AAE0; border-color: #1F84C2;}
.settingTab_wrap .settingtabcon .checkbox_wrap .checkbox_col input[type="checkbox"]:checked + label::after { opacity: 1;}
.settingTab_wrap .settingtabcon .form_row.button_box { padding: 30px 0 0 0; border-top: solid 1px #E6E6E6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.settingTab_wrap .settingtabcon .form_row.button_box .w3nbtn { font-weight: 500;}
.settingTab_wrap .settingtabcon .form_row.button_box .w3nbtn + .w3nbtn { margin: 0 0 0 20px;}
.settingTab_wrap .settingtabcon .form_row.deletebutton_box { width: 100%;}
.settingTab_wrap .settingtabcon .form_row.deletebutton_box .btnote { padding: 0 0 10px 0;}


.settingTab_wrap .settingtabcon .tabsubtitle { line-height: normal; font-size: 12px; color: #414141; font-weight: 500; margin: 0; padding: 5px 0 0 0;}
.settingTab_wrap .settingtabcon .livest_row_wrap { margin: 0; padding: 10px 0 0 0;}
.settingTab_wrap .settingtabcon .livest_row { margin: 0; padding: 30px 0;}
.settingTab_wrap .settingtabcon .livest_row + .livest_row { border-top: solid 1px #E5E5E5;}
.settingTab_wrap .settingtabcon .livest_row .checkrow {}
.settingTab_wrap .settingtabcon .livest_row .checkrow input[type="checkbox"] { display: none;}
.settingTab_wrap .settingtabcon .livest_row .checkrow label { position: relative; font-size: 20px; font-weight: 600; color: #414141; padding: 0 0 0 41px; line-height: 26px; cursor: pointer; margin: 0;}
.settingTab_wrap .settingtabcon .livest_row .checkrow label::before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border: 1px solid #DCDCDC; background: #F3F3F3;}
.settingTab_wrap .settingtabcon .livest_row .checkrow label::after { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; background: url(../global/images/checkwhite.svg) no-repeat center center; opacity: 0; background-size: 16px;}
.settingTab_wrap .settingtabcon .livest_row .checkrow input[type="checkbox"]:checked + label::before { background: #24AAE0; border-color: #1F84C2;}
.settingTab_wrap .settingtabcon .livest_row .checkrow input[type="checkbox"]:checked + label::after { opacity: 1;}
.settingTab_wrap .settingtabcon .livest_row .subnote { line-height: normal; font-size: 12px; color: #414141; font-weight: 500; margin: 0; padding: 10px 0 0 0;}
.settingTab_wrap .settingtabcon .checkdetail { width: 100%; padding: 20px 0 0 0;}
.settingTab_wrap .settingtabcon .checkdetail .detarow { width: 100%; display: inline-block; vertical-align: top;}
.settingTab_wrap .settingtabcon .checkdetail .detarow + .detarow { padding-top: 15px;}
.settingTab_wrap .settingtabcon .checkdetail .detarow .label_text {  width: 100%; margin: 0; padding: 0 0 5px 0; font-size: 13px; color: #414141; font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; align-items: center;
}
.settingTab_wrap .settingtabcon .checkdetail .detarow .label_text a { margin: 0 0 0 20px; display: block; font-style: italic; font-size: 11px; color: #858585; font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; align-items: center;
}
.settingTab_wrap .settingtabcon .checkdetail .detarow .label_text a svg { float: left; margin: 0 5px 0 0;}
.settingTab_wrap .settingtabcon .checkdetail .detarow .label_text a span { text-decoration: underline;}
.settingTab_wrap .settingtabcon .checkdetail .detarow .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(31, 132, 194, 0.15); background: #ffffff; font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.settingTab_wrap .btnbox { padding: 30px 0 0 0; margin: 30px 0 0 0; border-top: solid 1px var(--lightLine);}
.settingTab_wrap .deletebutton_box { padding: 30px 0 0 0;}
.settingTab_wrap .deletebutton_box .btnote { font-size: 11px; color: #858585; margin: 0; padding: 0 0 10px 0; font-style: italic; font-weight: 400;}

.showpagination { justify-content: center; max-width: 458px; padding: 30px 0 0 0;}
.showpagination ul { justify-content: center; align-items: center; padding: 0; margin: 0;}
.showpagination ul li { margin: 0; padding: 0; display: block;}
.showpagination ul li + li { margin: 0 0 0 5px;}
.showpagination ul li a { display: block; width: 40px; height: 40px; border: solid 1px #E5E5E5; text-align: center; align-items: center; justify-content: center; font-size: 14px; color: #414141; font-weight: 500; border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.showpagination ul li a:not(.activepagi):hover { background: #f1f5f9;}
.showpagination ul li.prevpagi { margin: 0 10px 0 0;}
.showpagination ul li.nextpagi { margin: 0 0 0 15px;}
.showpagination ul li a.activepagi { border-color: #24AAE0; color: #24AAE0;}

.show_search { max-width: 458px; padding: 10px 0 30px 0;}
.show_search .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(31, 132, 194, 0.15); background: #ffffff; font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.show_search .btnWrap { margin: 0 0 0 10px;}


.emptyrecordtxt { padding: 20px 0; max-width: 458px;}
.emptyrecordtxt p { font-size: 16px; color: #FF6600; margin: 0; padding: 0; font-weight: 500;}

.error_404page { margin: 0; padding: 80px 0;}
.error_404page .icon404page { justify-content: center; align-items: center;}
.error_404page .icon404page svg { opacity: 0.2;}
.error_404page h2 { text-align: center; font-weight: 600; font-size: 200px; color: #24AAE0; padding: 20px 0 0 0; margin: 0;}
.error_404page h6 { text-align: center; color: #414141; opacity: 0.5; font-size: 18px; margin: 0; padding: 20px 0 0 0;}
.error_404page .btnbox { justify-content: center; align-items: center; padding: 40px 0 0 0;}

@media (min-width: 1300px) and (max-width: 1400px) {
    .studio_wrap .studetail_right { width: auto;}
    .studio_wrap .video_test_wrap .video_rt { width: 290px;}
    .studio_wrap .video_test_wrap .videobox { width: 260px;}
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .studio_wrap .studetail_right { width: 400px;}
    .studio_wrap .video_test_wrap { flex-wrap: wrap;}
    .studio_wrap .video_test_wrap .video_rt { width: 100%;}
    .studio_wrap .video_test_wrap .videobox { width: 100%; margin: 0 0 10px 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .studio_wrap .studio_grid ul li { max-width: calc(25% - 16px);}

    .studio_wrap .studetail_right { width: 300px;}
    .studio_wrap .video_test_wrap { flex-wrap: wrap;}
    .studio_wrap .video_test_wrap .video_rt { width: 100%;}
    .studio_wrap .video_test_wrap .videobox { width: 100%; margin: 0 0 10px 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .studio_wrap .studio_grid ul li { max-width: calc(25% - 16px);}

    .studio_wrap .studetail_row_wrap { flex-wrap: wrap;}
    .studio_wrap .studetail_right { width: 100%;}
    .studio_wrap .studetail_left { width: 100%;}
    .studio_wrap .video_test_wrap { flex-wrap: wrap; max-width: 430px; margin: 30px 0 0 0;}
    .studio_wrap .video_test_wrap .video_rt { width: 100%;}
    .studio_wrap .video_test_wrap .videobox { width: 100%; margin: 0 0 10px 0;}
}
@media (max-width: 767px) {

    .studio_wrap .studio_cr_form .input_wrap {
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .studio_wrap .studio_cr_form .input_text { width: 100%;}
    .studio_wrap .studio_cr_form .info_box { padding: 5px 0 0 0;}
    .studio_wrap .studio_cr_form .form_row.bottom_button {
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap; justify-content: center;
    }
    .studio_wrap .orbox { width: 100%; text-align: center; padding: 10px 0;}

    .studio_wrap .studio_list ul li .st_list_buttons { margin: 15px 0 0 0;}
    .studio_wrap .studio_list ul li .st_list_buttons .w3nbtn span { display: none;}
    .studio_wrap .studio_list ul li .st_list_buttons .w3nbtn .iconbox { margin: 0;}
    .studio_wrap .studio_grid ul li { max-width: calc(50% - 16px);}


    .studio_wrap .studetail_row_wrap { flex-wrap: wrap;}
    .studio_wrap .studetail_right { width: 100%;}
    .studio_wrap .studetail_left { width: 100%; padding: 0;}
    .studio_wrap .stu_detail_form .radio_wrap { flex-wrap: wrap; height: auto;}
    .studio_wrap .stu_detail_form .radio_wrap .in_radio { max-width: 100%;}
    .studio_wrap .stu_detail_form .radio_wrap .in_radio + .in_radio { margin: 4px 0 0 0;}
    .studio_wrap .stu_detail_form .radio_wrap label { font-weight: 500;}
    .studio_wrap .video_test_wrap { flex-wrap: wrap; max-width: 430px; margin: 30px 0 0 0; padding: 10px;}
    .studio_wrap .video_test_wrap .video_rt { width: 100%; padding: 0;}
    .studio_wrap .video_test_wrap .videobox { width: 100%; margin: 0 0 10px 0;}

}


/* External Pages CSS Start */

/* .guest_wrap .w3nbtn { padding: 0 18px; height: 40px; background: #24AAE0; border: none; color: #ffffff; font-weight: 600; font-size: 16px; align-items: center; margin: 0; justify-content: center; width: auto; border-radius: 0; white-space: nowrap; border:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.guest_wrap .w3nbtn:hover { background: #1F84C2;}
.guest_wrap .w3nbtn:disabled { opacity: 0.3 !important; pointer-events: none;}
.guest_wrap .w3nbtn.withicon { padding: 0 26px;}
.guest_wrap .w3nbtn .iconbox { margin: 0 10px 0 0;}
.guest_wrap .w3nbtn .iconbox svg { width: 20px; height: 20px; float: left;}
.guest_wrap .btn_trans { background: #EFEFEF; border: 1px solid #E6E6E6; color: #444444;}
.guest_wrap .btn_trans:hover { background: #ffffff;}
.guest_wrap .orbox { padding: 0 20px; color: #777777;}
.guest_wrap .w3nbtn.smbtn { height: 31px; border-radius: 0px; padding: 0 12px; font-size: 12px;}
.guest_wrap .w3nbtn.smbtn.withicon { padding: 0 15px;}
.guest_wrap .w3nbtn.smbtn.withicon .iconbox { display:none; margin: 0 5px 0 0;}
.guest_wrap .w3nbtn.smbtn.withicon .iconbox svg { width: 16px; height: 16px;}
.guest_wrap .btn-100 { width: 100%;}
.guest_wrap .btnbig { height: 44px; font-size: 16px; font-weight: 500;} */

.w3nbtn { height: 40px; border: none; line-height: 20px; padding: 0 20px; color: #ffffff; outline: none; box-shadow: none; font-weight: 600; font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; align-items: center;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.w3nbtn.primary_btn { background: #24AAE0; color: #ffffff;}
.w3nbtn.primary_btn:hover { background: #1F84C2; color: #ffffff;}

.guest_wrap .w3nbtn { padding: 0 18px; height: 40px; background: #24AAE0; border: none; color: #ffffff; font-weight: 600; font-size: 14px; align-items: center; justify-content: center; width: auto; border-radius: 5px; white-space: nowrap; border:none; outline: none; box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.guest_wrap .w3nbtn:hover { background: #1F84C2;}
.studiguest_wrapo_wrap .w3nbtn:disabled { opacity: 0.3 !important; pointer-events: none;}
.guest_wrap .w3nbtn.withicon { padding: 0 26px;}
.guest_wrap .w3nbtn.whitebtn { background: #ffffff; color: #414141; border: 1px solid #E6E6E6;}
.guest_wrap .w3nbtn.whitebtn:hover { background: #E6E6E6;}
.guest_wrap .w3nbtn.orangebtn { background: #FF6600; color: #ffffff;}
.guest_wrap .w3nbtn.orangebtn:hover { background: #ED5F00;}
.guest_wrap .w3nbtn.graybtn { background: #F8F8F8; color: #414141;}
.guest_wrap .w3nbtn.graybtn:hover { background: #DCDCDC; color: #000000;}
.guest_wrap .w3nbtn .iconbox { margin: 0 10px 0 0;}
.guest_wrap .w3nbtn .iconbox svg { width: 20px; height: 20px; float: left;}
.guest_wrap .btn_trans { background: #EFEFEF; border: 1px solid #E6E6E6; color: #444444;}
.guest_wrap .btn_trans:hover { background: #ffffff;}
.guest_wrap .orbox { padding: 0 20px; color: #777777;}
.guest_wrap .w3nbtn.smbtn { height: 30px; border-radius: 0; padding: 0 12px; font-size: 12px; font-weight: 500;}
.guest_wrap .w3nbtn.smbtn.withicon { padding: 0 15px;}
.guest_wrap .w3nbtn.smbtn.withicon .iconbox { display:none; margin: 0 5px 0 0;}
.guest_wrap .w3nbtn.smbtn.withicon .iconbox svg { width: 16px; height: 16px;}

.guest_wrap .w3nbtn.exsmbtn { height: 24px; border-radius: 3px; padding: 0 11px; font-size: 11px; font-weight: 500;}
.guest_wrap .w3nbtn.exsmbtn.withicon { padding: 0 11px;}
.guest_wrap .w3nbtn.exsmbtn.withicon .iconbox { display:none; margin: 0 5px 0 0;}
.guest_wrap .w3nbtn.exsmbtn.withicon .iconbox svg { width: 16px; height: 16px;}

.guest_wrap .btn-100 { width: 100%;}
.guest_wrap .btnbig { height: 44px; font-size: 16px; font-weight: 500;}


html body .content .content-wrapper.externalpage { /* padding: 60px; */ padding: 0 !important;}
html body .content .content-wrapper.externalpage .studio_wrap:not(.mainroombox) { padding: 10px;}
html body .content .content-wrapper.externalpage .studio_wrap .studio_wrap { padding: 0;}
html body .content .content-wrapper.externalpage .guest_wrap { padding: 60px;}
html body .content .content-wrapper.externalpage .inside_nstudio_recording_pg { padding: 0 32px 32px; background: #ffffff; overflow: auto; min-height: 100%;}
html body .content .content-wrapper.externalpage .nstudio_recording { overflow: auto;}

html body .content .content-wrapper.externalpage .page_titlemn { padding: 24px 0 32px 0;}
html body .content .content-wrapper.externalpage .page_titlemn h2 { font-size: 22px; font-weight: 600; display: flex; align-items: center;}
html body .content .content-wrapper.externalpage .page_titlemn input[type="text"] { width: 260px; height: 40px; padding: 0 50px 0 10px; background: none; border: solid 1px; border-color: transparent; outline: none; box-shadow: none; border-radius: 6px; font-size: 22px; font-weight: 600;}
html body .content .content-wrapper.externalpage .page_titlemn input[type="text"]:hover { border-color: var(--darkLine);}
html body .content .content-wrapper.externalpage .page_titlemn input[type="button"] { height: 40px; display: none; font-size: 16px; background: var(--primary); border: none; border-radius: 0 5px 5px 0; padding: 0 20px; color: var(--whiteText); font-weight: 500;}
html body .content .content-wrapper.externalpage .page_titlemn h2.active input[type="text"] { border-color: var(--darkLine); background: var(--whiteBg); border-radius: 6px 0 0 6px;}
html body .content .content-wrapper.externalpage .page_titlemn h2.active input[type="button"] { display: inline;}
html body .content .content-wrapper.externalpage .page_titlemn h2.withediticon { background-image: url(../images/edit-record-name.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center;}
html body .content .content-wrapper.externalpage .page_titlemn h2.withediticon.active { background-image: none;}


.externalpage {}
.externalpage { font-family: 'Outfit', sans-serif; font-weight: 400;}
.externalpage * { font-family: 'Outfit', sans-serif;}

.guest_wrap .enter_guest h2 { color: #000000; font-weight: 700; font-size: 28px; margin: 0; padding: 0 0 10px 0;}
.guest_wrap .enter_guest_inside { max-width: 352px; margin: 0 auto;}
.guest_wrap .form_row { display: inline-block; vertical-align: top; width: 100%; margin: 20px 0 0 0;}
.guest_wrap .form_row .label_text { font-weight: 400; margin: 0; padding: 0 0 5px 0; font-size: 12px; color: #A8A8A8; display: block;}
.guest_wrap .form_row .label_text span { color: #E44B4B;}
.guest_wrap .form_row .input_text { width: 100%; height: 40px; border-radius: 5px; border: 1px solid rgba(31, 132, 194, 0.15); background: #ffffff; font-size: 14px; font-weight: 500; padding: 0 15px; outline: none; box-shadow: none;}
.guest_wrap .form_row .checkrow { margin: 0;}
.guest_wrap .form_row .checkrow input[type="checkbox"] { display: none;}
.guest_wrap .form_row .checkrow label { position: relative; display: block; font-weight: 500; color: #858585; padding: 0 0 0 30px;}
.guest_wrap .form_row .checkrow label a { color: #24AAE0; text-decoration: underline;}
.guest_wrap .form_row .checkrow label::before { content: ''; position: absolute;  width: 20px; height: 20px; border: solid 1px #E5E5E5; left: 0; top: 0; background: #ffffff;}
.guest_wrap .form_row .checkrow label::after { content: ''; position: absolute;  width: 20px; height: 20px; left: 0; top: 0; background: url(../images/white_check_arrow.svg) no-repeat center center; opacity: 0;}
.guest_wrap .form_row .checkrow input[type="checkbox"]:checked + label::before { background: #24AAE0; border-color: #1F84C2;}
.guest_wrap .form_row .checkrow input[type="checkbox"]:checked + label::after { opacity: 1;}
.guest_wrap .form_row .w3nbtn { margin: 20px 0 0 0;}


/* Guest Detail Start */
.guest_wrap .back_to_dashboard { margin: 0; padding: 0 0 45px 0;}
.guest_wrap .back_to_dashboard a { align-items: center; color:#858585; font-weight: 500; font-size: 12px; text-decoration: none;}
.guest_wrap .back_to_dashboard a svg { float: left; margin: 0 10px 0 0;}
.guest_wrap .back_to_dashboard a:hover { color: #000000;}
.guest_wrap .stu_detail_title { margin: 0; padding: 0 0 0 0;}
.guest_wrap .stu_detail_title h6 { font-weight: 500; color:#858585; margin: 0; padding: 0 0 7px 0; font-size: 16px;}
.guest_wrap .stu_detail_title h3 { font-weight: 600; color: #000000; margin: 0; padding: 0; font-size: 24px;}
.guest_wrap .studetail_row_wrap { max-width: 1112px;}
.guest_wrap .studetail_left { padding: 0 30px 0 0;}
.guest_wrap .in_studetail_left { padding: 0; max-width: 540px;}
.guest_wrap .studetail_right { width: 380px; padding: 0;}
.guest_wrap .stu_detail_form { padding: 23px 0 0 0;}
.guest_wrap .stu_detail_form .form_row + .form_row { margin-top: 23px;}
.guest_wrap .stu_detail_form .input_wrap { align-items: center; width: 100%; position: relative;}
.guest_wrap .stu_detail_form .input_text { width:352px; max-width:100%; height:40px; background:#F3F3F3; border:none; font-size:14px; padding:0 15px; border-radius:0px; outline:none; box-shadow:none; color:#000000; font-weight:500;}
.guest_wrap .stu_detail_form .input_wrap span { padding: 0 10px; display: block; position: absolute; right: 7px; height: 30px; line-height: 30px; top: 7px; border-radius: 5px; background: #f1f5f9; font-size: 13px; font-weight: 600; color: rgba(0,0,0,0.7);}
.guest_wrap .stu_detail_form .radio_wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -20px;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio { max-width:50%; width:100%; padding:0px 20px;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] { display:none;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label { width:100%; position:relative; display:block; font-size:16px; color:#858585; font-weight:500; line-height:32px; cursor:pointer; margin:0px; padding:0 0 0 42px;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:before { content:""; width:32px; height:32px; background:#F3F3F3; border:1px solid #DCDCDC; border-radius:50%; position:absolute; top:0px; left:0px; z-index:1;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:after { content:""; width:16px; height:16px; display:none; background:#24AAE0; border-radius:50%; position:absolute; top:8px; left:8px; z-index:1;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label { color:#000000;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label:before { border:2px solid #24AAE0;}
.guest_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"]:checked + label:after { display:block;}
.guest_wrap .stu_detail_form .form_row.bottom_button { margin-top:40px;}
.guest_wrap .stu_detail_form .bottom_button .w3nbtn { width:auto; margin: 0;}
.guest_wrap .stu_detail_form .jois_as { margin: 0; font-size: 13px; color: #777777;}
.guest_wrap .stu_detail_form .jois_as a { font-size: 13px; color: #777777; text-decoration: underline;}
.guest_wrap .video_test_wrap { -ms-flex-direction:column; flex-direction:column;}
.guest_wrap .video_test_wrap .video_rt { width:100%; padding:0px;}
.guest_wrap .video_test_wrap .videobox { width:100%; position:relative; background:#F2F2F2; margin:0 0 20px 0;}
.guest_wrap .video_test_wrap .loader_video { position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(255,255,255,0.5); border-radius: 5px; align-items: center; justify-content: center;}
.guest_wrap .video_test_wrap .namebox { position:absolute; left:14px; bottom:14px; border-radius:0px; padding:4px 10px; font-size:12px; font-weight:500; color:#000000; background:rgba(255,255,255,0.9); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15); z-index: 1;}
.guest_wrap .video_test_wrap .video_optionsabt { position:absolute; right:14px; bottom:14px;}
.guest_wrap .video_test_wrap .video_optionsabt .svg_wrap { align-items: center; justify-content: center; width: 26px; height: 26px; background:rgba(255,255,255,0.9); border-radius:0px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15);}
.guest_wrap .video_test_wrap .video_optionsabt .svg_wrap + .svg_wrap { margin:0 0 0 10px;}
.guest_wrap .video_test_wrap .video_optionsabt svg { width:16px; height:16px;}
.guest_wrap .video_test_wrap .invideosource { overflow:hidden; height:233px;}
.guest_wrap .video_test_wrap .invideosource video { width:100%; height:100%; object-fit:cover;}
.guest_wrap .video_test_wrap .no_camera_no_audio { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.guest_wrap .video_test_wrap .no_camera_no_audio span { display: block; font-size: 14px; color:#858585; font-weight: 500;}
.guest_wrap .video_test_wrap .whencameraoff { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.guest_wrap .video_test_wrap .whencameraoff span { width: 50px; height: 50px; align-items: center; justify-content: center; background: #333333; border-radius: 100px;}
.guest_wrap .video_test_wrap .opt_row { margin:0 0 0 0;}
.guest_wrap .video_test_wrap .select_main { position:relative; align-items:center; padding:0; background:#ffffff; border-radius:0px; border-bottom:1px solid #E6E6E6;}
.guest_wrap .video_test_wrap .select_main .iconbox { width:24px; height:64px; align-items:center; justify-content:center; margin:0 12px 0 0;}
.guest_wrap .video_test_wrap .select_main .iconbox svg { opacity:1; fill:#000000;}
.guest_wrap .video_test_wrap .select_main span { font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.guest_wrap .video_test_wrap .select_main .dd_arrow { margin: 0 0 0 auto; padding: 0 5px;}
.guest_wrap .video_test_wrap .select_main .dd_arrow svg { fill:#858585;}
.guest_wrap .video_test_wrap .select_main .form-control { padding: 0 30px 0 36px; font-size:14px; color:#000000; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: none !important; outline: none !important; box-shadow: none !important; background: none !important; height: 64px; text-indent: 0 !important;}
.guest_wrap .video_test_wrap .select_main .select_wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.guest_wrap .video_test_wrap .select_main .form-control option { padding: 10px 0 !important; text-indent: 0 !important;}
.guest_wrap .video_test_wrap .btnbox { padding: 10px 0 0 0;}
/* Guest Detail End */

/* Audience Room Start */
.guest_wrap .video_plus_side_wrap { height: calc(100vh - 150px); margin-bottom: -50px;}
.guest_wrap .video_left_wrap {}
.guest_wrap .video_left_wrap .videos_wrap { padding:0 0 20px 0; height:calc(100% - 50px);}
.guest_wrap .video_frame_wrap { position:relative; height:100%; flex-wrap:wrap; margin: -2px;}
.guest_wrap .video_frame_wrap .notrecordstart { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #F2F2F2; z-index: 2; display: none; align-items: center; justify-content: center;}
.guest_wrap .video_frame_wrap .in_notrecordstart { max-width: 348px; margin: auto; text-align: center;}
.guest_wrap .video_frame_wrap .in_notrecordstart h6 { padding: 0 0 12px 0; color: #414141; font-size: 20px; margin: 0; font-weight: 600; line-height: normal;}
.guest_wrap .video_frame_wrap .in_notrecordstart p { font-size: 14px; color: #414141; line-height: normal; margin: 0; padding: 0 0 12px 0; font-weight: 400;}
.guest_wrap .video_frame_wrap .in_notrecordstart .notebox { color: #414141; opacity: 0.5; font-size: 12px; font-weight: 400; line-height: normal;}
.guest_wrap .recordnotstarted .video_frame_wrap .notrecordstart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.guest_wrap .recordnotstarted .video_frame_wrap .invideosource { opacity: 0;}
.guest_wrap .video_frame_wrap .video_frame { padding:2px;}
.guest_wrap .video_frame_wrap .video_fr_box { overflow: hidden; border-radius:10px; position: relative; height: 100%;}
.guest_wrap .video_frame_wrap .loader_video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); border-radius: 5px; align-items: center; justify-content: center;}
.guest_wrap .video_frame_wrap .namebox { position:absolute; right:20px; bottom:20px; align-items:center; z-index:1;}
.guest_wrap .video_frame_wrap .namebox span { padding:6px 20px; font-size:14px; font-weight:500; color:#FFFFFF; background:rgba(0, 0, 0, 0.7); align-items:center;}
.guest_wrap .video_frame_wrap .namebox .svg_wrap { align-items:center; justify-content:center; width:24px; height:24px; background:rgba(255,255,255,0.5); border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.1); margin:0 0 0 10px;}
.guest_wrap .video_frame_wrap .namebox .svg_wrap + .svg_wrap { margin: 0 0 0 5px;}
.guest_wrap .video_frame_wrap .namebox svg { width:16px; height:16px;}
.guest_wrap .video_frame_wrap .invideosource { overflow: hidden; height: 100%;}
.guest_wrap .video_frame_wrap .invideosource video { width: 100%; height: 100%; object-fit: cover; border-radius:0px !important;}
.guest_wrap .video_frame_wrap .no_camera_no_audio { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.guest_wrap .video_frame_wrap .no_camera_no_audio span { display: block; font-size: 12px; color: #000000;}
.guest_wrap .video_frame_wrap .no_camera_no_audio svg { height: 40px; width: auto; }
.guest_wrap .video_frame_wrap .no_camera_no_audio svg * { fill: #ffffff;}
.guest_wrap .video_frame_wrap .whencameraoff { position: absolute; left: 0; top: 0; right: 0; bottom: 0; justify-content: center; align-items: center;}
.guest_wrap .video_frame_wrap .whencameraoff span { width: 50px; height: 50px; align-items: center; justify-content: center; background: #333333; border-radius: 100px;}
.guest_wrap .video_frame_wrap .audio_mute {}
.guest_wrap .video_frame_wrap.vid1 .video_frame { height: 100%; width: 100%;}
.guest_wrap .video_frame_wrap.vid2 .video_frame { height: 100%; width: 50%;}
.guest_wrap .video_frame_wrap.vid3 .video_frame,
.guest_wrap .video_frame_wrap.vid4 .video_frame { height: 50%; width: 50%;}
.guest_wrap .video_frame_wrap.vid5 .video_frame,
.guest_wrap .video_frame_wrap.vid6 .video_frame { height: 33.33%; width: 50%;}
.guest_wrap .video_frame_wrap.vid7 .video_frame,
.guest_wrap .video_frame_wrap.vid8 .video_frame { height: 33.33%; width: 33.33%;}
.guest_wrap .video_frame_wrap .fullscreenicon { position: absolute; right: 10px; top: 10px; z-index: 1; opacity: 0;}
.guest_wrap .video_frame_wrap .fullscreenicon a { background: #ffffff; width: 30px; height: 30px; border-radius: 50px; align-items: center; justify-content: center;}
.guest_wrap .video_frame_wrap .fullscreenicon a svg { width: 20px; height: 20px; fill: #000000 !important;}
.guest_wrap .video_frame_wrap .video_fr_box:hover .fullscreenicon { opacity: 1;}
.guest_wrap .video_frame_wrap .video_optionwrap { position: absolute; left: 10px; bottom: 10px; align-items: center;}
.guest_wrap .video_frame_wrap .video_optionwrap .audio_mute { align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 5px;}
.guest_wrap .video_frame_wrap .video_optionwrap .audio_mute svg { width: 30px; height: auto;}
.guest_wrap .video_frame_wrap .video_optionwrap .audio_mute svg * { fill: #ffffff;}

.studio_wrap .studetail_right .video_optionwrap { display: none !important;}
.studio_wrap .video_frame_wrap .video_optionwrap { position: absolute; left: 10px; bottom: 10px; align-items: center;}
.studio_wrap .video_frame_wrap .video_optionwrap .audio_mute { align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 5px;}
.studio_wrap .video_frame_wrap .video_optionwrap .audio_mute svg { width: 30px; height: auto;}
.studio_wrap .video_frame_wrap .video_optionwrap .audio_mute svg * { fill: #ffffff;}


.guest_wrap .video_plus_side_wrap .videos_right { width:308px; padding:0 0 0 30px;}
.guest_wrap .videos_right .right_tab_nav { border:none;}
.guest_wrap .videos_right .right_tab_nav ul { width: 100%; margin: 0; padding: 0; border: none; background: none;}
.guest_wrap .videos_right .right_tab_nav ul li { width: 100%; max-width: 100%; margin: 0; padding: 0; border: none; background: none;}
.guest_wrap .videos_right .right_tab_nav ul li a.nav-link { display: block; text-align: center; margin: 0; padding:15px 10px; background:#F8F8F8; outline: none; border: none; box-shadow: none; border-radius: 0 !important; font-size: 16px; color: #858585; font-weight: 600; line-height:1.2; position: relative;}
.guest_wrap .videos_right .right_tab_nav ul li a.nav-link.active { color:#FFFFFF; background:#24AAE0; border:none;}
.guest_wrap .videos_right .tab-content .tab-pane { position:relative; height:100%;}
.guest_wrap .videos_right .chat_wrap { position: relative; height: 100%;}
.guest_wrap .videos_right .chat_wrap .chat_plot {  overflow: auto; padding: 10px 10px 10px 0;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap { width: calc(100% - 30px); margin: 0 auto 0 0;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap + .chatbox_wrap { margin-top: 30px !important;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap .timendate { font-size: 11px; padding: 0; opacity: 0.7; margin: 0 0 0 auto;}
.guest_wrap .videos_right .chat_wrap .chat_topbox { align-items: center; padding: 0 0 2px 0;}
.guest_wrap .videos_right .chat_wrap .namebox1 { color: #858585; font-size: 13px;}
.guest_wrap .videos_right .chat_wrap .chatbox { padding: 12px; background: #F9F9F9; border-radius: 0 10px 10px 10px;}
.guest_wrap .videos_right .chat_wrap .chatbox .namebox1 { font-size: 12px; font-weight: 600; color: #ffffff;}
.guest_wrap .videos_right .chat_wrap .chatbox p { font-size: 13px; color: #444444; padding: 0; margin: 0; line-height: 18px;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap.userme { margin: 0 0 0 auto;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap.userme .chatbox { background: rgba(36, 170, 224, 0.1);}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap.userme .namebox1 { color: #000000;}
.guest_wrap .videos_right .chat_wrap .chatbox_wrap.userme p { color: #000000;}
.guest_wrap .videos_right .tab-content { height: calc(100% - 50px);}
.guest_wrap .videos_right .chat_input form { width: 100%; margin: 0; padding: 0;}
.guest_wrap .videos_right .chat_input .form_boxchat { width:100%; -ms-flex-align:center; align-items:center; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.guest_wrap .videos_right .chat_input .input_wrap input { width: 100%; height: 46px; border: none; background:none; padding:0 15px 0 0; border-radius:0px; font-size: 12px; color:#000000; font-weight: 500; outline: none; box-shadow: none;}
.guest_wrap .videos_right .chat_input .input_wrap input::-webkit-input-placeholder { color:#C8C8C8; opacity:1;}
.guest_wrap .videos_right .chat_input .input_wrap input::-moz-placeholder { color:#C8C8C8; opacity:1;}
.guest_wrap .videos_right .chat_input .input_wrap input:-ms-input-placeholder { color:#C8C8C8; opacity:1;}
.guest_wrap .videos_right .chat_input .input_wrap input:-moz-placeholder { color:#C8C8C8; opacity:1;}
.guest_wrap .videos_right .chat_input .submit_btn { border: none; background: none; outline: none; box-shadow: none;}
.guest_wrap .videos_right .chat_input .submit_btn svg { width: 24px; height: 24px;}
.guest_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.07); background-color: #F5F5F5; border-radius: 10px;}
.guest_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar { width: 4px; background-color: #F5F5F5;}
.guest_wrap .videos_right .chat_wrap .chat_plot::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 5px;}

.guest_wrap .videos_right .recording_overview_wrap { overflow: auto; position: relative; height: 100%; padding:25px 0 0 0;}
.guest_wrap .videos_right .recording_overview { width:100%; border-bottom:1px solid #E6E6E6; padding:0 0 20px 0;}
.guest_wrap .videos_right .recording_overview .top_line {}
.guest_wrap .videos_right .recording_overview .top_line span { font-size:12px; color:#858585; text-transform:uppercase; font-weight:600; letter-spacing:0.1em; line-height:15px;}
.guest_wrap .videos_right .recording_overview .setting_icontab { line-height:1; margin:0 0 0 auto;}
.guest_wrap .videos_right .recording_overview .setting_icontab a { display: block;}
.guest_wrap .videos_right .recording_overview .setting_icontab a svg { width: 16px; height: 16px;}
.guest_wrap .videos_right .recording_overview .setting_icontab a svg * { fill:#858585;}
.guest_wrap .videos_right .recording_overview .nameandtime { width:100%; padding:8px 0 0 0;}
.guest_wrap .videos_right .recording_overview .nameandtime .recname_input { width: 100%; height: 24px; padding: 0 5px; background: #ffffff; border: solid 1px #cccccc; border-radius: 5px; outline: none; font-size: 12px;}
.guest_wrap .videos_right .recording_overview .nameandtime .savebtn { height: 24px; border: none; color: #ffffff; padding: 0 7px 2px; font-size: 12px; font-weight: 600; background: #3a90aa; border: none; outline: none; box-shadow: none; border-radius: 5px;}
.guest_wrap .videos_right .recording_overview .name_editicon { padding:0 0 0 10px;}
.guest_wrap .videos_right .recording_overview .name_editicon a { display:block;}
.guest_wrap .videos_right .recording_overview .name_editicon a svg { width:16px; height:16px; fill:#858585;}
.guest_wrap .videos_right .recording_overview .nameinside span { font-size:13px; font-weight:600; color:#000000;}
.guest_wrap .videos_right .recording_overview .record_time { margin: 0 0 0 5px;}
.guest_wrap .videos_right .recording_overview .record_time span { height: 24px; line-height: 22px; font-size: 11px; font-weight: 500; background: #ffffff; border:1px solid #E6E6E6; padding: 0 10px; color:#858585; display: block; border-radius: 0px;}
.guest_wrap .videos_right .recording_overview .rec_namebox:not(.editrecname) .editnamewrap { display: none;}
.guest_wrap .videos_right .recording_overview .rec_namebox:not(.editrecname) .savebtn { display: none;}
.guest_wrap .videos_right .recording_overview .rec_namebox.editrecname .nameinside span,
.guest_wrap .videos_right .recording_overview .rec_namebox.editrecname .name_editicon a { display: none;}
.guest_wrap .videos_right .recording_overview .format_know { padding:5px 0 0 0;}
.guest_wrap .videos_right .recording_overview .format_know span { display:block; color:#858585; font-size:11px; line-height:1;}
.guest_wrap .videos_right .recordbtn { padding:20px 0 0 0;}
.guest_wrap .videos_right .recordbtn .w3nbtn { font-size:16px; border-radius:0px; padding:0 20px;}

.guest_wrap .videos_bottomop { margin:0; padding:0; position: relative; z-index: 2;}
.guest_wrap .videos_bottomop .video_optionsbot { margin:0 auto;}
.guest_wrap .videos_bottomop .bottomicon { margin:0; padding:0; position:relative;}
.guest_wrap .videos_bottomop .bottomicon span { display:none; font-size: 11px; color: #666666; text-align: center; padding: 5px 0 0 0;}
.guest_wrap .videos_bottomop .bottomicon a { width:50px; height:50px; border-radius:0px; background:#EFEFEF; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center;}
.guest_wrap .videos_bottomop .bottomicon a:hover { background:#EFEFEF;}
.guest_wrap .videos_bottomop .bottomicon a svg * { fill: #000000;}
.guest_wrap .videos_bottomop .bottomicon.hangup_icon a { background: #FE5353;}
.guest_wrap .videos_bottomop .bottomicon.hangup_icon a:hover { background: #d33030;}
.guest_wrap .videos_bottomop .bottomicon.hangup_icon a svg * { fill: #ffffff;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn #start-recording { display:none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn a { width:auto; padding:0 20px; background:#FE5353; color:#ffffff;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn a strong { display:block; margin:0 0 0 5px; font-weight:600;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn a svg * { fill: #ffffff;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .stop_icon { display:none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .loading_text,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .stop_text { display:none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.startrecord .loadingsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord a { width:50px; padding:0 5px;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .loading_text { display: block;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .stop_text,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .record_text,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord strong,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .stop_icon,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .start_icon { display: none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.loadingrecord .loadingsvg { display: block;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn .loadingsvg circle { fill:none;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording a { width: 50px; padding: 0 5px;}
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording .record_text,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording strong,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording .start_icon,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording .loading_text,
.guest_wrap .videos_bottomop .bottomicon.recordbtn.recording .loadingsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.unmuted .unmutedsvg { width:14px; height:19px;}
.guest_wrap .videos_bottomop .bottomicon.unmuted .mutedsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.muted .unmutedsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.muted svg { opacity:0.5;}
.guest_wrap .videos_bottomop .video_optionsbot .bottomicon + .bottomicon { margin:0 0 0 1px;}
.guest_wrap .videos_bottomop .bottomicon.video_on .video_offsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.video_off .video_onsvg { display:none;}
.guest_wrap .videos_bottomop .bottomicon.video_off .video_offsvg { opacity:0.5;}
.guest_wrap .videos_bottomop .submenubott { position:absolute; left:50%; bottom:100%; width:260px; margin:0 0 0 -130px; padding:0 0 10px 0; visibility:hidden; opacity:0; pointer-events:none;}
.guest_wrap .videos_bottomop .submenubott:before { content:""; width:0; height:0; display:block; border-width:0 5px 5px; border-style:solid; border-color:#EFEFEF transparent; position:absolute; left:50%; bottom:0px; z-index:1; margin:0 0 0 -5px;}
.guest_wrap .videos_bottomop .bottomicon:hover .submenubott { opacity:1; visibility:visible; pointer-events:all;}
.guest_wrap .videos_bottomop .submenubott ul { width:100%; background:#ffffff; border:1px solid #F1F1F1; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05); display:block; margin:0; padding:10px 0; border-radius:0px;}
.guest_wrap .videos_bottomop .submenubott ul li { display:block; margin:0; padding:0;}
.guest_wrap .videos_bottomop .submenubott ul li a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:auto; height:auto; margin:0px; padding:10px 20px; font-size:14px; color:#858585; font-weight:500; line-height:17px; background:none !important; border:none !important; border-radius:0px;}
.guest_wrap .videos_bottomop .submenubott ul li a:hover { color:#000000;}

/* Audience Room End */

.fullpagebody .content.app-content { margin: 0 !important;}
html body .content .content-wrapper.externalpage { min-height: calc(100vh - 60px);
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    padding: 0 !important;
}
#recording { position: relative; width: 100%;}
#webinar { position: relative; width: 100%;}

html body.fixed-navbar.fullpagebody { padding-top: 61px;}

/* New Style Start with Header */

.studio_header { position: fixed; top: 0; left: 0; right: 0; border-bottom: solid 1px #E4E7ED; align-items: center; background: #ffffff; z-index: 10; min-height: 61px;}
.studio_header .leftpart { align-items: center;}
.studio_header .backbtn { margin: 0 0 0 0;}
.studio_header .backbtn a { width: 60px; height: 60px; background: #24AAE0; align-items: center; justify-content: center;}
.studio_header .logobox { margin: 0 0 0 20px;}
.studio_header .logobox a { display: block;}
.studio_header .logobox img { height: 40px; width: auto;}
.studio_header .stunameheader { padding: 0 0 0 30px; font-size: 16px; font-weight: 600; color: #000000; margin: 0;}
.studio_header .rightpart { margin: 0 20px 0 auto; align-items: center;}
.studio_header .profilebox { margin: 0 0 0 20px;}
.studio_header .profilebox img { width: 40px; height: 40px; border-radius: 50px; margin: 0 6px 0 0;}
.studio_header .profilebox a { align-items: center;}
.studio_header .record_box { min-width: 30px; height: 32px; padding: 0 10px; align-items: center;}
.studio_header .record_box span { display: none; font-size: 13px; color: #ffffff; font-weight: 600; margin: 0 0 0 3px;}
.studio_header .record_box.recording { background: #E44B4B; color: #ffffff; border-radius: 5px; }
.studio_header .record_box.recording * { fill: #ffffff;}
.studio_header .record_box.recording span { display: block;}
.studio_header .upload_box { min-width: 30px; height: 32px; padding: 0 10px; align-items: center; margin: 0 0 0 10px;}
.studio_header .upload_box span { display: none; font-size: 13px; color: #ffffff; font-weight: 600; margin: 0 0 0 3px;}
.studio_header .upload_box strong { height: 32px; padding: 0 10px; margin: 0 -10px 0 10px; font-size: 13px; color: #ffffff; font-weight: 700; align-items: center; justify-content: center; display: none; border-radius: 5px;}
.studio_header .upload_box.uploading { background: #27D10A; color: #ffffff; border-radius: 5px;}
.studio_header .upload_box.uploading * { fill: #ffffff;}
.studio_header .upload_box.uploading span { display: block;}
.studio_header .upload_box.uploading strong { background: #22B309;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.studio_header .pagenamebox { position: absolute; left: 0; right: 0; top: 50%; height: 0; align-items: center; justify-content: center;}
.studio_header .pagenamebox h2 { margin: 0; padding: 8px 15px; font-size: 15px; color: #000000; font-weight: 600; border-radius: 7px; background: #deedf6;}


.recording_overview_wrap .userslist_wrap { margin: 0; overflow: auto; min-height: 250px;}
.recording_overview_wrap .userslist_wrap .usertabnav {}
.recording_overview_wrap .userslist_wrap .usertabnav ul.nav-tabs { border: none; margin: 0; padding: 0; border-bottom: 1px solid #E6E6E6;}
.recording_overview_wrap .userslist_wrap .usertabnav ul.nav-tabs li.nav-item { width: 100%; max-width: 50%; margin: 0; padding: 0;}
.recording_overview_wrap .userslist_wrap .usertabnav ul.nav-tabs li.nav-item a.nav-link { margin: 0; padding: 10px 0; border: none; font-size: 13px; font-weight: 500; text-align: center; display: block; color: rgba(65, 65, 65, 0.4);}
.recording_overview_wrap .userslist_wrap .usertabnav ul.nav-tabs li.nav-item a.nav-link.active { color: #1F84C2;}

.recording_overview_wrap .userslist_wrap.userslist_AG .usertabnav ul.nav-tabs li.nav-item { width: 100%;}
.recording_overview_wrap .userslist_wrap.userslist_AG .usertabnav ul.nav-tabs li.nav-item a.nav-link,
.recording_overview_wrap .userslist_wrap.userslist_AG .usertabnav ul.nav-tabs li.nav-item a.nav-link.active { font-size: 14px; color: #414141; font-weight: 600;}

.recording_overview_wrap .userslist_wrap .usertabdetail { overflow: auto;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul { display: block; margin: 0; padding: 0; list-style: none !important;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li { margin: 0; padding: 15px 0; width: 100%;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li + li { border-top: solid 1px rgba(0, 0, 0, 0.05);}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .profilepic { width: 36px; height: 36px; background: #E5E5E5; margin: 0 10px 0 0; border-radius: 50px; overflow: hidden; align-items: center; justify-content: center; font-size: 18px; color: #414141; font-weight: 600; line-height: 1; text-transform: uppercase;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li strong { font-weight: 600; color: #414141; font-size: 13px;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox { margin: 0 0 0 auto; align-items: center;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn { display: block; width: 26px; height: 26px; border-radius: 5px; /* border: solid 1px rgba(0, 0, 0, 0.02); */ margin: 0; background: #EFF1F9; cursor: pointer;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn + .cbtn { margin: 0 0 0 5px;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn:last-child { margin-right: 0;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn.kickout *,
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn.reject * { fill: #E44B4B;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn.accept * { fill: #22B309;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn.accept svg ,
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox .cbtn.reject svg { width: 14px; height: 14px;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox.acceptreject { width: 100%; margin:10px 0 0 0;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox.acceptreject .cbtn { padding: 0 7px; width: auto; height: 22px; color: #ffffff; font-weight: 500; font-size: 12px;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox.acceptreject .cbtn.accept { background: #27D10A;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .smbtnbox.acceptreject .cbtn.reject { margin: 0 0 0 auto; background: #fe5353;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .rolebox { margin: 0 0 0 auto; font-size: 12px; color: #414141; opacity: 0.7;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage { width: 100%; align-items: center;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage .mutubtnbox { margin: 0 0 0 15px;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage .mutubtnbox a { width: 26px; height: 26px; background: #EFF1F9; border-radius: 5px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage .mutubtnbox .svgmuted { display: none;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage .mutubtnbox svg { height: 13px; width: auto;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiomanage .mutubtnbox svg * { fill: #414141;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiolinewrp-renew { width: 100%; height: 2px; background: #E5E5E5; border-radius: 2px; position: relative;}
.recording_overview_wrap .userslist_wrap .usertabdetail ul li .audiolinewrp-renew .activeaudio-renew { position: absolute; top: -1px; bottom: -1px; left: 0; background: #27D10A; border-radius: 4px;}

.recording_overview_wrap .mainuser_row { margin: 0; padding: 15px 0; width: 100%;}
.recording_overview_wrap .mainuser_row .profilepic { width: 36px; height: 36px; background: #E5E5E5; margin: 0 10px 0 0; border-radius: 50px; overflow: hidden; align-items: center; justify-content: center; font-size: 18px; color: #414141; font-weight: 600; line-height: 1; text-transform: uppercase;}
.recording_overview_wrap .mainuser_row .top_rowbox { align-items: center;}
.recording_overview_wrap .mainuser_row strong { font-weight: 600; color: #414141; font-size: 13px; display: block; line-height: 16px;}
.recording_overview_wrap .mainuser_row .typequality { padding: 5px 0 0 0;}
.recording_overview_wrap .mainuser_row .typequality span { color: #414141; font-size: 10px; display: block; opacity: 0.7;}
.recording_overview_wrap .mainuser_row .typequality span + span { margin: 0 0 0 8px;}
.recording_overview_wrap .mainuser_row .sudiorowbox { margin: 10px 0 0 0;}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox { margin: 0;}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox span { width: 26px; height: 26px; background: #EFF1F9; border-radius: 5px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox span.muted {}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox svg { height: 13px; width: auto;}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox svg * { fill: #414141;}
.recording_overview_wrap .mainuser_row .sudiorowbox .mutubtnbox span.muted svg { height: 16px; opacity: 0.5;}
.recording_overview_wrap .mainuser_row .rangeboxwrap { align-items: center; margin: 0 20px 0 0; position: relative;}
.recording_overview_wrap .mainuser_row .rangeboxwrap input { width: 100%; cursor: pointer; opacity: 0;}
.recording_overview_wrap .mainuser_row .rangeboxwrap .track { width: 100%; height: 2px; background: #E5E5E5; position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; border-radius: 5px;}
.recording_overview_wrap .mainuser_row .rangeboxwrap .track-inner { width: 0; height: 100%; height: 4px; background: #27D10A; margin: -1px 0 0 0;}
.recording_overview_wrap .mainuser_row .rangeboxwrap .thumb { width: 8px; height: 8px; background: #27D10A; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); pointer-events: none;}

.recording_overview_wrap .mainuser_row .bottomrowbox { background: #F3F3F3; padding: 10px 15px 15px 10px; border-radius: 5px; margin: 12px 0 0 0;}
.recording_overview_wrap .mainuser_row .bottomrowbox h6 { align-items: center; font-size: 12px; color: #414141; font-weight: 600; margin: 0; padding: 0 0 13px 0;}
.recording_overview_wrap .mainuser_row .bottomrowbox h6 svg { margin: 0 6px 0 0;}
.recording_overview_wrap .mainuser_row .bottomrowbox .botinrpw { align-items: center;}
.recording_overview_wrap .mainuser_row .bottomrowbox .botinrpw + .botinrpw { margin-top: 5px;}
.recording_overview_wrap .mainuser_row .bottomrowbox .botinrpw .iconbox { margin: 0 12px 0 0;}
.recording_overview_wrap .mainuser_row .bottomrowbox .botinrpw .detailbox { color: #414141; opacity: 0.6; font-size: 11px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden;}
.recording_overview_wrap .mainuser_row .bottombuttonbox { padding: 13px 0 0 0;}
.recording_overview_wrap .mainuser_row .bottombuttonbox a { display: block; margin: 0; padding: 0; text-align: center; width: 100%; border: solid 1px rgba(65, 65, 65, 0.5); opacity: 0.5; color: #414141; font-size: 11px; font-weight: 500; height: 24px; border-radius: 3px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.recording_overview_wrap .mainuser_row .bottombuttonbox a + a { margin-top: 10px;}
.recording_overview_wrap .mainuser_row .bottombuttonbox a:hover { opacity: 1;}

.recording_overview_wrap .mainuser_row .smbtnbox { margin: 0 0 0 auto; align-items: center;}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn { display: block; width: 26px; height: 26px; border-radius: 5px; /* border: solid 1px rgba(0, 0, 0, 0.02); */ margin: 0; background: #EFF1F9; cursor: pointer;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn + .cbtn { margin: 0 0 0 5px;}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn:last-child { margin-right: 0;}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn.kickout *,
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn.reject * { fill: #E44B4B;}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn.accept * { fill: #22B309;}
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn.accept svg ,
.recording_overview_wrap .mainuser_row .smbtnbox .cbtn.reject svg { width: 14px; height: 14px;}
.recording_overview_wrap .mainuser_row .smbtnbox.acceptreject { width: 100%; margin:10px 0 0 0;}
.recording_overview_wrap .mainuser_row .smbtnbox.acceptreject .cbtn { padding: 0 7px; width: auto; height: 22px; color: #ffffff; font-weight: 500; font-size: 12px;}
.recording_overview_wrap .mainuser_row .smbtnbox.acceptreject .cbtn.accept { background: #27D10A;}
.recording_overview_wrap .mainuser_row .smbtnbox.acceptreject .cbtn.reject { margin: 0 0 0 auto; background: #fe5353;}
.recording_overview_wrap .mainuser_row .rolebox { margin: 0 0 0 auto; font-size: 12px; color: #414141; opacity: 0.7;}
.recording_overview_wrap .mainuser_row .audiomanage { width: 100%; align-items: center;}

.recording_overview_wrap .mainuser_row .audiolinewrp-renew { width: 100%; height: 2px; background: #E5E5E5; border-radius: 2px; position: relative;}
.recording_overview_wrap .mainuser_row .audiolinewrp-renew .activeaudio-renew { position: absolute; top: -1px; bottom: -1px; left: 0; background: #27D10A; border-radius: 4px;}


.fullpagestd .message,
.studio_wrap .message { text-align: center; padding: 30px 0 0 0; font-size: 16px;}
.fullpagestd .message.waiting-room-error,
.fullpagestd .message.invalid-link { color: #FE5353; font-size: 20px;}
.studio_wrap .message.meeting-closed,
.studio_wrap .message.user-kick-off { color: #FE5353;}
.studio_wrap .message.thank-you-message { color: #27D10A; font-weight: 500;}
.studio_wrap .message.user-waiting { color: #24AAE0;}
#streaming { position: relative; width: 100%; display: flex; justify-content: center;} 
#streaming .youtubeframe { position: relative; display: block; width: 100%; padding: 0; overflow: hidden;display: flex; justify-content: center;}

.studio_wrap .videos_bottomop .studio_mobile_options { margin: 0 auto 0 0; align-items: center;}
.studio_wrap .videos_bottomop .studio_mobile_options a { width: 44px; height: 44px; border-radius: 0px; background: #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.studio_wrap .videos_bottomop .studio_mobile_options a svg { width: 20px; height: 20px;}
.studio_wrap .videos_bottomop .studio_mobile_options a + a { margin: 0 0 0 1px;}

.studio_wrap .video_frame_wrap .sharedscreen .invideosource { background: rgba(0,0,0,0.1);}
.studio_wrap .video_frame_wrap .sharedscreen .invideosource video { object-fit: contain;}

/* Added New 20-6-22 : Start */
.studio_wrap .video_left_wrap{ background: #f1f1f1;}
.studio_wrap .video_frame_wrap .video_frame { padding: 0;}
.studio_wrap .video_frame_wrap .video_fr_box { padding: 2px;}
.studio_wrap .video_frame_wrap { align-items: center;}
.studio_wrap .videos_bottomop .bottomicon a { background: #dfdfdf;}
.studio_wrap .video_frame_wrap.screensharedwrap { justify-content: flex-start;}
.studio_wrap .sidevideowrap {}
/* .studio_wrap .video_frame_wrap .video_frame.floated { position: absolute; right: 0;} */
/* .studio_wrap .videos_bottomop .bottomicon a:hover { background: #ffffff;} */
/* Added New 20-6-22 : End */

@media (min-width: 768px) {
    .mobile_show { display: none !important;}
}

@media (max-width: 767px) {
    .mobile_hide { display: none !important;}

    .fullpagestd .studio_header .leftpart { width: 100%;}
    .fullpagestd .studio_header .pagenamebox { top: 100%;}
    .fullpagestd .studio_header .pagenamebox h2 { font-size: 14px; padding: 6px 15px; border: solid 1px #E4E7ED; border-radius: 5px; background: #ffffff;}
    .fullpagestd .studio_header .stunameheader { margin: 0 0 0 auto; padding: 0 20px 0 0; font-size: 14px;}
    .fullpagestd .studio_header .stunameheader.hide { display: none !important;}
    .fullpagestd .studio_header .rightpart.hide { display: none !important;}
    html body .content .content-wrapper.externalpage .guest_wrap { padding: 50px 30px 40px;}
    .guest_wrap .enter_guest h2 { font-size: 22px;}
    html body .content .content-wrapper.externalpage .studio_wrap:not(.mainroombox) { padding: 10px;}
    .studio_wrap .stu_detail_title h6 { font-size: 12px; padding: 0 0 15px 0;}
    .studio_wrap .stu_detail_title h3 { font-size: 18px;}
    .studio_wrap .stu_detail_title.roomjoinform { padding-top: 15px; padding-bottom: 10px;}
    .studio_wrap .stu_detail_form .input_text { height: 36px;}
    html body .content,
    html body .content .content-wrapper.externalpage { min-height: calc(100vh - 61px);}
    .studio_wrap .stu_detail_form { padding: 10px 0 0 0;}

    .studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label { font-size: 12px; line-height: 20px; padding: 0 0 0 24px;}
    .studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:before { width: 16px; height: 16px; top: 1px;}
    .studio_wrap .stu_detail_form .radio_wrap .in_radio input[type="radio"] + label:after { width: 8px; height: 8px; left: 4px; top: 5px;}
    .studio_wrap .stu_detail_form .radio_wrap .in_radio + .in_radio { margin-top: 8px;}
    .studio_wrap .stu_detail_form .form_row.bottom_button { margin-top: 15px;}

    .studio_wrap .w3nbtn { height: 36px; font-size: 13px; padding: 0 10px;}
    .studio_wrap .video_test_wrap { padding: 0;}
    .studio_wrap .video_test_wrap .invideosource { height: 200px;}
    .studio_wrap .video_test_wrap .select_main .iconbox,
    .studio_wrap .video_test_wrap .select_main .form-control { height: 44px; font-size: 12px;}

    .studio_wrap .video_plus_side_wrap .videos_right { display: none !important;}

    .studio_wrap .video_frame_wrap.vid2 .video_frame { width: 100%; height: 50%;}
    .studio_wrap .video_frame_wrap.vid3 .video_frame:first-child,
    .studio_wrap .video_frame_wrap.vid5 .video_frame:first-child,
    .studio_wrap .video_frame_wrap.vid7 .video_frame:first-child,
    .studio_wrap .video_frame_wrap.vid9 .video_frame:first-child { width: 100%;}


    .studio_wrap .video_frame_wrap .namebox { left: 0; right: 0; bottom: 0; padding: 20px 0 0 0;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    }
    .studio_wrap .video_frame_wrap .namebox span { padding: 10px 15px; background: none; font-size: 12px;}
    .studio_wrap .videos_bottomop .studio_mobile_options { margin: 0;}
    .studio_wrap .videos_bottomop .video_optionsbot { margin: 0 auto;}
    .studio_wrap .videos_bottomop .bottomicon.hangup_icon { margin: 0;}

    .studio_wrap#studio-room { padding: 20px 10px 0;}
    .studio_wrap .videos_bottomop .bottomicon.recordbtn a strong { display: none;}

}

.wrapper {
    /* display: grid; */ width: 100%; height: 100%;
    /* grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 4px;
    grid-auto-rows: minmax(50px, auto); */
    flex-wrap: wrap;
    align-items: center; justify-content: center;
}
.wrapper > * { background: #6e6e6e; border-radius: 10px;}
.wrapper .wrapcol { width: 100%; max-width: 50%; height: 25%;}
/* .wrapper .one {
    grid-column: 1 / 4;
    grid-row: 1 / 5;
}
.wrapper .two {
    grid-column: 4 / 5;
    grid-row: 1 / 3;
}
.wrapper .three {
    grid-column: 4 / 5;
    grid-row: 3 / 5;
} */
/* .wrapper .one {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.wrapper .two {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
}
.wrapper .three {
    grid-column: 2 / 4;
    grid-row: 3 / 5;
} */
/*********** Namrata ************/
.studio_wrap .videos_bottomop .bottomicon.sound_off .sound_offsvg { opacity:0.5;}
/*********** Namrata ************/

/**************** New CSS ***********/
html body.fixed-navbar.fullpagebody
{
    padding-top: 60px;;
}
#btnstartrecording, #btnstartstreaming {
    display: none;
}
/* --rec-* theme variables moved to public/css/global/studio-vars.css. */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0;}
body { margin: 0; padding: 0; font-weight: 400; font-size: 14px; color: var(--rec-body-text); background: var(--rec-body-bg);
    letter-spacing: 0; line-height: 1.2142;
	font-family: 'Outfit', sans-serif;
}
input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: #B8B8B8;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

@media (min-width:576px){
	.container {
		width:100%;
		max-width:100%;
	}
}
@media (min-width: 768px) {
	.container {
		width:750px;
	}
}
@media (min-width: 992px) {
	.container {
		width:970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width:1130px;
		max-width:1130px;
	}
}
@media (min-width: 1400px) {
	.container {
		width:1260px;
		max-width:1260px;
	}
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	padding-left: 15px !important; padding-right: 15px !important;
}
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
.flxwrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* width */
::-webkit-scrollbar { width: 6px;}
/* Track */
::-webkit-scrollbar-track { background: #eff1fb;}
/* Handle */
::-webkit-scrollbar-thumb { background: #dddfec; border-radius: 6px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #ced0e0;}


* ::-webkit-input-placeholder { color: var(--rec-placeholder-color);}
* :-moz-placeholder { opacity: 1; color: var(--rec-placeholder-color);}
* ::-moz-placeholder { opacity: 1; color: var(--rec-placeholder-color);}
* :-ms-input-placeholder { color: var(--rec-placeholder-color);}


p { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: normal;}
h2 { font-size: 22px; line-height: 1.2; color: var(--rec-heading-text); margin: 0; padding: 0; font-weight: 600;}

.btnbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    align-items: center;
}
.w3nbtn { height: 40px; border: none; box-shadow: none; padding: 0 20px; font-size: 15px; font-weight: 500; border-radius: 5px; outline: none !important; box-shadow: none !important; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.w3nbtn.bluebtn { color: #ffffff; background: #24AAE0;}
.w3nbtn.bluebtn:hover { background: #1F84C2;}
.w3nbtn.orangebtn { color: #ffffff; background: #FF6600;}
.w3nbtn.orangebtn:hover { background: #ED5F00;}
.w3nbtn.lightgraybtn { color: #0A0A0B;
    background: linear-gradient(180deg, #FDFDFD 0%, #F3F4F5 100%);
    border: 1px solid #D7E0E5;
    box-shadow: 0px 2px 2px rgba(81, 110, 134, 0.04);
}
.w3nbtn.lightgraybtn:hover { background: linear-gradient(180deg, #F3F4F5 0%, #FDFDFD 100%);}
.w3nbtn.whtborbtn { color: #0A0A0B; background: #ffffff; border: solid 1px #E5E5E5;}
.w3nbtn.whtborbtn:hover { background: #E5E5E5;}
.w3nbtn.smbtn { height: 24px; padding: 0 10px; font-size: 11px; border-radius: 3px;}
.w3nbtn.withborder { border: solid 1px; border-color: #0A0A0B; background: #ffffff; color: #0A0A0B;}
.w3nbtn.withborder.orangebtn { background: #ffffff; border-color: #FF6600; color: #FF6600;}
.w3nbtn.withborder.orangebtn:hover { background: #FF6600; color: #ffffff;}
.w3nbtn.lightbluebtn { color: #0A0A0B; background: rgba(31, 132, 194, 0.15);}
.w3nbtn.lightblueborbtn { color: #1F84C2; background: #F8F9FE; border: solid 1px #EFF1F9;}
.w3nbtn.lightblueborbtn:hover { background: #EFF1F9;}
.w3nbtn.lightred { border-color: var(--rec-nagative); color: var(--rec-nagative); background: var(--rec-light-nagative);}



#recorderWrap { overflow: hidden;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}

.rec_header { height: 60px; background: var(--rec-white); align-items: center; position: relative;}
.rec_header .logobox { display: flex; margin: 0 0 0 16px;}
.rec_header .logobox a { margin: 0; padding: 0;}
.rec_header .showname { margin: 0 0 0 24px; color: var(--rec-heading-text); font-size: 16px; font-weight: 500;}
.rec_header .btnbox { margin: 0 24px 0 auto;}
.rec_header .btnbox a { height: 36px; font-size: 14px; font-weight: 400;}
.rec_header .btnbox a svg { margin: 0 0 0 10px;}
.rec_header .btnbox a + a { margin: 0 0 0 16px;}
.rec_header .recordingtime { position: absolute; left: 0; right: 0; top: 50%; height: 0; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; display:none;}
.rec_header .recordingtime strong { color: var(--rec-dark-primary); font-weight: 500; padding: 0 0 0 2px;}
/**************** New CSS ***********/


/* Style added by CK after 16-03-2023 : Start */
.header .shownameheader { font-size: 16px; color: #0A0A0A; font-weight: 500; margin: 0 0 0 24px;}
.premeeting-screen .content { overflow: auto;}
.header #recordingtime.recordingtime { position: absolute; left: 50%; top: 50%; font-size: 14px; color: #58585F; z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.header #recordingtime.recordingtime span { color: #0A0A0B; margin: 0 0 0 4px;}
.header #recordingtime.recordingtime span strong { color: #0A0A0B;}
.header .header-right input[type="hidden"] { display: none;}
.header .header-right .w3nbtn + .w3nbtn { margin: 0 0 0 16px;}
.header .header-right #btnstartrecording { border-radius: 5px; height: 36px; padding: 0 12px; font-size: 14px; position: relative; align-items: center; font-weight: 400; background: #E44B4B; color: #ffffff;}
.header .header-right #btnstartrecording #startrecordingtimer {display: block; font-size: 10px; line-height: 1;}
.header .header-right #btnstartrecording svg { margin: 0 0 0 12px;}
.header .header-right #btnstartstreaming { border-radius: 5px; height: 36px; padding: 0 12px; font-size: 14px; position: relative; align-items: center; font-weight: 400; background: #24AAE0; color: #ffffff; margin: 0 16px 0 16px;}
.header .header-right #btnstartstreaming svg { margin: 0 0 0 12px;}
/* Style added by CK after 16-03-2023 : End */

/* Style added by CK after 14-04-2023 : Start */
@media (min-width: 1366px) and (max-width: 1600px) {

}
@media (min-width: 1200px) and (max-width: 1365px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
    .header #recordingtime.recordingtime { position: relative; left: auto; top: auto; transform: none; margin: 0 0 0 20px;}
}
/* Style added by CK after 14-04-2023 : End */



/* Style added by CK after 27-03-2023 : Start */
@media (max-width: 767px) {
    html body .content .content-wrapper.externalpage .inside_nstudio_recording_pg { padding: 0 14px 14px;}
    html body .content .content-wrapper.externalpage .page_titlemn h2 { font-size: 18px;}
    html body .content .content-wrapper.externalpage .page_titlemn { padding: 16px 0;}
    html body.recorderpages .content.app-content { height: calc(100vh - 50px);}
    html body.recorderpages { padding-top: 50px;}
    html body.fixed-navbar.fullpagebody.recorderpages { padding-top: 50px;}
    .recorderpages .header { padding: 0 10px; height: 50px;}
    .recorderpages .header .navbar-brand { display: none;}
    .recorderpages .header #mmodule-menu { display: none;}
    .recorderpages .header .shownameheader { font-size: 13px; margin: 0 0 0 10px; order: 2; max-width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .header #recordingtime.recordingtime { position: relative; left: auto; top: auto; transform: none; order: 1; font-size: 0;}
    .recorderpages .header #recordingtime.recordingtime span { font-size: 13px; margin: 0; padding: 0 7px; background: rgba(0, 0, 0, 0.1); border-radius: 5px; line-height: 24px;}
    .recorderpages .header #recordingtime.recordingtime span strong { font-weight: 600;}
    .recorderpages .header .header-right { order: 3;}
    .recorderpages .header .header-right #btnstartrecording { font-size: 0; padding: 0 8px; height: 28px;}
    .recorderpages .header .header-right #btnstartrecording svg { margin: 0; width: 16px; height: 16px;}
    .recorderpages .header .header-right #btnstartstreaming { font-size: 0; padding: 0 8px; height: 28px; margin: 0 10px;}
    .recorderpages .header .header-right #btnstartstreaming svg { margin: 0; width: 16px; height: 16px;}

}
/* Style added by CK after 27-03-2023 : End */

/* Style added by CK after 10-04-2023 : Start */

@media (max-width: 767px) {

    /* Bottom toolbar Recorder : Start */
    .new-toolbox .toolbox-content .toolbox-content-items .left_panel { display: none;}
    .new-toolbox .toolbox-content .toolbox-content-items .toolbox-button { height: 30px;}
    .new-toolbox .toolbox-content .toolbox-content-items .toolbox-icon { height: 30px; width: 30px;}
    .new-toolbox .toolbox-content .toolbox-content-items .toolbox-icon.hangup-button { padding: 0 10px; margin: 0 0 0 6px;}
    .new-toolbox .toolbox-content .toolbox-content-items .middle_panel { display: flex; align-items: center;}
    .new-toolbox .toolbox-content .toolbox-content-items .toolbox-button svg { width: 20px; height: 20px;}
    .new-toolbox .toolbox-content .toolbox-content-items .right_panel>div { margin: 0 0 0 5px;}
    .new-toolbox .toolbox-content { height: 50px;}
    .new-toolbox .toolbox-content .toolbox-content-items .audio-preview .settings-button-container { border-radius: 50px 0 0 50px;}
    .new-toolbox .toolbox-content .toolbox-content-items .video-preview .settings-button-container { border-radius: 0 50px 50px 0;}
    /* Bottom toolbar Recorder : End */


    .premeeting-screen .content { width: 100%;}

}

/* Style added by CK after 10-04-2023 : End */


.header .user-menu .dropdown-menu .dropdown-item { width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.header .user-menu .dropdown-menu .dropdown-item i.fa-check:before { content:"\e906";}
.header .user-menu .dropdown-menu .dropdown-item .di-profile-img { width:24px; height:24px; overflow:hidden; border-radius:50%; margin:0 10px 0 0;}
.header .user-menu .dropdown-menu .dropdown-item .di-profile-img img { width:100%; height:100%; display:block; object-fit:cover;}
.header .user-menu .dropdown-menu .dropdown-item span { width:100%; display:block; font-size:13px; color:#24AAE0; font-weight:400; margin:0; padding:0;}


.backpagebtn { margin: 0 12px 0 0;}
.backpagebtn a { font-size: 1.6rem; display: flex; align-items: center; justify-content: center; background: #e1e5e8; width: 26px; height: 26px; color: var(--primary); border-radius: 50px;}
.backpagebtn a:hover { background: var(--textShade1); color: var(--whiteText);}

html body.fullpagebody.recorderpages .toast-container .toast { padding-left:50px; }

.fullpagebody.recorderpages .header { height: 60px;}


/* Style added by Gulshan after 24-10-2024 : Start */
@media (max-width:767px) {
    html body .content, html body .content .content-wrapper.externalpage {
            min-height: 100%;
    		padding-top: 0px !important;
    }
    html body.fixed-navbar.fullpagebody.recorderpages {
        padding-top: 62px;
            overflow: hidden;
    }
    body.recorderpages.vertical-layout.vertical-menu .content, body.recorderpages.vertical-layout.vertical-menu .app-content.content {
	    padding: 0px;
	    min-height: calc(100vh - 120px) !important;
	    height: auto !important;
	    overflow: hidden !important;
	    padding-top: 0px !important;
	}
}
/* Style added by Gulshan after 24-10-2024 : End */


/* Style added by Gulshan after 06-01-2025 : Start */

@media only screen and (-webkit-device-pixel-ratio: 2), only screen and (-webkit-device-pixel-ratio: 3) {
    body.recorderpages.vertical-layout.vertical-menu .app-content.content {min-height: calc(100vh - 170px) !important;height: auto !important;}
  }

/* Style added by Gulshan after 06-01-2025 : End */