*{
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-size: 14px;
    box-sizing: border-box;
}
html{
    height: 100%;
    width: 100%;
    background: #ECEDF0;
}
body{margin: 0;}
.backgroundimg {
    background: url(../images/bg.png) !important;
    background-position: fixed;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.loginr {
    display: block;
    font-size: 14px;
    /* height: 432px; */
    height: 330px;
    margin: auto;
    overflow: visible;
    width: 380px;
}
.loginmain {
    display: inline-block;
    width: 100%;
}
.lgout {
    color: #fff;
    font-size: 14px;
    font-family: Roboto;
    line-height: 50px;
    font-weight: 700;
    width: auto;
    display: inline-block;
    cursor: pointer;
  }
  .allhoverclass {
    float: right;
    width: 10%;
    margin: 0px 0px 0px 0px;
    text-align: right;
  }
  span.bigcontentadjust {
    width: 73%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    padding: 0px 0px 0px 9px;
  }
  span.rightdownarrow {
    width: 17%;
    float: left;
  }


  .welcomeallmenu {
    background-color: #fff;
    border: 1px solid #eee;
    display: inline-block;
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    margin: 0px 18px 0 0;
    position: absolute;
    right: 150px;
    width: 205px;
    z-index: 333;
    top: 50px;
    height: auto;
    overflow: auto;
    min-height: 55px;
    max-height: 266px;
  }
  .welcomeallmenu ul {
    padding: 10px 4px;
  }
  #showalladmin li {
    padding: 7px 8px;
    /* cursor: pointer; */
    font-size: 16px;
  }
  #showalladmin li:hover{background: #eee;}
  .welcomeallmenu li input {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
    height: 18px;
  }
  .welcomeallmenu li label {
    margin-top: 10px;
    /* margin-left: 9px; */
    cursor: pointer;
  }
.candidate_logoin {
    width: 100%;
    /* text-align: left; */
    text-align: center;
    /* padding-left: 40px; */
    margin: 0;
    box-sizing: border-box
}
.candidate_logoin img {
    max-width: 390px;
    padding: 40px 0px 20px;
}
.loginparttntoutr {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
    border-radius: 6px;
}
.login_partitian.left {
    color: #fff;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/loginbg.jpg);
    background-origin: padding-box;
    background-position: 0px 0;
    background-repeat: repeat;
    background-size: cover;
    text-align: center;
}
.login_partitian {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    float: left;
    /* height: 432px; */
    height: 330px;
    overflow: hidden;
    vertical-align: middle;
    width: 380px;
    border-radius: 6px;
}
.login_partitian.left img {
    margin-top: 68px;
}
.loginr .inpttype {
    margin: 40px 40px 40px;
    text-align: left;
    width: 300px;
    transition: all 0.3s ease;
    left: 0;
}

.inpttype {
    margin: 25px 25px 30px;
    text-align: left;
    position: absolute;
}

.loginhead {
    /* margin: 0px 0 45px; */
    margin: 0px 0 30px;
    text-align: center;
    font-size: 18px;
    color: #000;
    float: left;
    font-weight: 500;
    float: left;
    width: 100%;
}

.cntntdv {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.inpt {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 14px;
    padding: 15px 10px;
    width: 100%;
    color: #616161;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
}
.inpt:focus {
    border: 1px solid #0063c6;
    box-shadow: 0 0 4px #0063c6;
}
.frgtpswrd {
    color: #777;
    display: inline-block;
    font-size: 14px;
    margin: 0px 0 0;
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.width50 {
    width: 100%;
    float: left;
    display: inline-block;
    margin: 15px 1% 0 0;
}

.btnin {
    background: #1e75f1;
    border: 1px solid #1e75f1;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.loginr .inpttype .btnin {
    width: 100%;
}

.header_top {
    float: left;
    width: 100%;
    /*background: #fff;*/
    background: #0063c6;
    z-index: 99999;
    position: fixed;
    height: 50px;
    top: 0;
}

.logo_sctn {
    float: left;
    /* padding: 4px 0; */
    padding: 2px 0;
    height: 60px;
    display: flex;
    align-items: center;
    min-width: 250px
}

.logo_sctn img {
    float: left;
    /* width: 216px; */
    /* width: 128px; */
    max-height: 100%;
    margin-left: 30px;
}

.rytsctn_optn {
    float: right;
    width: 34%;
}

.fullscreen_sctn {
    float: right;
    padding: 15px 15px 15px 0;
/*    border-left: 2px solid #ededed;*/
    width: 56px;
}

span.fullscrn_inr {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #E2F5FF;
    padding: 0px 0;
    text-align: center;
    cursor: pointer;
}

span.fullscrn_inr img {
    width: 100%;
}

.profile_sctn {
    float: right;
    width: auto;
    padding: 5px 0;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
}

.prfileimge_sctn {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 35px;
    overflow: hidden;
}

/*.prfileimge_sctn img {
    max-width: 100%;
}*/
.name_sctnprfile {
        float: left;
    width: auto;
    position: relative;
    padding: 0 0 0 15px;
    text-align: left;
}

span.nmatxt_prt {
    float: left;
    width: 73%;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 2px;
    word-break: break-word;
}

span.define_rpoctr {
    float: left;
    width: 90%;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.name_sctnprfile:after {
/*    position: absolute;
    content: "\e007";
    font-family: flaticon;
    color: #fff;
    top: 5px;
    font-size: 24px;
    right: 0;*/
}

.dashboard_otr {
    float: left;
    width: 100%;
    padding-bottom: 60px;
    margin-top: 50px;
    background: #ECEDF0;
}

.wrapper_dash {
    width: 85%;
    margin: 0 auto;
}

.filterSctn_dashboard {
    float: left;
    width: 100%;
    margin-top: 55px;
    position: relative;
}

.hdng_sctn {
    float: left;
    margin-bottom: 15px;
}

.filterSlctbx {
    float: right;
}



.inr_fltrSctn {
    float: left;
    position: relative;
}

span.slctfiltr {
    float: right;
    width: 115px;
    background: #fff;
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    border: 1px solid #ededed;
}

.bx_slctbx {
    position: absolute;
    background: #fff;
    top: 38px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ededed;
    z-index: 9999;
}

span.lst_filtrsctn {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}

span.lst_filtrsctn:hover {
    background: #ccc;
}

span.slctfiltr:after {
    content: "\e007";
    font-family: flaticon;
    font-size: 21px;
    margin-top: -2px;
    float: right;
    position: absolute;
    right: 0;
    
}
.bx_slctbx.showfltr{
    display: block !important;
}
span.hdng_txtSctn {
    float: left;
    height: auto;
    line-height: 23px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-left: 15px;
}

span.icon_hdngSctn {
    float: left;
}
.cardSctn_remaining {
    float: left;
    width: 100%;
    margin: 5px 0 0;
}

.crdbx_inr {
    float: left;
    width: 31.11%;
    background: #fff;
    border: 1px solid #ededed;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 314px;
}

.datesctn {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

span.txtdate_inr {
    background: rgba(0, 99, 198, 0.1);
    padding: 4px 15px;
    border-radius: 4px;
    color: #0063c6;
    float: left;
}

span.hdng_testname {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}

.detialoftst_sctn {
    float: left;
    width: 100%;
}

.lft_sctndetail {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

span.icn_detail {
    float: left;
    margin-top: 5px;
}

.name_sctn {
    float: left;
    padding-left: 10px;
}

span.txthdng_name {
    display: block;
    width: auto;
    color: #999F9F;
    margin-bottom: 2px;
}

span.txtmin_time {
    display: block;
    width: auto;
}

.btn_sctncrd {
    float: left;
    width: 100%;
    text-align: center;
}

.btn_txt {
    display: inline-block;
    border: 1px solid #46B14B;
    color: #46B14B;
    width: 80%;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    background: #fff;
    text-decoration: none;
}

.btn_txt:hover {
    background: #46B14B;
    color: #fff;
}
.crdbx_inr:last-child {
    margin-right: 0;
}

.crdbx_scndinr {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    background: #fff;
    border-radius: 4px 4px 0 0;
    padding-bottom: 20px;
}

.tabsctn_crd {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 20px 20px 0 20px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.tabs_inrcrd {
    float: left;
}

span.txt_scheduled {
    float: left;
    width: auto;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    padding: 0 8px 15px;
    color: #838A8D;
    cursor: pointer;
    line-height: 16px;
    margin-right: 20px;
}

span.txt_scheduled.activetab_crd:after {
    position: absolute;
    content: '';
    background: #0063c6;
    width: 100%;
    height: 4px;
    bottom: 0;
    border-radius: 4px;
    left: 0;
}

span.txt_scheduled.activetab_crd {
    color: #0063c6;
    /*font-size: 15px;*/
    padding: 0 8px 15px;
}
.btm_inrcrdsctn {
    float: left;
    width: 100%;
    padding: 20px 20px 0;
}

.inr_crdbxstcn {
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 4px;
    position: relative;
}

span.hdng_crdinrsctn {
    float: left;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
}

.btmsctnbrdr {
    float: left;
    width: 100%;
    padding: 15px;
    background: #f3f9ff;
}

.lft_sctndetail.inrbtm_sctn {
    width: 20%;
    margin-bottom: 0;
}
span.btn_view {
    position: absolute;
    border: 1px solid #46B14B;
    right: 40px;
    top: 65px;
    color: #46B14B;
    padding: 8px 20px;
    background: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
}

span.btn_view:hover {
    background: #46B14B;
    color: #fff;
}
span.inr_sctnfilr {
    font-weight: 500;
    color: #333333;
    float: left;
}

.filter_date {
    float: right;
    width: auto;
    padding: 0 10px;
    border-radius: 4px;
    height: 32px;
    margin-top: 0;
    width: 120px;
    line-height: 34px;
    margin-right: 15px;
    background: #DDE0E8;
}

.fltrinr {
    float: left;
    
}

/*.datesctn_txt:after {content: "\e007";font-family: flaticon;margin-top: 2px;float: right;}*/
#datepicker{
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    color: #333;
    font-weight: 500;
    width: 100%;
}
#datepicker:focus{
    box-shadow: none;
    border: none
}

.datesctn_txt{
    float: left;
    width: auto;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.bar_hdr {
    float: left;
    width: 100%;
    background: #fff;
    height: 50px;
}

.leftmenusctn {
    text-align: center;
    float: left;
    border-right: 2px solid #ededed;
    height: 50px;
    width: 60px;
    padding: 15px 0px;
    cursor: pointer;
}

.leftmenusctn img {
    vertical-align: middle;
}

.middle_menusctn {
    float: left;
    width: 60%;
}

.ryt_menusctn {float: right;height: 50px;width: 60px;text-align: center;padding: 17px 0;border-left: 2px solid #ededed;cursor: pointer;background: #f6f6f6}

span.hdng_menusctn {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-top: 6px;
    padding-left: 20px;
}

span.tstdate_menusctn {
    font-size: 14px;
    float: left;
    padding-left: 20px;
    margin-top: 3px;
    color: #333;
}

.scrn_sctn {
    position: absolute;
    top: 110px;
    bottom: 0;
    right: 0;
    left: 0;
}

.leftSctn_scrn {
    float: left;
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    width: 60px;
}

span.barleft {
    float: left;
    transform: rotate(90deg);
    position: absolute;
    top: 41px;
    font-size: 18px;
    left: -41px;
    font-weight: 500;
    letter-spacing: 1px;
    border-left: 2px solid #ededed;
    height: 60px;
    line-height: 60px;
    color: #0063c6;
    padding: 0 20px 0 20px;
}

.rytSctn_scrn {
    right: 0;
        float: left;
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    width: 60px;

}

.rytSctn_scrn .barleft {
    right: -41px;
}  

.middleSctn_scrn {
    top: 0;
    float: left;
    position: absolute;
    bottom: 0;
    left: 62px;
    right: 62px;
    padding: 40px;
    overflow: auto;
}

.inrSctn_midlscrn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.scrns_bx {
    float: left;
    width: 23.7%;
    height: 170px;
    margin-right: 1.7%;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.scrns_bx img {
        width: auto;
    height: 180px;
    border-radius: 4px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.scrns_bx video{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.scrns_bx:last-child {
    margin-right: 0;
}

.scrns_bx.slctd_scn {
    border: 2px solid #0063c6;
}

.scrns_bx.slctd_scn {
    border: 2px solid #0063c6;
}

.scrns_bx:after {
    position: absolute;
    content: "";
    font-family: flaticon;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 50px;
    color: #fff;
    background: rgba(0,0,0, 0.2);
    text-align: center;
    padding: 57px 0;
    background-image: url(../images/playbutton.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 16px center;
    width: 45px;
    height: 45px;
}

.leftSctn_scrn.active_sctnlftmenu {
    width: 290px;
    z-index: 999;
}

.candidate_detail {
    padding: 15px;
    width: 100%;
    float: left;
}

span.noofstdnt {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #0063c6;
    margin-bottom: 10px;
}

.scrchbx {
    float: left;
    width: 100%;
}

.scrchbx input {
    width: 100%;
    float: left;
    background: #F5F7F9;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    outline: none;
    color: #000;
}

.barleft.nameshow_candidate{
    display: none;
}

.candidate_detail.activelist{
    display: block !important;
}

.middleSctn_scrn.maiddlesctn_left{
    left: 290px;
}

.profileimg_left {
    float: left;
    width: auto;
}

span.bxprofile_img {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 25px;
}

.listofstdnt {
    float: left;
    margin-top: 10px;
    position: absolute;
    top: 80px;
    right: 15px;
    left: 15px;
    bottom: 0;
    overflow: auto;
    margin-bottom: 20px;    
}

.inr_sctnlist {
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 15px 10px;
}

span.bxprofile_img img {
    width: 100%;
}

.namedetail_left {
    float: left;
    /* width: 66%; */
    padding-left: 10px;
}

span.nametxt_left {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
}

span.enrlmntno_left {
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
    color: #7F7F7F;
    font-weight: 500;
}

.min_sctnleft {
    float: right;
    width: 16%;
}

span.txtmin_left {
    float: right;
    font-size: 12px;
    color: #7F7F7F;
    font-weight: 500;
    margin-top: 2px;
}

.inr_sctnlist:hover {
    background: #F6F6F6;
    border-radius: 4px;
}
.inr_sctnlist.active_sctnlst{
    background: #F6F6F6;
    border-radius: 4px;
}
.inr_sctnlist.active_sctnlst span.nametxt_left{
    color: #2A76C1;
} 

.inrSctn_midlscrn.hide_multpulescrn{
    display: none;
}

.singlescrn_inrmidle {
    position: absolute;
    top: 15px;
    left: 62px;
    right: 62px;
    bottom: 15px;
    display: none;
}
.singlescrn_inrmidle .hdr_singlescrn{
    width:98%
}
.singlescrn_inrmidle.right-div{
   right: 290px; 
}
.bx_singlescrn {
    float: left;
    width: 100%;
    height: 100%;
}

.hdr_singlescrn {
    float: left;
    width: 96%;
    background: #f7f9fa;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
}

span.txt_namesnglecand {
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
}

.btnsctn_scrn {
    float: right;
}

span.btn_cmntscrn {
    float: left;
    border: 1px solid #e9e9e9;
    padding: 8px 15px;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    background-color: #fcfcfc;
    font-size: 12px;
}

span.btn_cmntscrn img {
    vertical-align: middle;
    margin-right: 8px;
}

.scrninfull_inrmdle {
    float: left;
    width: 96%;
    height: 80%;
    border-radius: 0 0 4px 4px;
}

.scrninfull_inrmdle canvas {
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px;
}
.scrninfull_inrmdle img {
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px;
}
.singlescrn_inrmidle.activeoncnglclk{
    display: block;
}

.menulft_icn.opencloseicon, .arow_imgSctn.rotatearrow_imge img{
    /*border: 1px solid #0c68d7;*/
}

.leftSctn_scrn.active_sctnlftmenu:before {
    content: '';
    width: 80%;
    position: absolute;
    background: #ededed;
    height: 2px;
    right: 0;
}
.tabs_icnscn {
    float: right;
    width: 230px;
    border-left: 2px solid #ededed;
    display: none;
}

span.frsttab_menu {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 12px 0px;
    cursor: pointer;    
}

span.frsttab_menu img {
    width: 20px;
    height: 20px;
}

span.frsttab_menu.activetab_menu {
    border-bottom: 3px solid #93c84b;
}
.active_tabicn{
    display: none;
}

.rytSctn_scrn.active_sctnryt {
    width: 290px;
    padding: 15px;
}
.arow_imgSctn.rotatearrow_imge img{
/*    transform: rotate(180deg);
    transition: all 0.5s ease;*/
}

.rytSctn_scrn.active_sctnrytmenu{
    width: 290px;
    /*padding: 15px;*/
}
.rytSctn_scrn .barleft.hide_txtacitivty{
    display: none;
}

.imagecntnr_sctn {
    float: left;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 15px;
    border-top: 1px solid #ededed;
}

.imagsbx_sctn {
    float: left;
    width: 100%;
    position: relative;
    height: 170px;
    margin-bottom: 15px;
}

.imagsbx_sctn img {
    width: 100%;
    height: 70px;
    border-radius: 4px;
    float: left
}

.imgename_sctn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
}

span.imgename_txt {
    float: left;
    width: auto;
    margin: 6px;
    font-size: 12px;
}

span.timeofimage {
    float: right;
    margin: 6px;
    font-size: 12px;
}

.imagsbx_sctn:last-child {
    margin-bottom: 0;
}
.rytSctn_cntnt{display: none;}
.rytSctn_cntnt.hide_rytimgsctn{
    display: block;
}
.tabs_icnscn.show_tabssctn{
    display: block;
    transition: all 0.5s ease;
}
.middleSctn_scrn.midlesctn_ryt{
    right: 290px;
}

.detail_rprt {
    border-width: 1px 1px 0px 1px;
    float: left;
    width: 100%;
    border-style: solid;
    border-radius: 4px 4px 0 0;
    border-color: #ededed;
}

.nametime_rprt {
    float: left;
    width: 100%;
    background: #F5F7F9;
    padding: 6px;
    border-radius: 4px 4px 0 0;
}

span.nametxt_rprt {
    float: left;
    font-size: 12px;
    font-weight: 500;
}

span.timeofimge {
    float: right;
    font-size: 12px;
    font-weight: 500;
    color: #7A7C7E;
}

.inrstat_rprt {
    float: left;
    padding: 4px;
    width: auto;
}

span.no_sctnrprt {
    font-size: 12px;
    font-weight: 500;
    display: block;
    background: #F0F0F2;
    padding: 4px;
    border-radius: 4px 4px 0 0;
    text-align: center
}

span.coderprt_stat {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 500;
}

.detail_rprt.aslctrprt_stts {
    border-color: #0063c6;
}

.video_rprt img{border-radius: 0 0 4px 4px;}

.rytSctn_cntnt.hide_rytimgsctn {
    /* position: absolute; */
}

.reprtCntnr {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    overflow: auto;
    border-top: 1px solid #ededed;
    /* padding-bottom: 20px; */
}

.inrrprt_sctn .imagsbx_sctn {
    height: 100px;
    margin-bottom: 25px;
}



.top-container {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

/*
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
*/

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

.welcomemenu {
    background-color: #fff;
    border: 1px solid #eee;
    display: inline-block;
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    margin: 0px 18px 0 0;
    position: absolute;
    right: -6px;
    width: 192px;
    z-index: 333;
    top: 70px;
}

.welcomemenu:before {
    font-family: flaticon;
    content: "\e031";
    /* color: red; */
    font-size: 23px;
    position: absolute;
    top: -16px;
    right: 4px;
    color: #fff;
}

#signOut li {
    padding: 7px 8px;
}

.welcomemenu a {
    color: #3f3f3f;
    display: block;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    text-decoration: none;
}

.welcomemenu .flatibtn:before {
    line-height: 30px;
}
.welcomemenu.activelogout{display: block;};
.welcomemenu ul{list-style: none;}
.welcomemenu ul{list-style: none;}
.lgot:before {
    content: "\e0f1";
    color: #555;
    font-size: 18px;
    display: inline-block;
    width: 33px;
}
.flatibtn:before {
    font-family: flaticon;
    float: left;
    font-size: 16px;
    line-height: 36px;
    color: #767272;
    font-weight: 400;
    transition: all 1s ease 0;
}

#signOut li:hover {
    background: #eee;
}

.commentscntr {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.commentsctn_inr {
    float: left;
    width: 100%;
}

.message_sctn {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 53px;
    overflow: auto;
}

.messageinr_sctn {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

span.txtmsg_inr {
    float: left;
    width: 100%;
    background: #f5f5f5a1;
    border-radius: 6px;
    padding: 10px;
    color: #797979;
    font-weight: 400;
    line-height: 18px;
}

span.timemsg_inr {
    float: left;
    width: 100%;
    text-align: left;
    color: #A1A1A1;
    margin-top: 5px;
    font-size: 12px;
}

.messageinr_sctn.rytmsginr_sctn {}

.messageinr_sctn.rytmsginr_sctn span.txtmsg_inr {
    background: #1A85FE;
    color: #fff;
}

.messageinr_sctn.rytmsginr_sctn span.timemsg_inr {
    text-align: right;
}
.inpurmsg_sctn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.inpt_tyesctn {
    float: left;
    width: 100%;
    background: #F4F6F8;
    border-radius: 6px;
    padding: 10px;
}

.inpt_tyesctn input {
    float: left;
    width: 90%;
    outline: none;
    border: none;
    background: none;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding-right: 10px;
}

span.sndicn {
    float: left;
    width: 10%;
}

span.sndicn img {
    width: 100%;
    vertical-align: middle;
}
.computricn {
    float: left;
    width: 20%;
    position: relative;
}

span.icn_dropdwn {
     display: none; 
    background: #f5f7f9;
    float: left;
    position: absolute;
    top: 29px;
    width: 30px;
    right: 7px;
    border-radius: 0;
    text-align: center;
    z-index: 999;
}

span.ocninr_click {
    background: #f5f7f9;
    height: 30px;
    float: left;
    width: 30px;
    text-align: center;
    padding: 8px 0;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 15px;
}

span.lsticn_scrn {
    float: left;
    width: 100%;
    height: 30px;
    padding: 8px 0;
    cursor: pointer;
}

span.icn_imgSctn_login {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.otr_loginbx {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* height: 432px; */
    height: 330px;
}

.stng:before {
    content: "\e048";
    color: #555;
    font-size: 18px;
    display: inline-block;
    width: 33px;
}

.filtersctn {
    position: absolute;
    right: 0;
    width: 450px;
    top: 0;
    bottom: 0;
}
.current_active_li {
    background-color: #ccc;
}
.btn_donwloaddash {
    float: right;
    padding: 10px;
    margin-top: 6px;
    border: 1px solid #e9e9e9;
    margin-right: 15px;
    border-radius: 4px;
    cursor: pointer;
}

.btn_donwloaddash img {
    vertical-align: middle;
    margin-right: 5px;
}
.sort-div{
    position: relative;
    cursor: pointer
}
.sort-list{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.sort-list ul, .sort-list ul li{
    float: left;
    width: 100%;
    list-style: none
}
.sort-list ul{    
    background-color: #fff;
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ededed;
    border-top: 0
}
.sort-list ul li{
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box
}
.filter_date.sort-div:after {    
    content: "\e007";
    font-family: flaticon;
    margin-top: 0;
    float: right;
    position: absolute;
    color: #3E4E6A;
    font-size: 20px;
    right: 2px;
    pointer-events: none;
}
.filter_date #datepicker{
        max-width: 120px;
}
.sort-list.active-sort{
    display: block !important;
    z-index: 1;
}

.scrninfull_inrmdle video {
    width: 100%;
    height: 100%;
    border-radius: 0 0 4px 4px;
}
.imagecntnr_sctn select, .reprtCntnr select{
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;;
    border:1px solid #e9e9e9;
    background-image: url(../images/multimedia.svg);
    background-size:12px;
    background-repeat: no-repeat;
    background-position: right 10px center;
     -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   margin-bottom: 15px;
}
.error-div{
    position: fixed;
    top: 80px;
    right: -100%;
    margin: auto;
    z-index: 9999999999;
    background-color: rgba(116, 198, 120, 1);
    padding: 8px 12px;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff
}
.error-div.active{
    right: 0;
}
.epty-stat{
    text-align: center;
    padding: 80px 0;
    display: inline-block;
    width: 100%
}
.epty-stat img{
    width: 220px;
    height: 220px;
    display: inline-block
}
.epty-stat span{
    display: inline-block;
    width: 100%;
    color:#8a8a8a;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}
.photo-btn{
    display: inline-block;
    width: 100%;
    text-align: center
}
.photo-btn button{
    padding: 8px;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;    
    color:#fff;
    margin: 0 6px;
    cursor: pointer;
}
.photo-btn button.app-btn{
        background: #4caf50;
}
.photo-btn button.rej-btn{
        background:rgba(246, 120, 115, 1)
}
span.video_rprt {
    display: inline-block;
    width: 100%;
}
.detail_rprt.aslctrprt_stts .nametime_rprt span.nametxt_rprt{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    text-align: left;
    width: 100px;
}


.notifiction_sctn {
    float: left;
    position: relative;
}

.notifiction_sctn img {
    width: 22px;
    padding: 21px 0px;
    cursor: pointer;
}

.bx_ofnotification {
    position: absolute;
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    background: #fff;
    top: 0;
    z-index: 99;
    width: 570px;
    height: auto;
    max-height: 460px;
    overflow: auto;
    border-radius: 4px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.bx_ofnotification.rejectclss{max-height: 560px;}

.notifiction_sctn img:hover .bx_ofnotification {
    display: block;
}

.list_ofnotification {
    float: left;
    width: 100%;
    position: relative;background: #d9dbdc;
    padding: 10px 0;
}


.otr_bxnoti {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}



.hdr_poup {
    float: left;
    width: 100%;
    color: #fff;
    background: #0063c6;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
}

span.hdng_ofsctns {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: 500;
    color: #333;
    position: relative;
}

span.hdng_ofsctns:first-child:after {
    content: '';
    height: 16px;
    width: 2px;
    background: #969292;
    position: absolute;
    right: 0;
    top: 0px;
}

.inr_sctnimgs {
    float: left;
    width: 50%;
    position: relative;
}

.frstimg_profile {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

span.student_imge {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.inr_sctnprofileimg {
    float: left;
    width: 100%;
    text-align: center;
}

span.imgsctn_itr {
    display: inline-block;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    width: 250px;
    height: 250px;
    margin-top: 10px;
}

span.imgsctn_itr img {
    width: 100%;
    border-radius: 8px;
    padding: 0;
    height: 100%;
}

.inr_sctnimgs:first-child:after {content: '';position: absolute;top: 50%;height: 80%;background: #e9e9e9;width: 2px;right: 0;}

/*.inr_sctnimgs:after {content: '';position: absolute;right: 0;height: 180px;width: 2px;background: #e9e9e9;top: 35%;}*/
.btn_sctnverify {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

span.txt_btninr {
    display: inline-block;
    color: #fff;
    background: #0063c6;
    border-radius: 4px;
    padding: 10px 35px;
    font-size: 15px;
    cursor: pointer;
    outline: none;
}

.otr_tabsctn_verify {
    float: left;
    width: 100%;
    padding: 0;
}

.tbSctn_veryi {
    border-bottom: 1px solid #5e9cda;
    float: left;
    width: 100%;
    text-align: center;
}

span.studentImg {
    float: left;
    padding: 10px 15px;
    color: #5e9cda;
    font-size: 16px;
    cursor: pointer;
    width: 50%;
}

span.studentImg.active_tabverify {
    background: #5e9cda;
    color: #fff;
}
span.txthfng_noti {
    font-size: 16px;
}
span.txt_btninr.rejectbtn {
    background: #505050;
    margin-right: 15px;
}
.rsnrject_otr {
    float: left;
    width: 100%;
    padding: 20px 0px 0 20px;
}

textarea.txtara_reject {
    float: left;
    width: 100%;
    height: 80px;
    padding: 10px;
    resize: none;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
}
.mute-btn-div{
    padding-right: 80px;
    box-sizing: border-box;
    position: relative;
    height: 60px;
    width: 78%;
    width: calc(100% - 160px);
}
.mute-btn{
    
    width: 70px;
    line-height:30px;
    height:30px;
    border:none;
    border-radius: 4px;
    margin: auto;
    cursor: pointer;
    background: #f6f6f6;
}
.mute-btn:hover{
    background-color: #439646 !important
}
.mute-btn:focus{
    outline: none;
    box-shadow: none
}
.mute-btn-main{
    position: absolute;
    top:0;
    right: 0;
    bottom:auto;
    padding-top: 10px;
}
.mute-btn:focus{
    box-shadow: none;
    border:none
}
.mute-btn-div.half{
    width: 65%;
    width: calc(100% - 390px);
}

.home-page-popup-wrapper {
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
}


.home-page-popup-container {
    max-width: 660px;
    margin: auto;
    float: none;
    color: #333;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: absolute;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    padding: 20px;
    width: 100%;
    height: 550px !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
img#activityImageScr {
    width: 55% !important;
    height: 490px !important;
    display: inline-block;
}
.home-page-popup-container p.popupCancel {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    cursor: pointer;
}

.confirm {
    vertical-align: middle;
}

.btn-cancel{
    width: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}
.btn-cancel::before, .btn-cancel::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #555;
}
.btn-cancel::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-cancel::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.question-poolMsg {
    font-size: 16px;
    font-weight: normal;
}

.maintable tr th {
    /* text-align: left; */
    color: #616161;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 0 15px 3px;
}

.maintable {
    margin: 10px auto;
}

.maintable tr td {
    word-break: break-all;
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 10px 0 8px 3px;
    /* text-align: left; */
    vertical-align: top;
    line-height: 22px;
}

.approveButton {
    border-radius: 3px;
    background: #4caf50;
    text-align: center;
    color: #fff;
    border: 1px solid #4caf50;
    padding: 9px 15px 10px;
    display: inline-block;
    margin: 0 20px 0 0;
    cursor: pointer;
	font-size: 12px;
}

.rejectButton {
    border-radius: 3px;
    background: #505050;
    text-align: center;
    color: #fff;
    border: 1px solid #505050;
    padding: 9px 15px 10px;
    display: inline-block;
    margin: 0 20px 0 0;
    cursor: pointer;
	font-size: 12px;
}
.stu-div{
    position: relative;
    overflow: hidden
}
.student-info{
    position:absolute;
    left:0;
    right:0;
    top:0%;
    background-color: #00000073;
    color:#fff;
    padding: 5px 8px;
    box-sizing: border-box;
    transition: 0.3s;
    min-height: 44px;
}

.student-info span{
    width:100%;
    float: left
}
.student-info b{
    width:100%;
    float: left;
    font-weight:normal
}
.stu-div.scrns_bx:after{
    background-color: transparent
}
.stu-div.scrns_bx:before{
    background: rgba(0,0,0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
}
.reprtCntnr#stuReportDiv{
    /*position: relative;*/
    padding-top: 60px
}
.reprtCntnr select.select-elm{
    position: absolute;
    top: 15px;
    left: 15px;
    /* right: 15px; */
    background-color: #fff;
    margin: 0;
    width: 89%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.17), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border: none;
    outline: none;
    border-radius: 25px;
}
.inrrprt_sctn#stuReport{
    position: absolute;
    top: 90px;
    left: 15px;
    right: 15px;
    bottom: 0;
    overflow: auto;
}
span.btn_cmntscrn.sus-btn{
    background-color: #e82f2f;
    border-color: #e82f2f;
    color:#fff
}
.cand-feed{
    background-color: #00000042;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.cand-feed-inner{
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 600px;
    height:426px;
    margin: auto;
    border-radius: 3px;
    text-align: center;
    
}
.main-div-cov{
    padding:15px;
    box-sizing: border-box;
    display: inline-block
}
.box-div{
    text-align:center;
    float: left;
    width: 100%
}
.box-feed{
    float: left;
    width: 31.3%;
    cursor: pointer;
    min-height:155px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 3%;
    border-radius: 3px;
}
.box-feed:last-child{
    margin-right: 0
}
.box-feed p{
    color:#a1a1a1;
    font-weight: bold;
    margin-top: 7px;
}
.box-feed.active{
    background-color: #f3f3f3
}
.box-feed.active.green{
    background-color: #caefcaab;
}
.box-feed.active.green p{
    color:#4ec94d
}
.box-feed.active.yellow{
    background-color: #fff0b59e;
}
.box-feed.active.yellow p{
    color:#fece07
}
.box-feed.active.red{
    background-color: #fbc3c491;
}
.box-feed.active.red p{
    color:#f33738
}
.green .feed-img{
    background-color: #4ec94d;
    border-color:#4caf50
}
.yellow .feed-img{
    background-color: #fece07;
    border-color:#ceaa17
}
.red .feed-img{
    background-color: #f33738;
    border-color:#a23233
}
.feed-img{
    width: 85px;
    height: 85px;
    background-color: #cecece;
    border:2px solid #b5b5b5;
    display: inline-block;
    position: relative;
    border-radius: 100%
}
.feed-img img{
    width: 35px;
    height: 35px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto
}

.feed-heading{
    color:#575757;
    font-size: 16px;
    /*margin-bottom: 10px;*/
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f3f3f3;
    text-align: left
}
.feed-text{
    width: 100%;
    margin: 10px auto 15px;
    resize: none;
    height: 100px;
    border:2px solid #f3f3f3;
    padding:10px;
    box-sizing: border-box
}
.feed-button{
    float: left;
    text-align: center;
    width: 100%;
}
.feed-button button.sub-btn{
    background-color: #4caf50;
    color:#fff;
    float: right;
    margin: 0;
}
.feed-button button{
    border: none;
    background-color: #e1e2e4;
    color:#000;
    padding:10px 20px;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 8px;
    cursor: pointer
}
      
        textarea.feed-text::placeholder { 
            color: #e0e0e0;  
        } 
        
        .crdbx_inr.limitedcrd_bx {
    width: 100%;
}

.crdbx_inr.limitedcrd_bx .detialoftst_sctn {
    width: 80%;
}

.crdbx_inr.limitedcrd_bx .lft_sctndetail {
    width: 20%;
}

.crdbx_inr.limitedcrd_bx .btn_sctncrd {
    width: 20%;
}

span.txt_inrname {
    font-size: 12px;
    color: #0063c6;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    line-height: 12px;
}
span.txt_inrname.grn-clr{
    color: #35cd96;
}
span.txt_inrname.ornge-clr{
    color: #ffa97a;
}
.schstdntSctn {
    float: left;
    width: 100%;
    padding: 4px;
}

.inr_scrhsctn {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.17), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    background: #fff;
    border-radius: 25px;
}

span.schclkicnsctn {
    float: left;
    width: 18%;
    position: relative;
}

span.slectbx_stuentelctn {
    float: right;
    width: 82%;
    border-left: 1px solid #e9e9e9;
    padding: 0 10px;
    position: relative;
}

span.slectbx_stuentelctn select {
    background: none;
    outline: none;
    border: none;
    font-size: 14px;
    apperance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    float: left;
    width: 100%;
    height: 36px;
    line-height: 26px;
}

span.slectbx_stuentelctn:after {
    content: "\e007";
    font-family: flaticon;
    position: absolute;
    font-size: 18px;
    color: #000;
    right: 8px;
}

span.srchicnsctn {
    float: left;
    width: 100%;
    height: 36px;
    cursor: pointer;
}

span.srchicnsctn:after {
/*    content: "\e158";*/
    font-family: flaticon;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 18px;
    margin: auto;
    text-align: center;
    color: #666;
}

span.srchicnsctn.closeslctdstdnt:after {
    content: "\e0fc";
}

span.srchicnsctn.closeslctdstdnt {
    cursor: pointer;
}

span.srchicnsctn img {
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}



/* Css for toggle button starts*/
.toggle-switch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none
}


.toggle-switch {
    display: inline-block;
    vertical-align: top;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.toggle-switch .ts-label {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top;
    -webkit-transition: color .56s cubic-bezier(.4, 0, .2, 1);
    transition: color .56s cubic-bezier(.4, 0, .2, 1)
}

.toggle-switch .ts-helper {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 16px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .26);
    -webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
    transition: background .28s cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    cursor: pointer
}

.toggle-switch .ts-helper:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 24px;
    height: 24px;
    background: #fafafa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
    border-radius: 50%;
    webkit-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1)
}

.toggle-switch input {
    position: absolute;
    z-index: 1;
    width: 46px;
    margin: 0 0 0 -4px;
    height: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.toggle-switch input:checked+.ts-helper:before {
    left: 20px
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper {
    background: rgba(0, 150, 136, .5)
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:before {
    background: #009688
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2)
}

.toggle-switch.disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper {
    background: rgba(244, 67, 54, .5)
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:before {
    background: #F44336
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(244, 67, 54, .2)
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper {
    background: rgba(33, 150, 243, .5)
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:before {
    background: #2196F3
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(33, 150, 243, .2)
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper {
    background: rgba(255, 193, 7, .5)
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:before {
    background: #FFC107
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(255, 193, 7, .2)
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper {
    background: rgba(186, 104, 200, .5)
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:before {
    background: #BA68C8
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(186, 104, 200, .2)
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper {
    background: rgba(233, 30, 99, .5)
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:before {
    background: #E91E63
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(233, 30, 99, .2)
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper {
    background: rgba(205, 220, 57, .5)
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:before {
    background: #CDDC39
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(205, 220, 57, .2)
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper {
    background: rgba(0, 188, 212, .5)
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:before {
    background: #00BCD4
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 188, 212, .2)
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper {
    background: rgba(76, 175, 80, .5)
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:before {
    background: #4CAF50
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(76, 175, 80, .2)
}
/* Css for toggle button ends*/

.stu-offline{
    color:red;
}

.stu-online{
    color:green;
}

.stu-tmptest{
    color:#f7810e;
}

.stu-retest{
    color:#000000;
}

.scrns_bx.stu-div.errror_cheatng {
    border: 1px solid #FF0000;
    background: rgba(255, 0, 0, 0.1);
}

.middleSctn_scrn.fullscrn_mdlsctn {
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    top: -62px;
}

.zoom_inSctn {
    float: left;
    border-left: 1px solid #fff;
    height: 40px;
    line-height: 55px;
}

span.icn_inrzoom {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 15px;
}

span.icn_inrzoom img {
    width: 100%;
    background: rgba(14, 135, 255, 0.8);
    padding: 7px;
    border-radius: 4px;
    height: 100%;
    box-sizing: border-box;
}

.student-info.error_inforinrhdr {
    background: #ff000070;
}
#currentStudentFeedbackName{
    font-size: 16px;
    float: left;
    margin: 3px 0 0 12px;
    color: #0063c6;
    text-transform: uppercase
}
.stu-pro img{
    width: 55px;
    height: 55px;
    vertical-align: middle;
    float: left;
    border-radius: 100%;
}
strong.feed-heading.stu-pro {
    padding: 10px 15px;
}
.stu-pro{
    color: #575757;
    background-color: #f3f3f3;
    float: left
}
.pop-heading{
    float: left;
    width:80%;
    margin:8px 0 0 12px
}
.feed-button button.close-btn{
    position: absolute;
    top: 23px;
    right: 15px;
    padding: 0;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: 0;
}
.feed-button button.close-btn:focus{
    border:none;
    box-shadow: none
}
.feed-button button.close-btn img{
    width: 10px;
    height:10px;
    margin-top: 5px;
}


/*nitin ui enhancement*/


.prot-new .leftmenusctn, .prot-new .ryt_menusctn{
    padding: 8px 0px;
    border:none
}
.prot-new .ryt_menusctn{
    width: 100px;
}
.prot-new .leftmenusctn .img_sctnmwnu, .prot-new .ryt_menusctn .arow_imgSctn{
     /*border:2px solid #ededed;*/
     /*background-color: #e9edf2;*/
     width: 33px;
     height: 33px;
     display:inline-block;
     padding:0px 0;
     text-align: center;
    border-radius: 4px;
    background: rgba(253,253,254,1);
    background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,254,1)), color-stop(41%, rgba(250,251,252,1)), color-stop(80%, rgba(247,248,250,1)), color-stop(100%, rgba(245,246,248,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f6f8', GradientType=0 );
    border: 1px solid #dee3e8;
}
.prot-new .leftmenusctn .img_sctnmwnu img, .prot-new .ryt_menusctn .arow_imgSctn img{
    width: 20px;
     height: 20px;
    vertical-align: middle;
    /*border-radius: 5px;*/
    margin-top: 6px;
}
.prot-new .leftmenusctn .img_sctnmwnu img:hover, .prot-new .ryt_menusctn .arow_imgSctn img:hover{
    /*border: 1px solid #0c68d7*/
}
.panel-btn, .zoom-btn{
    outline:none;
    background-color: transparent;
    border:none;
    cursor: pointer
}
.prot-new .leftmenusctn .img_sctnmwnu:hover, .prot-new .ryt_menusctn .arow_imgSctn:hover{
    background: #f5f7f9
}
.prot-new .leftmenusctn .panel-btn:focus .img_sctnmwnu, .prot-new .ryt_menusctn .panel-btn:focus .arow_imgSctn{
    background: #e7ebef
}
.prot-new .ryt_menusctn .panel-btn span.arow_imgSctn.rotatearrow_imge , .prot-new .leftmenusctn .panel-btn span.img_sctnmwnu.opencloseicon{
    background:#e7ebef;
    border-color: #a2c3e4
}
.prot-new .ryt_menusctn{
   background-color: transparent
}
.prot-new .bar_hdr{
   background-color: #f5f7f9;
   box-shadow: 0 0 15px #ccc;
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.10);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.10);
/*   -webkit-box-shadow: 0px 7px 16px -9px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 7px 16px -9px rgba(0,0,0,0.29);
box-shadow: 0px 7px 16px -9px rgba(0,0,0,0.29);*/
}
.prot-new .mute-btn-div{
    text-align: center;
}
.prot-new span.tstdate_menusctn{
    float: none;
    display: inline-block;
    padding-left: 0
}
.prot-new #candidatetxt{
    display: none
}
.prot-new .leftSctn_scrn{
    width:auto;
    top: -51px;
    background-color: #ebeff3
}
.prot-new .leftSctn_scrn.active_sctnlftmenu{
        width: 290px;
        border-right: 1px solid #cfd7df;
}

.bar_hdr.half-left{
    float: right;
    width: calc(100% - 290px);
}
.prot-new .tabs_icnscn{
    float: left;
    width: 100%;
    border: none;
    border-bottom:1px solid #e9ecf0;
    
}
.prot-new .rytSctn_scrn{
    width: auto;
    /*position: fixed;*/
}
.rytSctn_scrn.active_sctnrytmenu{
        width: 290px;
}
.prot-new #roomsan .rytSctn_scrn{
    position: fixed;
    top: 110px;
    width: 280px;
}
.prot-new .rytSctn_scrn .barleft{
    display: none
}
.prot-new .middleSctn_scrn{
    left: 0;
    right:0;
     padding:25px;
    padding-right: 0
}
.prot-new .middleSctn_scrn.maiddlesctn_left{
    left: 290px;
}
.prot-new .middleSctn_scrn.midlesctn_ryt{
        right: 290px;
}
.prot-new .reprtCntnr, .prot-new .commentscntr, .prot-new .imagecntnr_sctn{
    top: 62px;
}
.prot-new .mute-btn-div{
  width: calc(100% - 170px);  
}
.prot-new .zoom_inSctn{
    border:none
}
.prot-new span.icn_inrzoom img{
    background: transparent;
    width: 33px;
    height:33px;
    vertical-align: 4px;
    padding: 0;
}
.prot-new span.icn_inrzoom img:hover{
    /*border: 1px solid #0c68d7;*/
}
.prot-new span.icn_inrzoom {
    background: #e9edf2;
        width: 33px;
    height: 33px;
    margin: 0;
        border-radius: 4px;
}
.prot-new .mute-btn-main{
        right: 20px;
}
.prot-new .student-info{
    float: left;
    width: 100%;
    position: inherit;
    background-color: #ffffff;
    color:#000;
    min-height: 40px;
    text-align: left
}
.prot-new.scrns_bx video{
    height: auto;
    min-height: 155px;
}
.prot-new .scrns_bx{
    height: auto
}

.prot-new .student-info span{
    font-size: 11px;
    font-weight: bold
}
.prot-new .student-info b{
    font-size: 11px;
    font-weight: normal
}
.prot-new .student-info{
    position: relative;
    padding:6px 60px 6px 22px;
    box-sizing: border-box
}
.prot-new .student-info strong{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 7px;
    /*bottom: 0;*/
    background-color:#f26a6a;
    border-radius: 100%;
    margin: auto
}
.prot-new .student-info strong.online-shw{
    background-color: #29cb02;
}
.prot-new .scrns_bx:after{
    padding: 0;
    width: 45px;
    height: 45px;
    bottom: 40px;
    border-radius: 100%;
    background-color: #181818
}
.prot-new .scrns_bx:hover:after{
    background-color: #fff;
    background-image: url(../images/playbuttonblue.png);
}
.prot-new .scrns_bx{
    width: 23.3%;
    min-height: 190px;
    margin-right: 1.7%;
    margin-bottom: 1.7%;
    min-width: 300px;
    border: 1px solid transparent;
    text-align: center
}
.prot-new .scrns_bx:hover{
    border-color: #0265cb
}
.listofstdnt-left{
   float: left;
    width: auto;
    height: auto;
    margin-top: 10px;
    position: absolute;
    top: 75px;
    right: 15px;
    left: 15px;
    bottom: 8px;
}
div#studentList {
    float: left;
    width: auto;
    right:0 !important
}
.prot-new span.noofstdnt{
    color:#183247
}
.prot-new .scrchbx input{
    background-color: #fff
}
.prot-new .inr_sctnlist{
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    /*min-height: 100px;*/
}
.prot-new .stu-offline{
    position: absolute;
    top:15px;
    right:15px;
    width: 10px;
    height:10px;
    border-radius: 100%;
    background-color: #f26a6a;
}
.prot-new .stu-online{
    position: absolute;
    top:15px;
    right:15px;
    width: 10px;
    height:10px;
    border-radius: 100%;
    background-color: #29cb02;
}
.prot-new .stu-tmptest{
    position: absolute;
    top:15px;
    right:15px;
    width: 10px;
    height:10px;
    border-radius: 100%;
    background-color: #f7810e;
}
.prot-new .stu-retest{
    position: absolute;
    top:15px;
    right:15px;
    width: 10px;
    height:10px;
    border-radius: 100%;
    background-color: #000000;
}
.student-btn{
    font-size: 12px;
    font-weight: 500;
    padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border:1px solid #d6e6f6;
    background-color: #f9fafb;
    color:#0788e5;
    float:left;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefeff+7,fcfcfd+34,fafbfc+61,f8f9fa+100 */
background: rgb(254,254,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,255,1) 7%, rgba(252,252,253,1) 34%, rgba(250,251,252,1) 61%, rgba(248,249,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#f8f9fa',GradientType=0 ); /* IE6-9 */
cursor: pointer
}
.student-btn:hover{
    background: #eef4fa
}
.student-btn.sub-rev{
    color: #8091A7;
    border-color: #dae0e6;
    background: #f1f3f5;
    font-weight: normal
}
.student-btn.reject-id{
    color: #f26a6a;
    background-color: #fff6f6;
    background: #fff6f6;
    border-color: #f8b3b3;
}
.student-btn.verf-id{
    border-color: #58d63a;
    color: #58d63a;
    background-color: #f4fcf2;
    background: #f4fcf2;
}
.stat-stu{
    margin: 0
}
.prot-new .inr_sctnlist{
    border:1px solid #ccd3d3
}
.prot-new .inr_sctnlist:hover{
    border-color:#63a9f0
}
.prot-new .middleSctn_scrn.review-div{
    padding:0px;
    float: right;
    width: 100%;
    position: relative;
    height: 100%
}
.revi-inner{
    float: right;
    width: calc(100% - 290px);
    /*background-color: #fff;*/
    border-radius: 4px;
    position: relative
}
.review-left{
    width: calc(100% - 283px);
    float: left;
    /*background-color: #fff*/
    padding:10px;
}
.review-right{
    width: 273px;
    float: left
}
.can-auth{
    background-color: #f7f9fa;
    color: #26264c;
    padding:20px;
    box-sizing: border-box;    
    float: left;
    width:100%
}
.can-auth strong{
    font-size: 16px;
    color: #26264c;
}
/*remove after work*/
#remarkForTestEndDiv{
    display: none;
}
.switch {
  position: relative;
  display: inline-block;
  width: 44px;
    height: 20px;
    float: right
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border:2px solid #cfd7df;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
     position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 1px;
    background-color: #cfd7df;
    -webkit-transition: .4s;
    transition: .4s;
}


.can-auth input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.can-auth input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.can-auth input:checked + .slider:before{
   background-color:#fff
}
.can-auth input:checked + .slider{
   border-color:#0063c6;
   background-color: #0063c6;
}
.left-inner{
    
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.review-right{
    background-color: #f5f7f9;
    border-left: 1px solid #d7dde4;
    position: absolute;
    right:0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.swit-text{
    float:right;
    margin: 2px 10px 0 0;
    color: #26264c;
    font-size: 13px;
}
.stu-pht-div{
    float: left;
    width: 100%;
    padding:20px;
    box-sizing: border-box;
    background-color: #fff;
    min-height: 300px
}
.head-part{
    border-bottom:2px solid #d6dde4;
    float:left;
    width:100%;
    padding-bottom:15px;
}
.stu-info strong{
    color: #26264c;
}
.stu-info ul li{
    list-style: none;
    width: auto;
    float: left;
    min-width: 120px;

}
.stu-info ul li span, .stu-info, .stu-info ul{
    width:100%;
    float:left
}
.stu-info ul li span{
    font-size: 12px;
}
.stu-info ul{
    width: 70%; /*fallback*/
    width: calc(100% - 340px);
}
.bottons-div{
    width: 340px;
    float:left
}
.button-com{
    border-radius: 4px;
    padding: 7px 14px;
    font-weight: bold;
    float: right;
    background-color: #fcfcfd;
    color:#656565;
    margin-left: 10px;
    border:1px solid #d6dde4;
    font-size: 13px;
    height: 32px;
    cursor: pointer
}
.prot-new .middleSctn_scrn.maiddlesctn_left.review-div {
    left:0
}
.drop-bnt{
    position: relative;
    background-image: url(../images/down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 5px center;
    padding-right: 30px;
    cursor: pointer
}
.drop-bnt:hover .list-li{
    display: block
}
.list-li{
    display: none;
    position: absolute;
    top: 106%;
    right: 0;
    background-color: #fff;
    border:1px solid #dbdfe4;
    border-radius: 4px;
    padding:10px;
    box-sizing: border-box;
    box-shadow: 0 0 15px #e4e4e4;
}
.list-li.new-des{
    width:220px;
    font-weight:500
}
.list-li ul{
    float: left;
    width: 100%
}
.list-li ul li{
    list-style: none;
    font-weight: normal;
    border-radius: 4px;
    padding:8px;
    color:#4f4241;
    cursor: pointer;
    width: 100%
}
.list-li ul li:hover{
    
    background-color: #f5f7f9;
}
.sub-ver{
    font-size: 12px;
    font-weight: 500;
    padding: 7px 24px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #d6e6f6;
    background-color: #f9fafb;
    color: #0c68d7;
    float: left;
    text-decoration: none;
    margin: 8px 0;
    cursor: pointer;
    background: rgb(254,254,255);
    background: -moz-linear-gradient(top, rgba(254,254,255,1) 7%, rgba(252,252,253,1) 34%, rgba(250,251,252,1) 61%, rgba(248,249,250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#f8f9fa',GradientType=0 );
    
}
.sub-ver:hover{
    background-color: #eef4fa;
    background: #eef4fa;
    border-color:#c1d9f0
}
.very-btn{
    border-color: #58d63a;
    color:#58d63a;
    background-color: #f4fcf2;
    cursor: pointer
}
.very-btn:hover{
    color: #fff;
    background-color: #58d63a;
}
.veri-photo{
    float: left;
    width:100%;
    margin-top: 20px
}
span.button-com.ref-btn{
    cursor: pointer
}
.left-photo{
    float:left;
    width:48%
}
.right-photo{
    float:right;
    width:48%
}
.right-photo, .left-photo{
    text-align: center;
    border:1px solid #d6dde4;
    border-radius: 4px;
    overflow: hidden;
    min-height: 300px
}
.left-photo strong, .right-photo strong{
    background-color: #f7f9fa;
    color: #26264c;
    padding:13px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #d6dde4;
}
 .left-photo img, .right-photo img{
    max-height: 247px;
    max-width: 190px;
}
 .reg-photo .left-photo img, .reg-photo .right-photo img{
    max-width: 280px;
    max-height:220px;
}
.left-photo span, .right-photo span{    
    padding:20px 20px;
    box-sizing: border-box;
    display: inline-block
}
.prot-new .scrchbx input{
    width: calc(100% - 35px);
    border: 1px solid #c7cacd;
}
.search-btn img{
    width: 30px;
    height: 30px;
    /*vertical-align: -8px;*/
    display: inline-block;
}
span.search-btn {
    /*border: 1px solid #c7cacd;*/
    /*background-color: #fff;*/
    /*border-radius: 4px;*/
    float: right;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer 
}
.refe-img{
    width: 13px;
}
.bottons-div span:last-child{
    margin: 0
}
.review-part .left-inner{
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
}
.review-left.review-part{
    padding:0 0 0 10px
}
.proc-reviw{
    padding: 0px;
    margin: 10px 0 0 0;
    box-sizing: border-box
}
.rev-head{
    float: left;
    width:100%;
    border-bottom: 2px solid #cfd7df;
    padding-bottom:10px;
}
.rev-head a{
    float: right;
    text-decoration: none;
    background-color: #0265cb;
    color:#fff;
    font-size:14px;
    font-weight: bold;
    padding:12px 40px;
    box-sizing: border-box;
    border-radius: 4px;
}
.rev-head a:hover{
    background-color: #025db7
}
.rev-head strong{
    float: left;
    margin-top: 13px;
    font-size:16px;
    color: #26264c;
}
.student-detail-rv{
    float:left;
    width:100%;
    margin-top: 20px;
}
.stu-pro-img{
    width:35%;
    float:left;
    text-align: center;
    padding:10px;
    box-sizing: border-box;
    border:1px solid #cfd7df;
    border-radius: 4px;
}
.stu-info-right{
    width:65%;
    float:left;
    padding:10px 0 0 20px;
    box-sizing: border-box
}
.stu-info-right ul li {
    list-style: none;
    width: auto;
    float: left;
    min-width: 170px;
}
.stu-info-right ul li span, .stu-info-right ul {
    width: 100%;
    float: left;
}
.stu-info-right ul li span{
    font-size: 12px;
}
.stu-info-right strong {
    color: #26264c;
}
.stu-pro-img strong{
    max-width: 190px;
    display: block;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
}
.stu-pro-img strong b{
    display:inline-block;
    width:100%;
    font-size: 13px;
    margin: 5px 0
}
.stu-pro-img strong i{
    font-size: 12px;
    font-style: normal;
    font-weight: normal
}
.stu-pro-img img{
    max-height: 247px;
    max-width: 190px;
}
.behav-opt{
    float: left;
    width:100%;
    margin: 20px 0 8px 0;
}



/* The container */
.behav-opt .container {
  display: inline-block;
  position: relative;
  padding:35px 6px 6px 6px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:32%;
  float: left;
  background-color: #f7fafe;
  border-radius: 4px;
  border:1px solid #d7e8fb;
  min-height: 77px
}
.middle{
    margin: 0 2%
}

/* Hide the browser's default radio button */
.behav-opt .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.behav-opt .checkmark {
  position: absolute;
  top: 6px;
  left: 6px;
  height: 21px;
  width: 21px;
  background-color: #FFF;
  border-radius: 50%;
  border:1px solid #0063c6
}

/* On mouse-over, add a grey background color */
.behav-opt .container:hover input ~ .checkmark {
  background-color: #e0f0ff;
}

/* When the radio button is checked, add a blue background */
.behav-opt .container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.behav-opt .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.behav-opt .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.behav-opt .container .checkmark:after {
 	top: 4px;
        left: 4px;
        width: 12px;
        height: 12px;
	border-radius: 50%;
	background: #0063c6;
}
.brh-lab{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
}
.tex-review strong{
    font-size:14px;
    display: inline-block;
    width:100%
}
.tex-review textarea{
    display: inline-block;
    width:100%;
    resize: none;
    background-color: #f7f9fa;
    border: 1px solid #cfd7df;
    border-radius: 4px;
    height: 131px;
    float: left;
    margin-top: 6px;
    padding:6px;
    box-sizing: border-box
}
.student-detail-rv .rev-head{
    margin-top: 20px;
}
.stu-report, .stu-report ul{
    float:left;
    width:100%
}
.stu-report ul li{
    width: 25%;
    float: left;
    list-style: none;
    margin-top: 30px
}
.stu-report ul li label.alrt-li{
    font-weight: bold;
    display:inline-block;
    margin-bottom:6px;
    color:#333333;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box
}
.stu-report ul li label.alrt-li:after{
    content: '';
    right: 0;
    top: 0;
    bottom:0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: green;
    margin: auto;
    position: absolute;
}
.stu-report ul li label.alrt-li.low-alt:after{
    background-color: #5fb32a
}
.stu-report ul li label.alrt-li.med-alt:after{
    background-color: #144c92
}
.stu-report ul li label.alrt-li.hig-alt:after{
    background-color: #fd585e
}
.stu-report ul li span{
    float:left;
    width:100%;
}
.stu-report{
    margin-bottom: 30px
}
.photo-proof{
    margin: 25px 0;
    float: left;
    width: 100%
}
.photo-box{
        width: 31%;
    float: left;
    margin: 1% 1.1%;
}
.photo-box span.img-click{    
    padding:6px;
    box-sizing: border-box;
    border:2px solid #cfd7df;
    float: left;
    width:100%;
    text-align: center;
    position: relative;
    cursor: pointer
}
.photo-box img{
    width: 100%;
    max-height: 200px;
    min-height: 200px;
}
.photo-box strong{
    font-weight: normal;
    font-size: 12px;
    position: relative;
    padding:5px 0 5px 10px;
    box-sizing: border-box;
    margin-top: 2px;
    float: left
}
.photo-box strong.green-dot:after{
    background-color: #29cb02;
}
.photo-box strong:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    width:8px;
    height:8px;
    border-radius: 100%;
    background-color: #f26a6a;
    margin: auto
}
.del-btn{
    position: absolute;
    right: 15px;
    top:15px;
    height: 32px;
    width: 32px;
    /*background-color: #fff;*/
    /*border-radius: 100%;*/
    cursor: pointer
}
.del-btn img{
    width:32px;
    min-height: auto;
    vertical-align: middle;
    /*margin-top: 8px;*/
}
.alert-hd{
    float: left;
    margin: 8px 0 10px 0;
    font-size: 16px;
    color: #26264c;
    width:100%
}
.alert-div{
    padding:10px 20px;
    box-sizing: border-box
}
.alert-list{
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border:1px solid #f27070;
    border-left: 4px solid #f27070;
    background-color: #fff;
    padding:10px;
    box-sizing: border-box
}
.alert-list strong{
    color: #f56c6c;
    margin-bottom: 2px;
    float: left;
    width:100%
}
.alert-list p{
    font-size: 10px;
}

.prot-new .half-center .scrns_bx {
    width: 31.6%;}
.prot-new .half-center.midlesctn_ryt .scrns_bx {
        width: 48.3%;}
.prot-new .midlesctn_ryt .scrns_bx {
       width: 31.6%;}


.button-com.ref-btn {
    padding: 0 7px;
    /*border: none;*/
}
.button-com.ref-btn img.refe-img {
        width: 16px;
    margin-top: 6px;
}
span.button-com.drop-bnt{
    background-color: #fff
}
span.button-com.drop-bnt:hover{
    border-color:#86b5e6
}
.photo-box.selected-pht span.img-click{
    border-color: #f26a6a
}
.pop-review{
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    z-index: 999;
    background-color: #00000073;
    display: none;
}
.pop-review-inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin:auto;
}
.pop-review-inner img.review-pht{
    width: 100%;
    min-width: 350px;
    min-height: 450px;
    max-width: 350px;
    max-height: 450px;
    float: left
}
.pop-review-inner .del-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 32px;
    width: 32px;
    /* background-color: #fff; */
    /* border-radius: 100%; */
    cursor: pointer;
}
.pop-review-inner span.time-pop{
       position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    width: auto;
    color: #000;
    background-color: #fff;
    right: 0;
    padding: 12px 15px;
}
.close-pop{
    position: absolute;
    right:-11px;
    top: -11px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 100%;
    padding:10px;
    box-sizing: border-box;
    cursor: pointer
}
.delet-pop{
     position: absolute;
    right: 0px;
    top: 0px;
    left: 0;
    bottom: 0;
    width: 330px;
    height: 90px;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px;
    box-sizing: border-box;
    margin: auto;
}
.delet-pop p{
    text-align: left;
    font-size: 16px;
}
.delet-pop a{
    display: inline-block;
    padding:6px 8px;
    border-radius: 5px;
    box-sizing: border-box;
    text-decoration: none;
    color: #666;
    float: right;
    font-weight: bold;
    margin: 17px 2px 0;
    padding:6px 10px;
}
.delet-pop a:hover{
    color: #777
}
.delet-pop a.ok-btn{
    background-color: red;
    color:#fff
}
.delet-pop a.ok-btn:hover{
    background-color: #e70101;
    color:#fff
}

.stu-info-right #currentStudentFeedbackName{
    font-size: 14px;
    margin:0;
    color: #26264c;
}


.behav-opt .box-feed{
    min-height: auto;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 6px;
    height: auto;
    width: auto;
    padding:0;
    margin: 0
}

.behav-opt .box-feed .feed-img{
    width: 25px;
    height: 25px;
}
.behav-opt .box-feed .feed-img img {
    width: 14px;
    height: 14px;
}
.behav-opt .box-feed.yellow .feed-img img {
    width: 12px;
    height: 12px;
}
.behav-opt .box-feed.red .feed-img img {
    width: 10px;
    height: 10px;
}




.behav-opt .active.container{
    background-color: #f3f3f3
}
.behav-opt .active.geen-bhv{
    background-color: #caefcaab;
    border-color: #caefcaab;
}
.behav-opt .active.geen-bhv .brh-lab{
    color:#4ec94d;
    font-weight: bold;
}
.behav-opt .active.yel-bhv{
    background-color: #fff0b59e;
    border-color: #fff0b59e;
}
.behav-opt .active.yel-bhv .brh-lab{
    color:#fece07;
    font-weight: bold;
}
.behav-opt .active.red-bhv{
    background-color: #fbc3c491;
    border-color: #fbc3c491;
}
.behav-opt .active.red-bhv .brh-lab{
    color:#f33738;
    font-weight: bold;
}
.green .feed-img{
    background-color: #4ec94d;
    border-color:#4caf50
}
.prot-new .image-wap{
    height: 247px;
    width: 190px;
    display: inline-block;
    text-align: center;
    position: relative;
    border: 1px solid #f5f7f9
}
.prot-new .image-wap img{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.prot-new span.btn_cmntscrn.sus-btnnw img{
    max-width: 24px;
    margin-right: 0
}
.prot-new span.btn_cmntscrn.sus-btnnw {
    padding: 5px 7px 1px 10px;
}
.prot-new .time-span{
    color:#183247
}
.btnsctn_scrn .mute-btn{
    float: left;
    border: 1px solid #d5dcdc;
    padding: 0px 7px;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    background-color: #fcfcfc;
    font-size: 12px;
    width: auto;
    line-height: 30px;
    height: 32px;
}


.btnsctn_scrn .mute-btn img{
    width: 21px;
    float: left;
}
/*.prot-new .scrns_bx:nth-child(4n+4){
    margin-right: 0
}*/
.prot-new .no-btn span.nametxt_left{
        margin-top: 8px;
}
.prot-new span.enrlmntno_left{
    color:#33333d
}
.prot-new .no-btn .stu-offline{
    top: 21px;
}
.prot-new span.btn_cmntscrn.red-border:hover, .prot-new span.btn_cmntscrn.sus-btnnw:hover{
    color: #f26a6a;
    background: #fff6f6;
    border-color: #f8b3b3;
}
.btnsctn_scrn .mute-btn:hover{
    background-color: #f5f7f9 !important;
}
.prot-new .singlescrn_inrmidle{
        left: 302px;
}
.prot-new .singlescrn_inrmidle{
   right: 302px; 
}
.vid-info-cand{
    float: left;
    width: auto
}
.vid-info-cand .cand-id{
    float: left;
    width: auto;
    font-size: 12px;
    line-height: 22px;
    margin-right: 8px;
}
.vid-info-cand .cand-id:last-child{
    margin-right: 0px;
}
.vid-info-cand span.txt_namesnglecand{
    line-height: 18px;
    color:#2a264c;
    width:100%
}
.prot-new span.btn_cmntscrn{
    height: 32px;
    border-color:#d5dcdc;
    background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(41%, rgba(250,250,251,1)), color-stop(80%, rgba(247,249,250,1)), color-stop(100%, rgba(250,251,252,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fafbfc', GradientType=0 );
}
.prot-new span.btn_cmntscrn:hover{
   background: #f5f7f9 
}
.prot-new span.btn_cmntscrn:focus{
    border-color: red
}
.prot-new .hdr_singlescrn {
    padding: 12px 15px;
}
.prot-new .inr_sctnlist.active_sctnlst{
    border-color: #63a9f0;
} 
.prot-new .inr_sctnlist.active_sctnlst span.nametxt_left{
    color: #000;
} 
.img-cover{
    float:left;
    width:100%;
    background: #000
}
.prot-new .singlescrn_inrmidle .hdr_singlescrn, .prot-new .scrninfull_inrmdle{
    width: 100%;
}
.prot-new span.nametxt_left{
    font-weight: 600;
    font-size:14px;
}
.prot-new .imagsbx_sctn img{
    height:180px
}
.prot-new span.video_rprt{
    float: left
}
.prot-new .reprtCntnr#stuReportDiv{
        top: 50px;
    border-top: 0;
}
.prot-new .rytSctn_scrn{
    background-color:#f5f7f9;
    border-left: 1px solid #cfd7df;
}
.prot-new .scrn_sctn{
    z-index: -1
}
.prot-new span.frsttab_menu{
    width: 50%;
    background-color: #fafbfc;
    padding: 12px 0px;
    border:1px solid #fafbfc;
    min-height:48px;
}
.prot-new span.frsttab_menu:hover{
    background-color: #e7ebef;
    border-color: #e7ebef
}
#stuChatHeader{
    border-right: 1px solid #e9ecf0;
}
#stuReportHeader{
    border-left: 1px solid #e9ecf0;
}
.prot-new span.frsttab_menu.activetab_menu{
        border-bottom:none;
        position: relative
}
.tab-rigt-btn{
   outline: none;
    width: 50%;
    display: inline-block;
    border: none;
    background: transparent;
    float: left;
}
.prot-new .tab-rigt-btn span.frsttab_menu{
    width: 100%
}
.tab-rigt-btn:focus span.frsttab_menu{
    border:1px solid #8db6e1 !important;
    background: #e7ebef !important
}
.prot-new span.frsttab_menu.activetab_menu:after{
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #93c84b;
    position: absolute
}
.prot-new span.frsttab_menu.activetab_menu{
    /*border-color: #8db6e1*/
}
.prot-new span.txtmsg_inr , .prot-new .inpt_tyesctn{
    background-color: #fff
}
.prot-new span.txtmsg_inr{
        max-width: 80%;
    float: right;
    text-align: right;
    width: auto;
    word-break: break-word;
}
.prot-new span.timemsg_inr{
    float: right;
    text-align: right;
}
.prot-new .res-mess span.txtmsg_inr{
    float: left;
    text-align: left;
    background-color: #1a78cc;
    color: #fff;
}
.prot-new .res-mess span.timemsg_inr{
    float: left;
    text-align: left;
}
.prot-new span.timemsg_inr{
    font-size: 10px
}
.prot-new #msgBox .messageinr_sctn{
    margin-bottom: 15px;
}
.prot-new .inrrprt_sctn .imagsbx_sctn{
    background-color: #fff;
    height: auto
}
.prot-new .reprtCntnr select.select-elm{
    background-color: #fff;
}
.bottons-div .button-com.very-btn{
    border-color: #0265cb;
    color: #fff;
    background: #0265cb ;
}
.bottons-div .button-com.very-btn:hover{
    background: #0051a5;
    border-color: #0051a5
}
.button-com.drop-bnt:after{
    background-image: url(../images/down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 5px center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
}
.button-com.very-btn.active{
    background: #004994;
    border-color: #004994
}
.middle_menusctn.mute-btn-div{
    height: 50px;
}
.strm-selt{
    height: 33px;
    border:1px solid #dee3e8;
    font-size: 14px;
    color:#8091A7;
    float: left;
    background: rgba(253,253,254,1);
    background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,254,1)), color-stop(41%, rgba(250,251,252,1)), color-stop(80%, rgba(247,248,250,1)), color-stop(100%, rgba(245,246,248,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f6f8', GradientType=0 );
    border-radius: 5px;
    margin-top: 8px;
    padding: 7px 7px 0 7px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.strm-selt:after{
    background-image: url(../images/downarrow.svg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 8px;
    top: 0;
    bottom:0;
    margin: auto;
    /*content: ''*/
}
.strm-selt ul{
    float: left;
    width: 100%;
    display: none;
    position: absolute;
    top: 105%;
    left: 0;
    background-color: #fff;
    border: 1px solid #dbdfe4;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #bbbbbbb3;
    max-width: 110px;
}
.strm-selt:hover ul{
    display: block
}
.strm-selt ul li{
    list-style: none;
    font-weight: normal;
    border-radius: 4px;
    padding:8px;
    color:#4f4241;
    cursor: pointer;
    width: 100%;
    text-align: left
}
.strm-selt ul li:hover{
    
    background-color: #f5f7f9;
}
.strm-selt b{
    color:#183247
}
span.hdng_menusctn#testName{
    float: left;
    width: 100%;
    display: inline-block;
    color:#183247
}
/* The container */
.cont-chek {
  display: none;
  position: absolute;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    top: 0;
    width: 36px;
    height: 34px;
    left: 0;
        background-color: #fff;
}

/* Hide the browser's default checkbox */
.cont-chek input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cont-chek .checkmark {
  position: absolute;
  top: 7px;
  left: 9px;
  height: 21px;
  width: 21px;
  border:1px solid #3785d6
}

/* On mouse-over, add a grey background color */
.cont-chek:hover input ~ .checkmark {
  border-color:#3785d6
}
.cont-chek .checkmark:hover{
    background-color: #f5f7f9
}
/* When the checkbox is checked, add a blue background */
.cont-chek input:checked ~ .checkmark:after {
  border-color: #0466cb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cont-chek .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont-chek input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont-chek .checkmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ss-btn{
    float: right;
    width: auto
}
.rev-head .ss-btn a{
    float: left;
    font-weight: normal;
    padding:0;
    background: rgba(253,253,254,1);
    background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,254,1)), color-stop(41%, rgba(250,251,252,1)), color-stop(80%, rgba(247,248,250,1)), color-stop(100%, rgba(245,246,248,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f6f8', GradientType=0 );
    color:#183247;
    border:1px solid #d5dce3;
    padding:7px 0 4px 10px;
}

.rev-head .ss-btn a:hover{
    background:#f5f7f9
}
.rev-head .ss-btn .del-ss-btn a{
     padding:7px;
     margin-left: 10px
}
.rev-head .ss-btn .del-ss-btn a.save-ss{
     background: #0063c6;
    color: #fff;
    padding: 7px 16px;
}
.rev-head .ss-btn .del-ss-btn a.save-ss:hover{
     background: #025db7;
}
.rev-head .ss-btn a span:before{
    margin: 0;
    font-size: 16px;
}
.rev-head .ss-btn a span{
    float: right
}
.rev-head .ss-btn a b{
    font-size: 12px;
    margin-top: 1px;
    display: inline-block;
}
.del-ss-btn{
    display: none
}
.prot-new .scrchbx input:focus{
    border-color: #9cc3ea;
    box-shadow: 0 0 4px  #9cc3ea;
}
#roomsan{
    display: none
}
#roomsan .stu-info ul li{
    width: auto
}
#roomsan .stu-info ul li strong{
    width: 100%;
    float: left;
    margin-bottom: 2px;
}
.san-room-video{
    width: 100%;
    float: left;
    background-color: #000;
    margin-top: 20px;
    height: 100%;
}
.san-room-video .proct-canvs{
    width: 100%;
    /* height: 280px; */
    height: 100%;
    float: left;
}
#roomsan .stu-info ul li span{
    width: auto;
    margin-right: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    border-right:1px solid #8091A7;
    color:#8091A7;
    line-height: 14px;
}
#roomsan .stu-info ul li span:last-child{
    margin-right: 0;
    border: 0;
    padding:0
}
.prot-new span.time-spn.btn_cmntscrn{
    border: none;
    background: transparent;
    color:#8091A7;
    padding: 8px 5px;
}
#videTagParentDiv #videotagvod{
    background-color: #000;
    height: 65vh;
}
.device-info{
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 0 0 5px 5px;
}
.device-info ul{
    float: left;
    width: 100%;
    padding: 10px 10px
}
.device-info ul li{
    float: left;
    width: auto;
    color:#8091A7;
    list-style: none;
    padding:0 10px 0 0;
    box-sizing: border-box;
    font-size: 12px;
    border-right: 1px solid #8091A7;
    line-height: 14px;
    margin-right: 10px;
    
}
.device-info ul li:last-child{
    margin-right: 0;
    border:0
}
.device-info ul li b{
    color:#183247;
    font-size: 12px;
}
.videocontrols{float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 0 0 5px 5px;
    padding: 8px;
    box-sizing: border-box
}
.video-btn{
    float: left;
    padding:6px;
    box-sizing: border-box;    
    border:1px solid #dde2e8;
    border-radius: 3px;
    background-color: #f1f3f5;
    color:#7f90a5;
    margin-right: 6px;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer
}
.video-btn:hover{
    background: #e6eaee
}
.video-btn img{
   width: 10px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 2px;
}
.video-btn i{
    font-style: normal;
    float: left;
    font-size: 10px;
}
.left-icon i{
    margin-left: 5px
}
.right-icon i{
    margin-right: 5px;
}
.left-icon{
    padding-left: 8px
}
.right-icon{
    padding-right: 8px;
}
#videotagvod{
    float: left
}
.prot-new #singleVideoParentDiv .scrninfull_inrmdle canvas{
    height: 90%
}
.prot-new span.hdng_menusctn#testName{
    width: auto;
    float: none;
    padding-left: 0
}
.prot-new .frsttab_menu{
    font-weight: bold;
    color:#183247
}
.prot-new span.frsttab_menu img{
    vertical-align: middle;
    margin-right: 5px;
}
.btn_cmntscrn.end-test:hover{
    background-color: #f5f7f9
}
.prot-new .button-com{
    font-weight: 500
}
.prot-new .namedetail_left{
    width: 75%;
    width: calc(100% - 70px);
}
.bottons-div .button-com{
    background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(41%, rgba(250,250,251,1)), color-stop(80%, rgba(247,249,250,1)), color-stop(100%, rgba(250,251,252,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fafbfc', GradientType=0 );
}
.bottons-div .button-com:hover{
    background: #f5f7f9
}
.btnsctn_scrn .mute-btn{
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(41%, rgba(250,250,251,1)), color-stop(80%, rgba(247,249,250,1)), color-stop(100%, rgba(250,251,252,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fafbfc', GradientType=0 );
}
.btnsctn_scrn .mute-btn:hover{
    background: #f5f7f9
}
.video-option:focus .btn_cmntscrn{
    background: #e6eaee !important;
    border-color: #d6dde4
}
.video-option:focus {
    border: none;
    outline: none;
}
.video-option{
       border: none;
    background-color: transparent;
    float: left
}
button#mutebtn:focus{
    background: #e6eaee !important;
    border-color: #d6dde4
}
.prot-new .video-option:focus span.btn_cmntscrn.sus-btnnw{
    background: #faeded !important;
    border-color:#f8b3b3
}
.left-box-btn{
    border: none;
    outline: none;
    background-color: transparent;
    float: left;
    margin-right: 3px;
}
.left-box-btn:focus .student-btn{
    background: #dfebf6;
    border-color:#bdd6ef
}
.rev-head a:focus{
    background: #004994 !important;
    border-color: #004994;
        outline: none;
}
.rev-head .ss-btn a:focus{
    background: #e6eaee !important;
    border-color: #d6dde4
}
.rev-head .ss-btn a.save-ss:focus{
    background: #004994 !important;
    border-color: #004994
}

.ver-btn{
    float: right;
    border: none;
    background: transparent;
    outline: none
}
.bottons-div .ver-btn .very-btn{
    margin-left: 10px;
}
.ver-btn:focus span.button-com.ref-btn{
    background: #e4e9ed !important;
    border-color: #cfd7df
}
.ver-btn span.button-com.rej-san-btn:hover{
    background: #fff7f7;
    border-color: #f6a2a2;
    color:#f66d6b
}
.ver-btn:focus span.button-com.rej-san-btn{
    background: #fdf0f0 !important;
    border-color: #f69f9f;
    color:#f66d6b
}
.ver-btn:focus span.button-com.rej-san-btn.active{
    background: #fdf0f0;
    border-color: #f69f9f;
    color:#f66d6b
}

.ver-btn:focus span.button-com.very-btn{
    background: #004994 !important;
    border-color: #004994
}
.outer-video{
    padding:10px 10px 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    float: left
}
.half-video{
    float: left;
    width:100%
}
.half-video .outer-video{
    width: 50%;
}
.half-video .outer-video.left-part{
    padding-right: 5px;
}
.half-video .outer-video.right-part{
    padding-left: 5px;
}

.prot-new #singleVideoParentDiv .scrninfull_inrmdle .half-video .outer-video .proct-canvs{
    background-color: #000;
    width: auto;
    height: 30vh;
}
.half-video .outer-video .inner-cover{
    float: left;
    background-color: #000;
     width:100%
}
.outer-video .inner-cover{
    float: left;
    background-color: #000;
    width:100%
}
 .prot-new #singleVideoParentDiv .three-video .outer-video .proct-canvs{
        width: auto;
        display: block;
        margin: auto;
        height:32vh;
        float:none
    }
    span.student-btn.nw-btn{
        padding: 2px 7px;
        height: 30px;
        background: rgba(253,253,253,1);
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(250,251,252,1) 32%, rgba(248,249,250,1) 59%, rgba(244,246,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(32%, rgba(250,251,252,1)), color-stop(59%, rgba(248,249,250,1)), color-stop(100%, rgba(244,246,248,1)));
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(250,251,252,1) 32%, rgba(248,249,250,1) 59%, rgba(244,246,248,1) 100%);
background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(250,251,252,1) 32%, rgba(248,249,250,1) 59%, rgba(244,246,248,1) 100%);
background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(250,251,252,1) 32%, rgba(248,249,250,1) 59%, rgba(244,246,248,1) 100%);
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(250,251,252,1) 32%, rgba(248,249,250,1) 59%, rgba(244,246,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f6f8', GradientType=0 );
margin-right: 3px;
    }
    .nw-btn svg{
        width: 24px;
    float: left;
    height: 24px;
    }
    .nw-btn.id-card svg{
        height: 23px;
    }
    .student-btn.nw-btn:hover {
        background: #f5f7f9;
        border-color: #cfd7df;
    }
    .student-btn.nw-btn.verf-id {
        background: rgb(254,254,255);
    background: -moz-linear-gradient(top, rgba(254,254,255,1) 7%, rgba(252,252,253,1) 34%, rgba(250,251,252,1) 61%, rgba(248,249,250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,255,1) 7%,rgba(252,252,253,1) 34%,rgba(250,251,252,1) 61%,rgba(248,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#f8f9fa',GradientType=0 );
        border-color: #c8ddf2;
    }
    .student-btn.nw-btn.verf-id svg{
        fill:#1470cf
    }
    .student-btn.nw-btn.reject-id{
        border-color:#f8afaf;
        background: #fff6f6
    }
    .student-btn.nw-btn.reject-id svg{
        fill:#f26a6a
    }
    .left-box-btn:focus .student-btn.nw-btn {
        background: #e7ebef;
        border-color: #cfd7df;
    }
    .three-video{
        display: inline-block;
        width: 100%;
        float: left;
    }
    .three-video.two-video .outer-video.vid-cond{
        display: none
    }
    .three-video.two-video .outer-video{
        width: 100%;
        padding: 10px;
    }
    .three-video.two-video .outer-video.left-part{
        padding-bottom: 5px
    }
    .three-video.two-video .outer-video.right-part{
        padding-top: 5px;
        padding-bottom: 0;
    }
    .prot-new #singleVideoParentDiv .scrninfull_inrmdle .three-video.two-video .half-video .outer-video .proct-canvs {
    
    height: 31vh;
}
.zoom-btn{
    float: left
}
.prot-new .zoom-btn span.icn_inrzoom{
    background: rgba(253,253,254,1);
    background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,254,1)), color-stop(41%, rgba(250,251,252,1)), color-stop(80%, rgba(247,248,250,1)), color-stop(100%, rgba(245,246,248,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f6f8', GradientType=0 );
    border: 1px solid #dee3e8;
}
.prot-new .zoom-btn span.icn_inrzoom:hover{
    background: #f5f7f9;
}
.prot-new button.zoom-btn.activebtn span.icn_inrzoom{
    background: #e7ebef;
    border-color: #a2c3e4;
}
.prot-new .zoom-btn:focus span.icn_inrzoom{
    background: #e6eaee;
}
.srch-btn{
    outline: none;
    border: none;
    /*background: transparent;*/
    float: right;
    border: 1px solid #c7cacd;
    background: #fff;
    border-radius: 4px;
    width: 30px;
    height: 30px;
}
.srch-btn .search-btn img{
    width: 16px;
    height:auto;
    margin-top: 3px;
}
.srch-btn span.search-btn{
    width: auto;
    height:auto;
    float: none
}
.srch-btn:hover{
    background: #f5f7f9
}
.srch-btn:focus{
    background: #e6eaee
}
.prot-new .zoom-btn span.icn_inrzoom img{
    width: 16px;
    height: 16px;
    border-radius: 0;
    margin-top: 7px;
}

.button-lt {
    float: right;
    width: calc(100% - 60px);
}
.rotvideobtn{
    position: absolute;
    top:10px;
    right: 10px;
    width:32px;
    height: 32px;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    border:none;
    background: rgba(253,253,254,1);
     outline: none;
    background: -moz-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,254,1)), color-stop(41%, rgba(250,251,252,1)), color-stop(80%, rgba(247,248,250,1)), color-stop(100%, rgba(245,246,248,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,254,1) 0%, rgba(250,251,252,1) 41%, rgba(247,248,250,1) 80%, rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f6f8', GradientType=0 );
    
    }
.rotvideobtn:focus{
    border: none;
    box-shadow: none;
    background: #e7ebef;
    outline: none
}
.rotvideobtn:hover{
    background: #f5f7f9;
}
.rotvideobtn:after{
    content: '';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image: url(../images/rotate.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center
}
.rotvideobtn.disable:after{
    background-image: url(../images/360view.png);
}
.rotvideosingle{
    height: 32px;
    float: left;
    width:37px;
    cursor: pointer;
    border-color: #d5dcdc;
    border-radius: 4px;
    position:relative;
    border: 1px solid #e9e9e9;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(41%, rgba(250,250,251,1)), color-stop(80%, rgba(247,249,250,1)), color-stop(100%, rgba(250,251,252,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fafbfc', GradientType=0 );
}
.rotvideosingle:focus{
    outline: none;
    box-shadow: none;
    background: #e6eaee ;
    border-color: #d6dde4;
}
.rotvideosingle:hover{
    background: #f5f7f9;
}
.rotvideosingle:after{
    content: '';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image: url(../images/rotate.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center
}
.rotvideosingle.disable:after{
    background-image: url(../images/360view.png);
}
/* @media screen and (max-width: 1400px){
    .prot-new .scrns_bx {
        width: 23.8%;
        margin-right: 1.2%;
        margin-bottom: 1.2%;
    }
    .prot-new .middleSctn_scrn {
        padding: 15px;
    }
   
}
@media only screen and (max-width:1200px) {
    .prot-new .half-center .scrns_bx{
        width: 48.6% !important;
    }
} */
.reasonSelect{
	background: #e8c3c3;
}

.grid_set .scrns_bx.stu-div .scrns_bx.stu-div{
    width: 100%;
    margin: 0
}
.noplay:after{
    display:none
}
.button-div-grid{
    position: absolute;
    right:10px;
    top:10px;
    z-index: 5;
}
.button-div-grid .left-box-btn span{
    /*display: block !important;*/
    margin:0
}
.button-div-grid .left-box-btn{
    margin-left: 5px;
}
.grid_set .scrns_bx.stu-div .rotvideobtn{
    display:none
}


.c_t_switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 22px;
  margin-bottom: 5px
}

.c_t_switch input {display:none;}

.c_t_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2832a4;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;;
       width: 42px;
}

.c_t_slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .c_t_slider {
  background-color: #2832a4;
}

input:focus + .c_t_slider {
  box-shadow: 0 0 1px #2832a4;
}

input:checked + .c_t_slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/*------ ADDED CSS ---------*/
.c_t_slider:after
{
 content:'To Traditional Mode';
 color: #183247;
 display: block;
 position: absolute;
/* transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;*/
 top: 4px;
    left: 50px;
    font-size: 12px;
 font-family: Verdana, sans-serif;
 font-weight: bold;
 width:100%;
 min-width: 160px;
 text-align: left;
 font-family: Roboto;
 
}

input:checked + .c_t_slider:after
{  
  content:'To Classic Mode';
}
.flag-icon{
    position: absolute;
    right:6px;
    top:0;
    border:1px solid #f8b0b0;
    background-color: #fff6f6;
    min-width: 35px;
    height:25px;
    border-radius: 5px;
    bottom: 0;
    margin: auto;
    color:#f26a6a;
    font-weight: bold;
    cursor: pointer
}
.flag-icon:focus{
    outline: none
}
span.student-btn.nw-btn.suspend-btn{
    padding-top:7px;
}
.left-box-btn:focus .student-btn.nw-btn.reject-id:focus{
        border-color: #f8afaf;
    background: #fff6f6;
}
.min-img{
    display:none
}
.zoomed img{
    display: none
}
.zoomed .min-img{
    display:inline-block
}
.prot-new .student-info .flag-icon span{
    width: auto;
        float: none;
    display: inline-block;
    font-size: 14px;
}
.flag-icon svg{
    width: auto;
        float: none;
    display: inline-block;
        vertical-align: -2px;
        fill:#f26a6a;
            margin-right: 2px;
            width:14px;
            height:14px;
}
.flag-icon:hover svg{
        fill:#fff;
}
.flag-icon:hover{
        background-color: #f26a6a
}
.flag-icon:hover span{
        color: #fff
}
.prot-new .singlescrn_inrmidle .hdr_singlescrn{
    position: relative;
        padding-top: 34px;
}
.bck-video{
    position: absolute;
    text-decoration: none;
    color:#183247;
    left: 15px;
    top: 4px;
}
.bck-video img{
    width: 10px;
   
    vertical-align: 0px;
}

.bck-video span.img-back{
    border: 1px solid #d5dcdc;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(41%, rgba(250,250,251,1)), color-stop(80%, rgba(247,249,250,1)), color-stop(100%, rgba(250,251,252,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(250,250,251,1) 41%, rgba(247,249,250,1) 80%, rgba(250,251,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fafbfc', GradientType=0 );
    padding: 3px 6px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
}
.bck-video:hover span.img-back{
    background: #f5f7f9;
}
.full-div-view .scrn_sctn{
    top: 50px;
}
.canvs-prt{
    height:auto !important
}
.name_sctnprfile:after {content: "\e030";font-family: 'Flaticon';color: #fff;font-size: 20px;position: absolute;right: 0;top: 8px;}

.tabforscdule {background: #fff;float: left;width: 100%;height: 50px;margin-bottom: 10px;position: fixed;top: 50px;z-index: 99}

.lioptnstabs {float: left;width: 120px;text-align: center;height: 50px;line-height: 50px;cursor: pointer;color: #333333;transition: .5s ease;font-size: 14px;font-weight: 500;}

.lioptnstabs.activetaboptn {color: #0063C6;border-bottom: 2px solid #0063C6;}

.lioptnstabs:hover {color: #0063c6;}

.acrdviewbx {padding: 12px 25px;display: inline-block;width: 100%;background: #fff;border-radius: 4px;}

.leftactntimename {float: left;width: 40%;border-right: 1px solid rgb(92 92 92 / 50%);}

.timebxlft {border-radius: 4px;
    color: #333333;
    width: 62px;
    height: 48px;
    font-size: 12px;
    /* background: #ECEDF0; */
    background: #23CE6B;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-weight: 500;}

span.timeist {font-size: 8px;vertical-align: middle;margin-left: 3px;}

span.inrsctntopleft {float: left;width: 100%;margin-bottom: 5px;}

span.inrsctntopleft:last-child {margin-bottom: 0;}

.testnametxt {display: inline-block;vertical-align: middle;width: 75%;margin-left: 15px;font-size: 14px;color: #333333;font-weight: 500;line-height: 18px;}

.rytsctnoverview {float: left;width: 60%;padding: 0 0 0 15px;}

.overbxsctn {float: left;width: 13.33%;margin-top: 7px}

span.bxnametxt {float: left;width: 100%;text-align: center;color: #333333;font-weight: 400;font-size: 12px;}

span.bxstatnum {float: left;width: 100%;text-align: center;color: #333333;font-weight: 600;margin-top: 7px;font-size: 16px;}

.buttonsctnryt {float: right;width: 20%;line-height: 50px;text-align: right;}

button.btnstarttst {height: 32px;line-height: 32px;outline: none;cursor: pointer;background: #23CE6B;color: #fff;border: none;font-size: 12px;width: 85%;border-radius: 4px;padding: 0 4px;}

button.btnstarttst:hover{background-color: #10B455;transition: 0.2s;}

button.btnstarttst.stratproctorng {background: #ECEDF0;color: #A4A6AB;}

.acrdviewbx:hover {
    box-shadow: 0px 3px 6px #0000001a;
    background: #F8F9FC;
}

/* .acrdviewbx:hover .timebxlft{
    background: #23CE6B;
    color: #fff;
} */

.todayotrbx.upcomingbx span.inrsctntopleft {font-size: 10px;margin-bottom: 0;}

span.bxstatnum.newupdtednum {position: relative;}

span.bxstatnum.newupdtednum:after {content: '';background: #FEB407;height: 6px;width: 6px;border-radius: 50%;position: absolute;top: 0;margin-left: 5px;}

.todayotrbx.upcomingbx{margin-top: 10px;display: inline-block;width: 100%;}

.filter_date:first-child {
    margin-right: 0;
}
#datepicker::placeholder{
    color: #333;
}
.lftsctnhdr {float: left;width: 40%;line-height: 50px;}

.backbtnsctn {display: inline-block;cursor: pointer;vertical-align: middle;margin-right: 12px;}

span.testnametxthdr {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.tottalcandidate {color: #333333;display: inline-block;font-weight: 600;font-size: 16px;vertical-align: middle;}

span.inforicnsctn {display: inline-block;vertical-align: middle;position: relative;color: #979797;height: 50px;cursor: pointer;}
span.inforicnsctn img{margin-top: 12px;     }

.rytsctnhdr {float: right;width: 66%;text-align: right;}

/* .inrsctnhdr {float: left;} */

.bxesoptncnd {float: right;background: rgb(221 224 232 / 50%);height: 40px;border-radius: 4px;margin: 5px 10px 0 0;width: 90px;padding: 3px 10px;box-sizing: border-box;}

span.namebxesoptn {float: left;width: auto;color: #333333;font-size: 11px;text-align: left;}

span.statbxesoptn {display: block;width: auto;text-align: left;font-size: 14px;color: #333333;font-weight: bold;margin-top: 3px}
.btninrtop {float: right;background: #23CE6B;color: #fff;height: 40px;border-radius: 4px;line-height: 40px;width: 150px;cursor: pointer;text-align: center;vertical-align: middle;margin-top: 5px;}
.btnnewtop {width: auto;background: rgb(221 224 232 / 50%);color: #333333;cursor: pointer;}
.btninrtop img {vertical-align: middle;margin-right: 5px;}
.btnnewtop {width: auto;background: rgb(221 224 232 / 50%);color: #333333;cursor: pointer;}
.optnbxinr {float: left;width: 100%;}

.vdo_stream {float: left;
    width: 214.14px;
    /* overflow: hidden; */
    height: 200px;
    border: 1px solid #CFD7DF;
    border-radius: 5px;
    /* margin-right: 1%; */
    margin: 0 0.5%;
    position: relative;
    transition: transform 0.5s;
    margin-bottom: 1%;
}

/* .vdo_stream:nth-child(6n) {margin-right: 0;} */

.vdo_stream img {max-height: 100%;
    max-width: 100%;
    /* width: 25px; */
    /* height: 25px; */
    vertical-align: middle;
    /* margin-right: 5px; */
    /* float: left;} */
}
.hoverstatedivinr {
    /* background: red; */
    display: none;
    /* transition: 1s; */
    /* opacity: 0; */
    pointer-events: none;
}

.vdo_stream:hover {    
    transform: scale(1.3);
    transition: transform 0.5s;
    z-index: 99999;
    box-shadow: 0px 3px 6px #00000059;
    /* height: auto; */
    border: none;
}
.vdo_stream:hover .hoverstatedivinr{display: inline-block;
    float: left;
    width: 100%;
    box-shadow: 0px 3px 6px #00000059;
    background: #fff;}
/* .vdo_stream img{display: none;} */
.vdo_stream:hover .bottomcardviewoptn{display: none;}
.vdo_stream .hoverstatedivinr {display: none;}
span.taginrtop {background: #23CE6B;color: #fff;position: absolute;height: 28px;width: 62px;z-index: 9;top: 10px;text-transform: uppercase;text-align: center;border-radius: 25px;line-height: 28px;left: 10px;}

span.nametxtoptn {float: left;width: 100%;margin-bottom: 10px;color: #fff;text-align: center;font-family: 'Roboto';font-size: 14px;font-weight: 500;}
span.taginrtop.ufccontnum {background: #FF0000;}

.bottomcardviewoptn {position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}

span.nametxtoptn.newtxtoptn:before {color: #FECE07;content: '';height: 13px;width: 13px;background: #FECE07;position: absolute;border-radius: 50%;margin-left: -22px;}

span.nametxtoptn.newIncompleteChange:before {color: #FECE07;content: '';height: 10px;width: 10px;background: #ff7400;position: absolute;border-radius: 50%;margin-left: -22px;}
button.btninrverify {height: 34px;border-radius: 5px;width: 135px;display: inline-block;border: none;color: #242B43;font-size: 12px;font-weight: 500;margin-bottom: 10px;background: transparent linear-gradient(180deg, #FFFFFF 0%, #F7F9FA 100%) 0% 0% no-repeat padding-box;cursor: pointer;outline: none;}
span.nametxtoptn.onliestdntname:before {content: '';background: #23CE6B;height: 13px;width: 13px;border-radius: 50%;margin-left: -22px;position: absolute;}

/* Added by Ayush Bansal dated 29-06-2022 start */
span.nametxtoptn.offlistdntname:before {content: '';background: #FF0000;height: 13px;width: 13px;border-radius: 50%;margin-left: -22px;position: absolute;}
span.nametxtoptn.submitstdntname:before {content: '';background: #979797;height: 13px;width: 13px;border-radius: 50%;margin-left: -22px;position: absolute;}

/* Added by Ayush Bansal dated 29-06-2022 end */

.ufmrepoptsbx {float: left;width: 100%;padding: 12px;}

.inrsctnlft {float: left;width: 25%;padding: 0 9px 0 0;border-right: 1px solid #C9C9CA;position: relative;}

.hdngtxtwityhicn {float: left;width: 100%;font-size: 8px;font-weight: 500;color: #333333;}

.inrsctnryt {float: left;width: 75%;padding: 0 0 0 12px;box-sizing: border-box;}
.activityData{display:flex;}
.activityData>div{flex-grow:1}

.fpcnt {float: left;width: auto;margin-right: 9px;}

span.hdng_spnfnp {width: auto;
    font-size: 6px;
    color: #575656;
    display: flex;}

span.countnumfnp {    width: auto;
    color: #333333;
    font-size: 9px;
    font-weight: 500;
    margin-top: 3px;
    display: flex;}

.fpcnt:last-child {margin-right: 0;}

.hdngtxtwityhicn img {display: block;}

.vdo_stream:hover .hdngtxtwityhicn img {display: inline-block;width: 12px;cursor: pointer;vertical-align: middle;}

.vdo_stream:hover span.taginrtop.ufccontnum{display: none}
.wrapper_dash.wrapper_inrview{width: 85%;margin: 70px auto 0;}

.hoverdropdown {position: absolute;background: #fff;bottom: 21px;border: 1px solid #C9C9CA;width: 200px;height: auto;padding: 15px;border-radius: 8px;display: none}

.inroptndivhdng {float: left;width: 100%;font-size: 12px;color: #333333;font-weight: 600;margin-bottom: 15px;}

.listoffull {float: left;width: 100%;}

.bxlstdiv {float: left;width: 100%;margin-bottom: 8px;}

span.lstbxdv {float: left;width: 20%;font-size: 11px;color: #333333;font-weight: 600;}

span.lstbxfull {float: left;width: 70%;font-size: 11px;color: #333333;}

.bxlstdiv:last-child {margin-bottom: 0;}
img.lftinr {display: inline-block !important;position: absolute;bottom: -08px;width: 16px;height: auto;left: 21px;}

.hdngtxtwityhicn:hover .hoverdropdown {display: block;}



/* .vdo_stream.newcandidate_strm:hover img {display: inherit;} */




.verifstudent_bx {right: -100%;position: fixed;background: #fff;z-index: 9;top: 100px;padding: 18px;bottom: 0;transition: ease .8s;width: 693px;border-top: 1px solid #D5D5D5;border-left: 1px solid #D5D5D5;}

.gtopsctnleft {float: left;width: 100%;padding: 18px;box-sizing: border-box;}

.txtnameinr b {font-size: 14px;}

.txtnameinr {float: left;font-size: 12px;color: #26264C;margin-top: 6px;}

.ryttopsctn {float: right;}

.retakebutton {float: right; width: 50%;}

button.alowbtn {float: right;background: #172B4D;border-radius: 5px;;color: #fff;font-weight: 500;height: 32px;font-size: 12px;width: 80px;border: none;cursor: pointer;}

span.rejectbtn {float: right;width: 90px;font-size: 12px;color: #172B4D;border: 1px solid #172B4D;border-radius: 5px;height: 32px;font-weight: 500;line-height: 32px;padding: 0 15px;margin-right: 15px;}

span.rejectbtn:after {content: "\e030";font-family: 'Flaticon';font-size: 20px;vertical-align: middle;}

.namedetailsctn {
    float: left;
    /* width: 100%; */
    background: #F7F9FA;
    border-radius: 4px;
    padding: 8px 15px;
    /* margin-top: 15px; */
    width: 94%;
    margin: 0px 16px 8px 16px;
}

.namediv {float: left;width: auto;margin-right: 20px;}

span.namesctndv.bldnmaetxt {float: left;width: 100%;font-size: 14px;color: #172B4D;font-weight: 600;}

span.namesctndv {float: left;width: 100%;margin-bottom: 4px;font-size: 12px;color: #172B4D;}

.cdndatephoto_bx {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 18px;
    box-sizing: border-box;
    height: 60%;
}

span.hdngcndidte {float: left;width: 100%;font-size: 16px;margin-bottom: 10px;}

.boxesinrphotoprof {
    float: left;
    width: 100%;
    height: 100%;
}

.cndidtephotbx {float: left;border-radius: 5px;width: 49%;border: 1px solid #D0D2D5;}

.cndidtephotbx img {width: 100%;height: 170px;border-radius: 5px 5px 0 0;float: left;}

span.namehdngphotr {background: #F5F7F9;float: left;width: 100%;height: 30px;line-height: 30px;font-size: 12px;text-align: center;color: #333333;font-weight: 600;border-radius: 0 0 5px 5px}

.cndidtephotbx.rytcndidtephotbx{float: right}


.closeverfication {display: none;text-align: center;position: absolute;height: 26px;background: #fff;box-shadow: 0px 3px 6px #00000029;border-radius: 50%;top: 23px;left: -15px;width: 26px;cursor: pointer;overflow: visible;z-index: 99999;}

.closeverfication img {width: 10px;margin-top: 8px;}
.verifstudent_bx:hover .closeverfication{display: block;}

/* .infoHover:hover .sessionDetailOuter{display: block;} */
.sessionDetailOuter{
    background-color: #fff;
    position: absolute;
    top: 53px;
    left: -26px;
    z-index: 99999999;
    border: 1px solid #ccc;
    border-radius: 7px;
    width: 305px;
    height: 215px;
    overflow: auto;
    display: none;
}

.sessionDetailInner{
    padding: 15px;
    width: 100%;
    height: 100%;
}
.sessionHeading{
    float: left;
    width: 100%;
    line-height: 14px;
}
.sessionHeading span{
    color: #333333;
    font-weight: 600;
}
.sessionInfo{
    float: left;
    width: 100%;
}
.infoDiv{
    float: left;
    width: 100%;
    /* height: 25px; */
    line-height: 24px;
}
.infoLeft{
    float: left;
    width: 32%;
    height: 100%;
    color: #333;
}
.infoLeft span{
    font-size: 12px;
    text-align: left;
    /* letter-spacing: 0px; */
    color: #333333;
    font-weight: 600;
}
.infoRight{
    float: left;
    width: 65%;
    height: 100%;
}
.infoRight span{
    font-size: 12px;
}
.datesup{font-size: 12px;}
.sessionPopupSpan{
    position:absolute;
    top: -29px;
    left: 26px
}
.sessionPopupSpan img{
    transform: rotate(180deg);
}
.infoHover:hover .sessionDetailOuter{display: block;}
/* .sessionDetailInner::before {
    content: "";
    z-index: 999;
    position: absolute;
    top: -16px;
    left: 8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent black transparent;
    
  } */
  .announcementMainDiv {    
    z-index: 999999;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
  }
  .announcementOuter {
    width: 390px;
    margin: auto;
    /* height: 352px; */
    background: #fff;
    color: black;
    padding: 20px;
    border-radius: 12px;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
  }
/* .ancemntSubMsg{
    margin-top: 26px !important;
} */
.pop_up_heading_container{
    display: flex;
    line-height: 30px;
    font-family: sans-serif;
}

.pop_up_heading{
    width: 80%;
    text-align: left;
    color: #333333;
    font-size: 18px;
    /* font-family: sans-serif; */
}


.pop_up_cross{
    width: 20%;
    text-align: right;
}

.makeanncment{line-height: 25px;}
.pop_up_input{margin-top: 26px;}
.pop_up_textarea, .pop_up_input{
    height: 48px;
    width: 100%;
    border: 1px solid #43536E6E;
    padding: 0 10px;
    border-radius: 3px;
    outline: none;
}
.pop_up_textarea{
    height: 181px;
    /* height: auto; */
    margin-top: 10px;
    width: 100% !important;
    resize: none;
    padding-top: 10px;
}
.makeAnncmntBtn{
    width: 100%;
    height: 40px;
    background-color: #23CE6B;
    text-align: center;
    color: white;
    border-radius: 3px;
    margin-top: 20px;
}
.pop_up_cross img{
    width: 13px;
    height: 13px;
}
  .dis_flex{
    display: flex;
}

  /* .dis_none{
      display: none;
  }
   */
.ufmPopUp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #0000004f;
    display: none;
    bottom: 0;
    right: 0;
}
.ufmOuter {
    width: 800px;
    height: 550px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.ufmInner {
    width: 100%;
    height: 100%;
    /* padding: 26px; */
}
.ufmLeft {
    float: left;
    width: 70%;
    height: 100%;
    background: white;
    border-radius: 12px 0 0 12px;
}
.ufmss {
    width: 100%;
    padding: 25px;
    line-height: initial;
}
.backArrowDiv {
    display: inline-block;
    width: 5%;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
    margin-right: 10px;
}
.backArrowDiv img{vertical-align: middle;}
.ufmSSspan{
    color: #333333;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
}
.ufmVideoDiv {
    width: 100%;
    height: 376px;
    border-radius: 12px;
    position: relative;
    padding: 0 25px;
}
.ufmVideoDiv_iframe{
    width: 100%;
    border-radius: 12px;
    /* position: relative;; */
}
.ufmVideoDiv_iframe_time {
    position: absolute;
    display: inline-block;
    bottom: 31px;
    right: 35px;
    width: 127px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 33px;
    background: linear-gradient(90deg, rgb(101, 120, 130) 0%, rgb(108, 127, 140) 35%, rgb(208, 217, 221) 75%);
    
  }

.ufmVideoDiv_iframe_time span{
    color: white;
    font-size: 14px;
}
.ufmBottom{
    width: 100%;
    float: left;
    padding: 0 25px;
}
.ufmbtmLeft{
    width: 9%;
    float: left;
}
.ufmbtmLeft img{vertical-align: middle;}
.ufmbtmRight{
    width: 90%;
    float: left;
}
.ufmbtmRightSpn1 {
    float: left;
    color: #333333;
    font-size: 15px;
    font-weight: 600;
}
.ufmbtmRightSpn2 {
    float: right;
    color: #333333;
    font-size: 15px;
    font-weight: 600;
}
.ufmRight {
    float: left;
    width: 30%;
    height: 100%;
    background: #ECEDF0;
    border-radius: 0 12px 12px 0;
}
.ufmRightInner{
    padding: 18px 23px;
}
.ufmSelect{
    width: 100%;
    position: relative;
    line-height: initial;
}
.ufmSelect::before{
    content: "";
    position: absolute;
    top: 12px;
    right: 10px;
    border-width: 7px;
    border-style: solid;
    border-radius: 3px;
    border-color: #575656 transparent transparent transparent;
    pointer-events: none;
}
.ufmSelect select{
    width: 100%;
    background-color: #fff;
    color: #575656;
    height: 32px;
    border: 1px solid #CFD7DF;
    border-radius: 5px;
    padding-left: 10px;
    -moz-appearance: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}
.ufmSelect select, option {
    font: -moz-pull-down-menu;
  }


.videoOptions{
    margin-top: 13px;
    width: 100%;
    height: 130px;
    position: relative;
    border-radius: 10px;
    cursor: pointer;
}
.videoOptions::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000054;
    border-radius: 10px;
}
.videoOptions_iframe{
    width: 100%;
    border-radius: 10px;
    height: 100%;
}
.videoOptionsBtm{
    width: 100%;
    margin-top: 20px;
    position: absolute;
    /* top: 60px; */
    left: 0;
}
.videoOptionsLeft{
    width: 16%;
    float: left;
    padding-left: 5px;
}
.videoOptionsLeft img{vertical-align: middle;}
.videoOptionsRight{
    width: 82%;
    float: left;
}
.videoOptionsSpan1{
    float: left;
    color: white;
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px;
}
.videoOptionsSpan2{
    float: right;
    color: white;
    float: right;
    font-size: 12px;
    font-weight: 600;
    padding: 0 6px;
}

.scrollbar{
    float: left;
    /* height: 413px; */
    height: 465px;
    overflow-y: scroll;
    /* margin-bottom: 25px; */
}

.force-overflow{
    min-height: 450px;
}

#wrapper{
    text-align: center;
    width: 500px;
    margin: auto;
}

/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: white;
}

#style-2::-webkit-scrollbar{
    width: 9px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb{
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,30%); */
    background-color: rgb(211 211 211 / 60%);
}

.expandoptninr{
    /* display: none; */
    opacity: 0;
    pointer-events: none;
}

.vdo_stream:hover .expandoptninr{
    position: absolute;
    right: 10px;
    bottom: 52px;
    cursor: pointer;
    z-index: 999;
    opacity: 1;
    pointer-events: all;
    transition: 0.5s;
    transition-delay: 0s;
    transition-delay: 0.5s;
}
.vdo_stream:hover .expandoptninr img {display: block;width: 26px;}

.otroptnscrnufm {float: left;width: 100%;}

.verifstudent_bx.expandscreenufm {padding: 0;overflow: auto;}

.leftsctnexpand {float: left;width: 424px;}

.otrtopscrn {float: left;width: 100%;height: 270px;position: relative;overflow: hidden;}

.otrtopscrn img {width: 100%;height: 270px;}

.otrtopscrn:before {
    position: absolute;
    top: 0;
    content: "";
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgb(0 0 0 / 57%) 0%, rgb(0 0 0 / 0%) 26%, rgba(0,0,0,0.1632003143054097) 100%);
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.namesctn {position: absolute;top: 0;color: #fff;width: 200px;padding: 15px 0 0 15px;cursor: pointer}

span.nameoptncls {float: left;width: 100%;font-size: 14px;font-weight: 600;margin-bottom: 0;}

span.enrmntnoufm {float: left;width: 100%;font-size: 12px;}

span.volbtninr {position: absolute;bottom: 15px;cursor: pointer;right: 15px;}

span.volbtninr img {height: auto;width: auto;}

span.moreiconoptn {position: absolute;top: 15px;right: 25px;cursor: pointer;}

span.moreiconoptn img {width: auto;height: auto;}

.otroptnscrnufm .hdngtxtwityhicn {font-size: 11px;}

.otroptnscrnufm .hdngtxtwityhicn img {display: inline-block;vertical-align: middle;}

.ufmdetails_otr {background: #ECEDF0;float: left;width: 100%;padding: 15px;position: sticky;z-index: 999;margin-bottom: 10px;}

.otroptnscrnufm .hdngtxtwityhicn .hoverdropdown {bottom: 50px;}

.otroptnscrnufm .hdngtxtwityhicn .hoverdropdown img.lftinr {bottom: -11px;left: 34px;}

.otroptnscrnufm span.hdng_spnfnp {font-size: 10px;}

.otroptnscrnufm span.countnumfnp {font-size: 11px;font-weight: 600;margin-top: 6px;}

.otroptnscrnufm .fpcnt {margin-top: 3px;margin-right: 24px;}

.chtsctnproctr {float: left;width: 424px;position: absolute;top: 290px;bottom: 70px;overflow: hidden}

.chtbxoptninr {float: left;width: 100%;}

.chatcntnr {
    float: left;
    width: 100%;
    /* padding: 15px 0 0; */
    padding: 15px 16px 15px 8px;
}

.rplybxotr {position: absolute;bottom: 0; width: 424px; padding: 15px 15px;}

.lftprofleoptn {float: left;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 15px;margin-top: 8px;}

.rytsctnchat {float: left;width: calc(100% - 60px);}

.namesctnrtycht {float: left;width: 100%;}

span.nameinrtop {float: left;width: auto;margin-right: 15px;color: #333;font-weight: 500;font-size: 12px;}

span.timeinrtop {float: right;width: auto;font-size: 12px;color: #333;font-weight: normal;}

.txtmsginr {
    float: left;
    width: 100%;
    /* background: #0063c6;
    color: #fff;
    padding: 10px;
    border-radius: 6px; */
    margin-top: 10px;
    cursor: pointer;
}
.topinrtpe{
    background: #0063c6;
    color: #fff;
    padding: 8px;
    border-radius: 6px;
    font-size: 12px;
    display: inline-block;
    word-break: break-word;
}
.rytsctnchat.proctrplycht {float: right;}

/* .rytsctnchat.proctrplycht .txtmsginr {background: #ecefe0;color: #000;} */

.inpttypeinrsctn {float: left;width: 100%;}

input.otrsctninpt {height: 42px;background: #ECEDF0;border: none;width: 100%;border-radius: 4px;padding: 10px 40px 10px 15px;outline: none;}

.secndbtninr {position: absolute;right: 30px;line-height: 54px;cursor: pointer;}

.anncmntsucss {
    width: 280px;
    /* height: 50px; */
    background-color: #23CE6B;
    padding: 15px 10px;
    z-index: 9999999;
    position: fixed;
    top: 125px;
    right: -100%;
    overflow: hidden;
    border-radius: 4px;
    transition: 0.5s;
  }
  .anncmntsucss_display{
      /* width: 280px; */
      /* padding: 10px; */
      transition: 0.5s;
      right: 0;
  }
  .tickDiv {
    float: left;
    width: 16%;
    padding-left: 4px;
  }
  .tickDiv img{vertical-align: middle;}
  .anncmntsucss_line {
    float: left;
    width: 69%;
    padding: 0 8px;
    color: white;
    font-size: 14px;    
    border-right: 1px solid #ffffff70;
    /* font-weight: 600; */
  }
  .anncmntsucss_cross {
    float: left;
    width: 14%;
    padding: 6px 0 0 15px;
    cursor: pointer;
  }
  .anncmntsucss_cross img{vertical-align: middle;}
  .studentProfilePopUP {
    right: 0;
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999999;
    height: 100%;    
  }
  .studentProfileOuter {
    width: 400px;
    margin: auto;
    padding: 22px;
    background: white;
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 488px;
  }
  .studentProfileInner {
    width: 100%;
    height: 100%;
  }


  .studentProfile_head{
    display: flex;
    line-height: 30px;
    font-family: sans-serif;
}
.studentProfile_heading{
    width: 80%;
    text-align: left;
    color: #333333;
    font-size: 18px;
}
.studentProfile_pop_up_cross{
    width: 20%;
    text-align: right;
    cursor: pointer;
}
.studentProfile_pop_up_cross img{
    width: 13px;
    height: 13px;
}
.studentProfile_photoDiv{
    width: 100%;
    height: 138px;
    border-bottom: 2px solid #CFD7DF;
    margin-top: 22px;
}
.stuPrfl_photoLeft{
    float: left;
    width: 135px;
}
.stuPrfl_photoLeft img{
    width: 120px;
    height: 108px;
    border-radius: 8px;
    /* width: 100%; */
}
.stuPrfl_photoRight{
    float: right;
    width: 60%;
}
.stuPrfl_nameID{
    width: 100%;
}
.stuPrfl_nameIDSpan1{
    display: block;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}
.stuPrfl_nameIDSpan2{
    display: block;
    color: #333333;
    font-size: 12px;
    line-height: 22px;
}
.stuPrfl_info{
    width: 100%;
}
.stuPrfl_info_span1{
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}
.stuPrfl_info_span2{
    color: #333333;
    display: block;
    font-size: 12px;
    line-height: 22px;
}
.stuPrfl_detils{
    width: 100%;
    margin-top: 34px;
}
.stuPrfl_detils_div{
    width: 100%;
}
.stuPrfl_detils_div_left{
    float: left;
    width: 38%;
    line-height: 28px;
}
.stuPrfl_detils_div_left span{
    font-size: 12px;
    font-weight: 600;
    color: #333333;
}
.stuPrfl_detils_div_right{
    float: left;
    width: 50%;
    line-height: 28px;
}
.stuPrfl_detils_div_right span{
    font-size: 12px;
    color: #333333;
}

.rytsctnotrninr {float: left;width: 268px;}

span.hdngtoprytscngt {background: #0063c6;float: left;width: 100%;border-bottom: 1px solid #CFD7DF;padding: 15px 8px;color: #fff;font-size: 14px;font-weight: 600;}

.topinrsctnwithslctbx {float: left;width: 100%;padding: 15px;position: relative;}

select.inrsctntop {border: 1px solid #CFD7DF;background: #DDDFE1;width: 100%;border-radius: 5px;height: 36px;line-height: 36px;font-weight: 500;color: #575656;padding: 0 15px;cursor: pointer;outline: none;font-size: 13px;appearance: none;-webkit-appearance: none;}

.topinrsctnwithslctbx:after {content: "\e030";font-family: 'Flaticon';position: absolute;color: #575656;font-size: 23px;right: 15px;top: 20px;}

.otrsctnscrnsht {float: left;width: 100%;padding: 0 15px 15px 15px;}

.imgvdobx {height: 130px;float: left;border-radius: 4px;width: 100%; position: relative;margin-bottom: 15px;cursor: pointer;}

.imgvdobx img {width: auto;height: 100%;}

span.icnwithdate {position: absolute;bottom: 8px;left: 5px;}

/* span.icnwithdate img {width: auto;vertical-align: middle;margin-right: 5px;height: auto;} */
span.icnwithdate img {width: 21px;vertical-align: middle;margin-right: 2px;height: auto;}

span.otrdvname {display: inline-block;color: #fff;font-weight: 500;font-size: 14px;}

span.timeofchunk {position: absolute;right: 8px;bottom: 16px;color: #fff;font-size: 12px;}

.cndidtephotbx.threesixtyphotbx{
    width: 100%;
    height: 100%;
}
.cndidtephotbx.threesixtyphotbx img{
    height: 340px;
}
span.micforthree {position: absolute;bottom: 0;text-align: center;left: 0;width: 100%;margin: auto;}

span.micforthree img {width: auto;height: auto !important;float: none;cursor: pointer;}



/* /////////////////////// proctor pannel responsive start ///////////////////////////////////// */

#todayTestData{
    display: flex;
    flex-wrap: wrap;
}

/* #todayTestData .crdbx_inr{
    width: 32%;
    margin-right: 21px;
    float: none;
} */

/* #todayTestData .crdbx_inr:last-child, #todayTestData .crdbx_inr:nth-child(3), #todayTestData .crdbx_inr:nth-child(6), #todayTestData .crdbx_inr:nth-child(9), #todayTestData .crdbx_inr:nth-child(12){
    margin-right: 0;
} */

.wrapper_dash.wrapper_dash_res_width{
    max-width: 1100px;
    padding: 0 15px;
}

.rytsctn_optn_res_width{
    width: auto;
}

div#chunkPlayer_videotagvod{
    max-height: inherit !important;
}
/* .rytSctn_scrn.active_sctnrytmenu{
    z-index: 9;
} */

/* .prot-new .singlescrn_inrmidle{
    right: 27px;
} */

/* /////////////////////// proctor pannel responsive end ///////////////////////////////////// */


@media screen and (max-width: 1400px){
    .prot-new .scrns_bx {
        width: 23.8%;
        margin-right: 1.2%;
        margin-bottom: 1.2%;
    }
    .prot-new .middleSctn_scrn {
        padding: 15px;
    }
   
}

@media only screen and (max-width:1200px) {
    .prot-new .half-center .scrns_bx{
        width: 48.6% !important;
    }
    .grid_set .scrns_bx.stu-div .scrns_bx.stu-div {
        width: 100% !important;
        margin: 0;
    }
    
    
}

@media only screen and (max-width:1024px) {
    #todayTestData .crdbx_inr{
        width: 49%;
        margin-right: 19px;
    }
    #todayTestData .crdbx_inr:nth-child(even){
        margin-right: 0;
    }
    #todayTestData .crdbx_inr:nth-child(odd){
        margin-right: 19px;
    }
}


@media only screen and (max-width:900px) {
    #todayTestData .crdbx_inr{
        width: 49%;
    }
    #todayTestData .crdbx_inr:nth-child(odd){
        margin-right: 17px;
    }
    .prot-new .half-center .scrns_bx{
        min-width: 283px;
    }
}

@media only screen and (max-width:820px) {
    #todayTestData .crdbx_inr{
        width: 49%;
    }
    #todayTestData .crdbx_inr:nth-child(odd){
        margin-right: 15px;
    }
    .prot-new .half-center .scrns_bx{
        width: 100%;
    }
    .lft_sctndetail.inrbtm_sctn {
        width: 31%;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .btn_view_mar_top{
        margin-top: 35px;
    }
}

@media only screen and (max-width:768px) {
    #todayTestData .crdbx_inr{
        width: 49%;
    }
    #todayTestData .crdbx_inr:nth-child(odd){
        margin-right: 14px;
    }
    .chunkPlayer .control_btn{
        font-size: 10px;
    }
}

@media only screen and (max-width:640px) {
    #todayTestData .crdbx_inr{
        width: 100%;
        margin-right: 0px;
    }
    #todayTestData .crdbx_inr:nth-child(odd), #todayTestData .crdbx_inr:nth-child(even){
        margin-right: 0px;
    }
    .rytSctn_scrn.active_sctnrytmenu{
        width: 271px;
    }
}

@media only screen and (max-width:600px) {
    .chunkPlayer .control_btn{
        font-size: 9px;
    }
    .lft_sctndetail.inrbtm_sctn {
        width: 46%;
        margin-bottom: 8px;
        margin-top: 8px;
    }
}



.topsctn_prctrreview {float: left;width: 100%;padding: 20px;}

span.hdngtopprct {float: left;width: 100%;font-size: 14px;color: #333333;font-weight: 500;margin-bottom: 8px;}

.testdetail_prct {float: left;width: 100%;background: #ECEDF0;border-radius: 5px;padding: 10px;}

span.hdngtpsctn {float: left;width: 33%;font-size: 12px;border-right: 1px solid #ccc;text-align: center;}

span.hdngtpsctn:last-child {border-right: none;}

.scndsctrn_prctreviw {float: left;width: 100%;padding: 0 20px 20px;}

.lftsctn_img {width: 100px;height: 100px;border-radius: 8px;overflow: hidden;float: left;margin-right: 20px;}

.rytsctn_img {float: left;width: 67%;margin-top: 8px;}

span.namesctn_prct {float: left;width: 100%;font-size: 15px;color: #333333;font-weight: 500;}

span.emailsctn_prct {float: left;width: 100%;font-size: 12px;color: #333333;margin-top: 4px;}

.dvcls_enlr {float: left;width: 100%;margin-top: 15px;}

.lftsctn_imgenrl {float: left;width: 40%;border-right: 1px solid #C9C9CB;}

.lftsctn_imgenrl:last-child {border-right: none;}

span.hdngenrl {float: left;width: 100%;font-size: 12px;color: #333333;}

span.ansenrl {float: left;width: 100%;font-size: 14px;color: #333333;font-weight: 500;margin-top: 5px;}

.lftsctn_imgenrl.rytsctn_imgmob {padding-left: 20px;width: 60%;}

.inrscndsctn_prctview {
    float: left;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    padding: 20px 0 0 0;
}


.thrdsctn_prctprviw {float: left;width: 100%;padding: 20px;}

.hdng_thrdscgtn {float: left;width: 100%;color: #333;font-size: 14px;font-weight: 600;border-bottom: 1px solid #C9C9CB;padding: 0 0 10px 0;}

.cntfmsctn {float: left;width: 100%;}

.inrscntfmsctn {float: left;width: 100%;margin: 20px 0 0 0;}

.lftsctn_icnthrd {float: left;width: auto;margin-right: 15px;}

.inrsctn_topft {float: left;width: 85%;}

.tophdng_ufmcnt {float: left;width: 100%;font-size: 12px;color: #172B4D;margin-bottom: 5px;font-weight: 500;}

.inrsctstst {float: left;width: 100%;}

.linestatinr {display: inline-block;position: relative;width: 78%;vertical-align: middle;}

span.exctsctninrtop {float: left;height: 10px;background: #EBEFF3;width: 100%;border-radius: 55px;}

span.toplftprgrss {float: left;width: 0%;position: absolute;background: #1A78CC;height: 10px;left: 0;border-radius: 55px;}

.otrofnm {display: inline-block;width: 20%;vertical-align: middle;}

span.numstats {float: left;width: 100%;font-size: 12px;color: #333333;margin-left: 10px;}

span.toplftprgrss.sflstate {width: 0%;}

span.toplftprgrss.prstate {width: 0%;}

span.toplftprgrss.vdstate {width: 0%;}

.frthsctn_prctprvw {float: left;width: 100%;padding: 0 20px 20px;}

.topsctnhdngoptn {float: left;width: 100%;padding: 10px 0;border-bottom: 1px solid #d5d5d5;margin-bottom: 15px;}

span.hdngsctnleft {float: left;width: auto;font-size: 14px;color: #333333;font-weight: 500;margin-top: 6px}

.rytsctnotrtop {float: right;}

select.drpdwnoptn {border-radius: 5px;display: inline-block;background: #ECEDF0;border: none;color: #183247;font-size: 11px;font-weight: 500;height: 25px;line-height: 25px;width: 100px;padding: 0 10px;margin-right: 10px;outline: none;}

span.btndownldufm {cursor: pointer;background: #ECEDF0;font-size: 11px;height: 25px;line-height: 25px;border-radius: 5px;;display: inline-block;width: 100px;text-align: center;font-weight: 500;color: #183247;}

span.btndownldufm:before {content: "\e063";font-family: flaticon;}

.topsctnvdosceenshot {float: left;width: 100%;}

.otrscnshtimg {width: 177px;float: left;margin-right: 12px;}

/* .otrscnshtimg:nth-child(2n) {margin-right: 0;} */

/* #candidateUFMImages  */


/* /////////////////////////// yogesh css start ///////////////////////////////////// */

.head_font_weig{
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}

.opac_text{
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    opacity: 0.8;
}

.proctor_cmt_pad{
    float: left;
    padding: 20px 15px;
    width: 36%;
    /* border-left: 1px solid #D5D5D5; */
}

.proc_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 27px;
}

.radio_font{
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.proctor_cmnt_data{
    padding: 13px;
    border: 1px solid #333333;
    border-radius: 5px;
    margin-bottom: 10px;
}

.proc_text{
    font-size: 13px;
    color: #333333;
}

.proctor_cmnt_data_blue{
    background-color: #1A78CC;
}

.proc_text_white{
    color: white;
}


.proctor_cmnt_submit_outr{
    margin-top: 60px;
}

.proctor_cmnt_submit_btn{
    text-decoration: none;
    display: inline-block;
    background-color: #23CE6B;
    border-radius: 3px;
    width: 100%;
    padding: 10px;
    color: white;
    text-align: center;
}

/* ///////////// reject button pop up start ///////////////////// */

#reject_button{
    cursor: pointer;
}

.reject_pop_up{
    background:white;
    width:350px;
    position: absolute;
    top: 43px;
    right: 97px;
    box-shadow: 0px 3px 16px #D1D7E1;
    padding:7px 21px;
    border-radius:5px;
    display:none;
}

.reject_pop_up_show{
    display: block;
}


.reject_pop_up::before{
    content: "";
    position: absolute;
    bottom: 100%;
    left: 89%;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}


  .accordian_container textarea{
      resize: none;
      width: 100%;
      height: 111px;
      background-color: #F3F4F7D4;
      outline: none;
      border: none;
      border-radius: 5px;
      padding: 14px;
      font-size: 13px;
  }
  
  .acc_heading{
    position: relative;
    cursor: pointer;
    margin-top: 16px;
  }
  
  .acc_heading::before{
    content: url(../images/arrow_up.png);
    position: absolute;
    right: 16px;
    top: 6px;
    transform: translate(-50%,-50%);
    font-weight: 700;
    rotate: 90deg;
  }
  
  .acc_heading.active_sym::before{
    content: url(../images/arrow_up.png);
    position: absolute;
    right: -2px;
    top: 9px;
    transform: translate(-50%,-50%);
    font-weight: 700;
    rotate: 0deg;
  }
  
  .acc_para{
    height: 0vh;
    overflow: hidden;
    transition: .3s;
    width: 100%;
    margin-bottom: 16px;
  }
  
  .show_acc_data{
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
  
  }

  .reject_text_title{
      font-size: 14px;
      color: #172B4D;
  }

  .acc_submit_div{
      text-align: left;
      width: 100%;
      margin-top: 15px;
    }

    .acc_submit_btn{
        background-color: #0063C6;
        color: white;
        border-radius: 4px;
        font-size: 12px;
        text-decoration: none;
        width: 102px;
        padding: 6px;
        display: inline-block;
        text-align: center;
    }

/* ///////////// reject button pop up end///////////////////// */


/* ///////////////////////// proctor pannel correction start ///////////////////////////////// */

.optnbxinr {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.vdo_stream {
    float: none;
    /* width: 19%; */
}

.hoverstatedivinr {
    position: absolute;
    top: 100%;
    left: 0;
}

.rytsctnotrninr {
    width: 251px;
}

.verifstudent_bx{
    background: #ECEDF0;
}

.leftsctnexpand {
    background: white;
    border-right: 1px solid #D5D5D5;
}

.proctor_cmt_pad {
    background: white;
}

#candiatedetailufm, #boxverifypop{
    background: white;
}

.verifstudent_bx{
    z-index: 999999;
}

.verifstudent_bx.expandscreenufm{
    overflow: inherit;
}

.makeAnncmntBtn{
    line-height: 40px;
    cursor: pointer;
}

.makeAnncmntBtn img{
    vertical-align: middle;
}

.pop_up_cross img{
    cursor: pointer;
}


/* ///////////////////////// proctor pannel correction end ///////////////////////////////// */


/* /////////////////////////// yogesh css end ///////////////////////////////////// */


.home-page-popup-container_new{
    position: relative;
    /* top:50%; */
    top:33%;
    transform: translate(0%,-50%);
}

.home-page-popup-container_new:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000005c;
    z-index: 99;
}

#audioPlay{
    position: absolute;
    /* top: 74%; */
    top: 62%;
    left: 50%;
    z-index: 999;
    text-align: center;
    color: white;
}

.home-page-popup-container p.popupCancel{
    z-index:999;
}
.arrow_dwn{
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
}

.arrow_dwn:before{
    content: "\e030";
    font-family: 'Flaticon';
    position: absolute;
    color: #575656;
    font-size: 23px;
    right: -19px;
    top: -8px;
}

.end_time_container{
    display: none;
}

.end_time_container_block{
    display: block;
}


.tst_suspnd_time{
    display: none;
}




.proc_tooltip:hover .proc_tooltip_txt{
    display: block;
}

.proc_tooltip_txt{
    position: relative;
    display: none;
}
.proc_tooltip_txt:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 66%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}


/* ////////////////////// proctor correction start ///////////////////////////////// */

#selectDateDesc, #selectDateAsc {
    line-height: 24px;
    font-size: 13px;
}

.sort-list ul {
    box-shadow: 0px 3px 6px #0000001A;
}

.img-cover{
    border-radius: 5px;
    overflow: hidden;
}

/* .vdo_stream img {
    border-radius: 5px;
} */

.vdo_stream:hover > .img-cover{    
    border-radius: 0px;
}

.fpcnt{
    margin-right: 9px;
}

.ufmrepoptsbx{
    padding: 7px;
}

.inrsctnlft {
    padding: 0px 7px 0 0;
}

.inrsctnryt {
    padding: 0 0 0 8px;
}

#offlineCandDiv{
    display: flex !important;
    width: 100%;
    flex-wrap: wrap;
}

.vdo_stream{
    position: relative;
}

.vdo_stream::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* background: #00000029; */
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5329482134650736) 26%, rgba(0,0,0,0.1632003143054097) 100%);
}

.nametxtoptn.onliestdntname{
    background: transparent !important;
}

span.nametxtoptn.onliestdntname::before {
    height: 11px;
    width: 11px;
    margin-left: -16px;
    top: 4px;
}
#candiatedetailufm, .rytsctnotrninr{
    height: 100%;
}

.ufmBottom{
    display: flex;
    align-items: center;
    margin-top: 13px;
}

.videoOptionsBtm{
    display: flex;
    align-items: center;
    bottom: 5px;
}
.videoOptionsLeft img{
    width: 100%;
}

.videoOptions{
    overflow: hidden;
}

.arrow_dwn::before {
    right: -16px;
    top: -6px;
}

.nametxtoptn{
    background: transparent !important;
}

span.nametxtoptn.offlistdntname::before, span.nametxtoptn.submitstdntname::before  {
    top: 2px;
}

.proctor_review_container{
    height: calc(100% - 101px);
    float: left;
    width: 100%;
}

.rytsctnexpand.proctor_cmt_pad{
    height: 100%;
    position: relative;
}

.proctor_cmnt_submit_outr {
    margin-top: 0px;
    position: absolute;
    width: 88%;
    box-sizing: border-box;
    bottom: 20px;
}
/* .videoOptionsDiv {
    width: 100%;
     height: 475px; 
     overflow: scroll; 
} */

#popupVideoOptionsDiv{
     width: 93%;
}

#studentEnrollmentProfile{
    line-height: 16px;
}

.stuPrfl_info{
    margin-top: 11px;
}

#studentNameProfile2{
    line-height: 13px;
}

.stuPrfl_detils{
    margin-top: 18px;
}

/* .cndidtephotbx img{
    height: 139px;
} */
.reasonSelect{
    background: transparent;
}
.accordian_container textarea{
    border: 1px solid #E1E3EB;
}
span.moreiconoptn img{
    height: 16px;
}
.rplybxotr, .chtsctnproctr{
    border-right: 1px solid #D5D5D5;
}

.videoOptions{
    margin-top: 0;
    margin-bottom: 13px;
}
.ufmLeft{
    position: relative;
}

#playRecordedAudio{
    position: absolute;
    left: 25px;
    bottom: 101px;
    width: 91%;
}

.announcementMainDiv{
    z-index: 1000000;
}

.vdo_stream:hover .expandoptninr{
    /* bottom: 16px; */
    bottom: 40px;
}

#currentStudentFeedbackName {
    font-size: 15px;
    margin: 0;
    color: #333;
}

.ufmrepoptsbx .inrsctnlft{
    padding: 0;
    width: 21%;
}
.ufmrepoptsbx .inrsctnryt{
    width: 79%;
}

.ufmdetails_otr .inrsctnlft{
    width: 20%;
}
.ufmdetails_otr .inrsctnryt{
    width: 80%;
}

.proctor_cmnt_data{
    cursor: pointer;
}

.cndidtephotbx.threesixtyphotbx {
    position: relative;
}

span.micforthree{
    bottom: 16px;
}

#san-room-video{
    margin-top: 0;
}

#expandufmscreen{
    padding: 0;
}

.imgvdobx{
    background: #fff;
    text-align: center;
    border: 1px solid #eeeff3;
}

.imgvdobx.FNP_ufmtype{
    width: 93%;
}

/* .icnwithdate{
    top: 4px !important;
} */
/* 
span.timeofchunk{
    top: 7px;
} */



#remarkForTestEndDiv{
    background: white;
}

.proctor_cmt_pad{
    width: 38%;
}

.otrofnm{
    text-align: right;
}
span.numstats{
    margin-left: 0;
}
select.drpdwnoptn{
    margin-right: 8px;
}
.hoverdropdown{
    z-index: 999;
}
.lstbxfull{
    font-weight: 400;
}

.vdo_stream:hover{
    transform: scale(1.3,1.1);
    transition-delay: 0.5s;
    box-shadow: none;
}
.vdo_stream:hover .hoverstatedivinr{
    opacity: 1;
    pointer-events: all;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.vdo_stream:hover span.taginrtop.ufccontnum, .vdo_stream:hover .bottomcardviewoptn > .nametxtoptn.offlistdntname {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    transition-delay: 0.5;
  }


  .vdo_stream{
    height: 138px;
  }
  .img-cover{
    height: 100% !important;
    text-align: center;
  }

  .ufmrepoptsbx{
    padding: 13px 7px;
  }

  img.lftinr{
    left: 14px;
  }

  .vdo_stream.newcandidate_strm:hover {transform: none;display: inline-block;transition: none;box-shadow: none;
    /* height: 200px; */
}
  .vdo_stream.newcandidate_strm:hover{
    /* transform: scale(1.3); */
    transform: scale(1.3,1.1);
    transition: transform 0.5s;
}
.vdo_stream.newcandidate_strm:hover .bottomcardviewoptn {display: block;opacity: 1;pointer-events: all;}

.vdo_stream.newcandidate_strm1.acc_heading::before {transform: none;display: inline-block;transition: none;box-shadow: none;
    /* height: 200px; */
}
  .vdo_stream.newcandidate_strm1:hover{
    /* transform: scale(1.3); */
    transform: scale(1.3,1.1);
    transition: transform 0.5s;
}
.vdo_stream.newcandidate_strm1:hover .bottomcardviewoptn {display: block;opacity: 1;pointer-events: all;}

.timebxlft{
    background: #ECEDF0;
    color: #333;
}

span.inforicnsctn {
    cursor: default;
  }

.time_suspend .proc_tooltip{
    display: flex;
    align-items: center;
}

/* .rytsctnchat.proctrplycht .txtmsginr{
    background-color: #ECEDF0;
} */

#verifystudent .ufmdetails_otr .inrsctnlft{
    width: 17%;
}
#verifystudent .ufmdetails_otr .inrsctnryt{
    padding: 0 0 0 17px;
}

.nano > .nano-pane > .nano-slider{
    background: #D2D2D2;
}

/* verify box padding start*/

#boxverifypop{
    padding: 0;
}

/* .inrsctnverfystdnt_copy{
    padding: 18px;
} */
.cndidtephotbx img {
    max-width: 100%;
    border-radius: 0px 0px 0 0;
    float: none;;
    text-align: center;
    vertical-align: bottom;
  }
  .cndidtephotbx{
    text-align: center;
    background: #E4E6E7;
  }

  .ui-datepicker{
    padding: 10px !important;
  }

  .ui-datepicker td{
    border: none !important;
  }

  .ui-state-default{
    color: #000;
  }
  .ui-datepicker table{
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  #ufmImageOrVideoThumbnail .imgvdobx{
    width: 93%;
  }
/* verify box padding end */


.otrscnshtimg {
    width: 184px;
    float: left;
    margin-right: 7px;
}

.vdo_stream:hover .expandoptninr{
    top: 55px;
}

#messageText.sendMessageArea{
    width: 89%;
    border: none;
    background: transparent;
    resize: none;
    outline: none;
    padding: 10px 15px;
    box-sizing: border-box;
    max-height: 42px;
    vertical-align: bottom;

}
/* ////////////////////// proctor correction end ///////////////////////////////// */

.sortList_copy ul li{
    text-align: left;
    padding: 8px;
}
.ufmRightInner_copy{padding: 18px 6px;}

.filter_date_copy{padding: 0 !important;}
.dateInput{
    padding: 0 10px;
    height: 34px;
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    cursor: pointer !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    cursor: pointer !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 68px !important;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 6px !important;
  }

.ui-datepicker-title:before {
    left: 60px !important;
}

.ui-datepicker-title:after {
    right: 18px !important;
}

select.ui-datepicker-month option {
    text-align: center !important;
}

select.ui-datepicker-year option {
    text-align: center !important;
}
select.drpdwnoptn_copy_width{
    width:200px !important;
    height: 30px !important;
   }
.inpt_new_proc_pass{
    position: relative;
}

.hide_eye_img{
    display: none;
}

.cndidtephotbx_copy{
    position: relative;
    height: 202px;
}
.namehdngphotr_copy{
    position: absolute;
    bottom: 0;
    left: 0;
}
.cndidtephotbx_imgIcons{
    /* width: 120px !important;
    height: 120px !important;
    margin-top: 22px; */
    object-fit: contain;
}



/* ////////////////////////////// awaitin popup start ////////////// */
.announcementOuter{
    width: 856px !important;
    height: 100vh !important;
    overflow-y: auto;
    border-radius: 0;
    padding: 0;
}

.announcementMainDiv {
    background: #ECEDF0;
  }

.dis_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.awating_header{
    height: 69px;
    box-sizing: border-box;
    background-color: white;
    padding: 12px 40px;
}
.awating_header_heading{
    margin-bottom: 5px;
    color: #26264C;
    font-size: 18px;
}

.awating_header_para{
    color: #333333;
    font-size: 13px;
}

.fixed_div{
    height: calc(100vh - 119px);
    background-color: #F4F5F6;
    overflow: auto;
}

.fixed_div .inrsctnverfystdnt.inrsctnverfystdnt_copy{
    padding: 18px 40px;
}

.inrsctnverfystdnt_altback .namedetailsctn{
    background: white;
}

.inrsctnverfystdnt_altback:nth-child(2n){
    background-color: white;
}
.inrsctnverfystdnt_altback:nth-child(2n) .namedetailsctn{
    background-color: #F7F9FA;
}

.awaitin_cross{
    background: #1063C6;
    height: 50px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.announcementMainDiv{
    flex-direction: column;
}

#corssPopup1.pop_up_cross{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#corssPopup1.pop_up_cross img{
    width: 15px;
    height: 15px;
}

/* ////////////////////////////// awaitin popup end ////////////// */

.lftsctnhdr_copy{
    width: 20%;
}
/* //////////////////////////// TE6-3655 start ///////////////////////// */

.welcomemenu {
    top: 50px;
}

.cardSctn_remaining {
    margin: 0px 0 0;
}

#todaytabbx .filterSctn_dashboard, #upcomingtabbx .filterSctn_dashboard, #completedtabbx .filterSctn_dashboard{
    margin-bottom: 10px;
}

.tabforscdule{
    box-shadow: 0px 3px 5px #D9E0ECC4;
}

.vdo_stream::before {
    border-radius: 5px;
}

.rytsctnotrninr{
    width: 41%;
}
.leftsctnexpand, .chtsctnproctr, .rplybxotr{
    width: 59%;
}

.otrscnshtimg{
    width: 48%;
    margin-right: 6px;
}

 #studentBoxeList .vdo_stream .hoverstatedivinr .ufmrepoptsbx .inrsctnryt{
    display: flex;
    justify-content: space-between;
}
 #studentBoxeList .vdo_stream .hoverstatedivinr .inrsctnryt .fpcnt{
    margin-right: 0;
}

span.taginrtop{
    height: 25px;
    width: 39px;
    line-height: 25px;
    font-weight: bold;
}

.wrapper_dash, .wrapper_dash.wrapper_inrview{
    max-width: 1200px;
}

span.hdng_spnfnp {
    font-size: 7px;
}

.logo_sctn {
    padding: 0;
    height: 100%;
}

.logo_sctn img {
    max-width: 128px;
}

span.nametxtoptn.offlistdntname::before, span.nametxtoptn.submitstdntname::before, span.nametxtoptn.onliestdntname::before {
    top: 3px;
    height: 10px;
    width: 10px;
    margin-left: -18px;
}

#openverifypop{
    transition: 0.5s;
}

/* .vdo_stream:hover #openverifypop{
    transform: scale(0.9,1);
    transition: 0.5s;
} */

button.btninrverify{
    opacity: 0.9;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.cndidtephotbx_imgIcons {
    max-width: 100% !important;
    max-height: 170px !important;
}

#verifystudent .ufmdetails_otr .inrsctnlft {
  width: 19%;
}

.ufmdetails_otr .inrsctnryt {
  width: 80%;
  display: flex;
  justify-content: space-between;
}

.hoverstatedivinr .hdngtxtwityhicn{
    font-size: 10px;
}
.hoverstatedivinr .fpcnt .hdng_spnfnp{
    font-size: 8px;
}
.hoverstatedivinr .fpcnt span.countnumfnp{
    font-size: 10px;
}

.vdo_stream .img-cover{
    display: flex;
    align-items: center;
    justify-content: center;
}

#studentBoxeList .vdo_stream .hoverstatedivinr .inrsctnryt .fpcnt {
    margin-right: 0;
    min-width: 20px;
}

/* .hoverstatedivinr .fpcnt span.countnumfnp::before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background: red;
    border-radius: 50%;
    right: 1px;
} */

.closeverfication {
    background: transparent;
    box-shadow: none;
    top: 2px;
    left: -24px;
}
.closeverfication img {
    width: auto;
}

button.btninrverify{
    width: 186px;
}

#open360pop{
    transition: 0.3s;
}

/* .vdo_stream:hover #open360pop{
    transform: scale(0.9,1);
    font-size: 11px;
    transition: 0.3s;
} */

.inrscndsctn_prctview_new .rytsctn_img{
    width: calc(100% - 121px);
}

.cntfmsctn_copy .inrsctn_topft{
    width: calc(100% - 62px);
}
.proctor_review_container {
    height: calc(100% - 102px);
}

.vdo_stream:hover {
    transform: scale(1.3);
}
.vdo_stream.newcandidate_strm:hover {
    transform: scale(1.2);
}
img.lftinr{
    left: 29px;
}
.hoverdropdown{
    bottom: 31px;
}

button.alowbtn{
    /* background: #23CE6B;
    border: 1px solid #23CE6B; */
    background: #172B4D;
    border: 1px solid #172B4D;
}

#reject_button:hover {
    /* box-shadow: 0px 3px 3px 0 #54647c47; */
    background: #F7F9FA !important;
    border:none !important;
    transition: 0.2s;
}

button.alowbtn:hover {
    /* background: #10B455; */
    background: #172B4D;
}

.profile_sctn {
    max-width: 220px;
    display: flex;
    align-items: center;
    min-width: 156px;
}
.name_sctnprfile {
    width: calc(100% - 40px);
}
span.nmatxt_prt{
    margin-bottom: 0;
}

.define_rpoctr{
    display: none;
}

.profile_sctn::after {
    content: "\e030";
    font-family: 'Flaticon';
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 15px;
}

#logoutprofile:after{
    display: none;
}

span.nmatxt_prt{
    font-size: 14px;
}

.proctor_cmnt_data_blue {
    border: 1px solid #1A78CC;
}

.lftsctnhdr.lftsctnhdr_copy{
    display: flex;
    align-items: center;
}

.bxesoptncnd{
    width: auto;
}

.lftsctnhdr.lftsctnhdr_copy .backbtnsctn img{
    vertical-align: middle;
}

span.inforicnsctn img{
    margin-top: 14px;
}

.sessionPopupSpan{
    top: -30px;
}
.sessionDetailOuter{
    top: 49px;
}

.hdngtxtwityhicn:hover .hoverdropdown {
    transform: scale(0.9);
}
.inroptndivhdng{
    margin-bottom: 9px;
}

.hoverdropdown{
    bottom: 21px;
    padding: 12px;
}

.ufmOuter{
    width: 1000px;
    height: 600px;
}

#ufmImageVideoDiv img{
    border-radius: 8px
}

.ufmRightInner_copy {
    padding: 23px;
}

.videoOptions{
    border-radius: 4px;
}

#backtochuckslist{
    text-align: right;
    margin-bottom: 29px;
    width: 100%;
}
#backtochuckslist img{
    width: 14px;
}

#ufmImageOrVideoThumbnail .imgvdobx{
    width: 100%;
}

.rytsctnotrninr {
    border-left: 1px solid #D5D5D5;
}

#studentImageToday1{
    /* max-width: 62%; */
    max-width: 70%;
}

#studentIdPhotoToday1 {
    max-width: 70%;
}

/* .vdo_stream:nth-of-type(4n+1):hover, .vdo_stream.newcandidate_strm:hover {
    transform-origin: top;
} */

/* .vdo_stream::before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.19) 26%, rgba(0, 0, 0, 0) 100%);
} */

/* .hoverstatedivinr {
    top: 99%;
} */
.img-cover {
    background: #444545;
}

/* //////////////////////////// TE6-3655 end ///////////////////////// */


.vdo_stream_pddng{padding-left: 0 !important;}


span.nametxtoptn.newtxtoptn::before {
    height: 10px;
    width: 10px;
    margin-left: -18px;
    top: 3px;
}
  
.vdo_stream.newcandidate_strm:hover span.taginrtop {
    opacity: 0;
    transition: 0.5s;
}

.home-page-popup-container{

    top: 56px !important;
    max-width: 67% !important;
}
    
img#activityImageScr {
    width: 74% !important;
}

#awaitingCandidate1{
    width: auto;
    position: relative;
}

#awaitingCandidate1::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: red;
  border-radius: 50%;
  right: -9px;
  top: 0;
}

.cndidtephotbx.rytcndidtephotbx.cndidtephotbx_copy.cndidtephoto_img_div img{
    width: 60%;
}

.cndidtephotbx.rytcndidtephotbx.cndidtephotbx_copy.cndidteid_img_div img{
    width: 70%;
}

.inrsctnverfystdnt.inrsctnverfystdnt_copy.inrsctnverfystdnt_altback.inrsctnverfystdnt_full_wid{
    width: 100% !important;
}

.vdo_stream.newcandidate_strm1:hover {
    transform: scale(1.2);
}
  
#openprofileinfo{
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
  

.studentProfileOuter{
    height: auto !important;
    position: static !important;
}

.compatibilityOuter{
    position: absolute;
    top: 0;
    right: 42px;
    background-color: #fff;
    padding: 22px 27px;
    border-radius: 12px;
    width: 370px;
    z-index: 999;
    height: calc(100vh - 155px);
    padding: 22px 0;
}
.compatibilityInner{
    width: 100%;
}
.compatibility_headDiv{
    width: 100%;
    /* border-bottom: 1px solid #C9C9CB; */
    padding: 0 22px;
    box-sizing: border-box;
}
.comp_mainHdng{
    color: #333333;
    font-size: 17px;
    font-weight: 600;
    display: block;
    line-height: 24px;
}
.comp_hdng_descrp{
    color: #333333;
    font-size: 13px;
    line-height: 17px;
    margin: 8px 0 0px 0;
    display: block;    
    border-bottom: 1px solid #C9C9CB;
    padding-bottom: 15px; 
}
.candidate_detailOuterDiv{
    width: 100%;
    /* padding: 14px 0; */
    /* padding: 14px 19px 14px 0; */
    box-sizing: border-box;
}
.candidate_details{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.candidate_details:last-child{margin-bottom: 0;}
.candidate_logondname{
    display: flex;

}
.cndidte_img{
    width: 42px;
    height: 42px;
}
.cndidte_img img{width: 100%;}
.cndidte_name_enrollmntDiv {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
}
.cndidte_nme{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.cndidte_enrollNo{
    font-size: 12px;
    line-height: 17px;
    color: #333;
}
.allw_cndidate {
    color: #172B4D;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}
.allow_div{
    margin: 30px 22px 23px 22px;
    background-color: #23CE6B;
    border-radius: 5px;
    text-align: center;
}
.allowAllSpan{
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}
.allowCandidateDiv {
    margin-right: 6px;
}
/* #liveVideoPlayer video {
    height: 270px !important;
} */
.profile_sctn_pointrevent::after{pointer-events: none;}
.chtsctnproctr{width: 60.2%;}

.chatHeading_close {
    position: absolute;
    top: 13px;
    content: "";
    right: 11px;
    width: 14px;
    height: 14px;
    cursor: pointer;
  }
  span.micforthree{
    pointer-events: none;
  }
  .hdngtxtwityhicn_display img{
    display: inline-block;
    width: 16px;
    vertical-align: middle;
  }

  .sessionDetailOuter_copy {
    display: none;
    width: 147px !important;
    left: -76px !important;
    top: 45px !important;
    /* height: 174px; */
    height: 154px;
}
span.infoHover_copy img {
    margin-top: 8px !important;
}
.legend_hover {
    width: auto;
    float: right;
}
.sessionPopupSpan-copypopup {
    top: -30px !important;
}
.legends_heading {
    text-align: left;
    margin-bottom: 11px;
}
.infoLeft_copy_yellow {
    background: #fece07;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-top: 3px;
}
.infoLeft_copy_orange {
    background: #ff7400;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-top: 3px;
}
.infoRight_witdh {
    width: 65% !important;
    text-align: left;
    margin-left: 8px;
}
.infoLeft_copy_green {
    background: green;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-top: 3px;
}
.infoLeft_copy_red {
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-top: 3px;
}
.infoLeft_copy_blck {
    background: #979797;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-top: 3px;
}
.infoRight_witdhs {
    width: 70%;
}
.infoRight_witdhSubmitted {
    /* float: left; */
    width: 67%;
    /* height: 100%; */
}
/* ////////////////////  new ui for student test screen and ufm  start //////// */

.verifstudent_innr{
    width: 100%;
    height: 100%;
    padding-bottom: 5px;
}
.verifstudent_lft{
    /* width: 60%; */
    width: calc(100% - 270px);
    height: calc(100% - 60px);
    float: left;
}
.verifstudent_lftInnr{
    width:100%;
    height: 100%;
}
.candidate_testscreenOuter{
    width: 100%;
    /* height: 270px; */
    height: 50%;
    position: relative;
}
.candidate_testscreenDiv{
    width: 100%;
    /* height: 270px; */
    height: 100%;
}
.candidate_testscreenDiv #liveVideoPlayer{
    width: 100%;
    /* height: 270px; */
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.candidate_testscreenDiv #chunkPlayer_videotagvod{
    /* height: 270px; */
    height: auto;
    width:100%;
}
.candidate_testscreenDiv #videotagvod{width:100%;}
.outer_video_height{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000 !important;
}
.candidate_nme_infoDiv{
    position: absolute;
    top: 18px;
    left: 18px;
}

.blureffect{
    float: left;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  height: 106.7px;
}
.candidate_nme_lft_nme{
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-right: 7px;
    cursor: pointer;
}
.candidate_infoIcon{cursor: pointer;}
.candidate_nme_lft_id{
    display: block;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}
.candidate_dotDiv{
    position: absolute;
    top: 10px;
    right: 10px;
}
.ufm_chat_candiTstScreenDiv{
    width: 100%;
    /* height: calc(100% - 270px); */
    height: 50%;
    position: relative;
}
.ufmContainer{
    width: 100%;
    height: 60px;
    background-color: #ECEDF0;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ufm_activityDiv{
    width: 25%
}
.ufm_activityInnrDiv{
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ufm_infoicon{
    width: 14px;
    height: 14px;
}
.ufm_infoicon img{
    width: 14px;
    height: 14px;
}
.ufm_countDiv{
    width: 75%;
    border-left: 1px solid #ccc;
}
.ufm_countDivInnr{
    width: 100%;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.ufm_countEachDiv{
    width: auto;
    margin-right: 10px;
}
.ufm_countEach_name{
    font-size: 12px;
    display: block;
}
.ufm_countEach_numb{
    font-size: 12px;
    font-weight: bold;
}
.secondry_camra_screenDIv{
    width: 100%;
    height: calc(100% - 60px);
    /* height: calc(100vh - 435px); */
    /* height: calc(100vh - 463px); */
    display: flex;
    position: relative;
}
/* .secondry_camra_screenDIv img{
    width: 100%;
    object-fit: cover;
    object-position: center;
} */
.secondry_camra_screenInnr{
    width: 100%;
    height: 100%;
}
.secondry_camra_screenInnr #carousel{
    width: 60% !important;
    height: calc(100vh - 435px) !important;
}
.verifstudent_ryt{
    /* width: 40%; */
    width:270px;
    height: calc(100% - 60px);
    float: left;
}
.floatclear{clear: both;}
.verifstudent_rytInnr{width:100%;}
.ufmsceenshots_hdgnDiv{
    width:100%;
    /* background-color: #0063c6; */
    border-bottom: 1px solid #CFD7DF;
}
.ufmsceenshots_hdgnTxt{
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 15px;
    box-sizing: border-box;
    display: inline-block;
    /* width:100%; */
}
.ufm_slct_boxDiv{
    width: 100%;
    padding:15px;
    box-sizing: border-box;
    position: relative;
}
.ufm_slct{
    width: 100%;
    height: 32px;
    background: #DDDFE1;
    border: 1px solid #CFD7DF ;
    border-radius: 4px;
    padding: 0 15px;
    box-sizing: border-box;
    cursor: pointer;
}
.ufm_slct_boxDiv:after{
    content: "\e030";
    font-family: 'Flaticon';
    position: absolute;
    color: #575656;
    font-size: 23px;
    right: 16px;
    top: 17px;
    pointer-events: none;
}
.ufm_videosmainDiv{
    width: 100%;
    height: calc(100vh - 250px);
}
.ufm_videosOuter{
    width:100%;
    padding:0 15px;
    box-sizing: border-box;
}
.ufm_videosInnr{
    width:100%;
    /* height:calc(100vh - 232px);
    overflow: auto; */
}
.ufm_videos_thumbnailBox{
    width:100%;
    height: 130px;
    border-radius: 4px;
    margin:10px 0;
    position: relative;
}
.ufm_videos{
    width:100%;
    height:130px;
    border-radius: 4px;
}
.ufm_videos img{
    width:100%;
    height:130px;
    border-radius: 4px;
}
.ufm_vdeoTyp{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
}
.ufm_vdeoTyp img{
    width: 10px;
    height: 10px;
    margin-right: 3px;
}
.ufm_vdeoTypNme{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.ufm_vdeo_tymDateDiv{
    position: absolute;
    content: "";
    top: 4px;
    right: 4px;
}
.ufm_vdeo_tymDte{
    font-size: 12px;
    color:#fff;
    margin: 0 2px;
}
.fpcnt_new{
    margin-right: 12px;
}
.hdng_spnfnp_new{font-size: 10px !important;}
.countnumfnp_new{font-size: 10px;}
.ufmContainer .infoufmicn{vertical-align: middle;}
.hdngtxtwityhicn_Txt{font-size: 10px;}
.chat_outerDiv {
    width: 100%;
    /* height: calc(100vh - 435px); */
    height: calc(100% - 60px);
    position: relative;
    /* display: none; */
}
.chtsctnproctr.chtsctnproctr_new{
    top: 0;
    bottom: 60px !important;
    width:100%;
}
.chatMsgDiv.chatMsgDiv_new{width: 100%;}
.chatTabChange {
    position: absolute;
    top: 68px;
    left: -15px;
    width: 40px;
    height: 40px;
    z-index: 999999999;
    background: #0063c6;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.chatTabChange_innr{
    width: 25px;
    height: 25px;
    margin: 8px;
}
.chatTabChange_innr img{
    width: 25px;
    height: 25px;
}
.showChatDiv{display: block;}
.carousel-slides.carousel_slides_ul{height: 100%;}
.carousel-slides.carousel_slides_ul li{height: 100% !important;}
/* ////////////////////  new ui for student test screen and ufm  end //////// */
.novideoimge {
    float: left;
    width: 20%;
    margin-right: 7px;
    margin-left: 9px;
}
span .seecondarycemra {
    width: 75%;
    display: inline-block;
    float: left;
    text-align: left;
}


/* #secondaryCameraDisconnectdImage{
width: 100%;
height: 242px;
background: #161617 0% 0% no-repeat padding-box;
opacity: 1;
backdrop-filter: blur(17px);
-webkit-backdrop-filter: blur(17px);
z-index: 9999;
position: absolute;
display:none;
} */

.placeStopSecondaryCamera{
    /* Layout Properties */

width: 78px;
height: 78px;
/* UI Properties */
/* background: transparent url('img/Group 36445.png') 0% 0% no-repeat padding-box; */
opacity: 1;
position: absolute;
top: 20%;
left: 40%;
}

.secondaryCameraDisconnectdText{
    width: 148px;
height: 47px;
text-align: center;
font: normal normal bold 17px/24px Roboto;
letter-spacing: 0px;
color: #FF0000;
opacity: 0.98;
position: absolute;
bottom: 60px;
left: 32%;
}
.secondaryCameraDisconnectdOutr{
    width: 100%;
    /* height: calc(100vh - 435px) !important; */
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.secondaryCameraDisconnectinnr{
    position: unset !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
        /* Layout Properties */
    width: 100%;
    height: 242px;
    /* UI Properties */
    background: #161617 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    z-index: 9999;
    position: absolute;
    /* display:none; */
}
.placeStopSecondaryCameraDiv{
    width: 100%;
    height: 78px;
}
.placeStopSecondaryCameraDiv img{position: unset !important;}
.secondaryCameraDisconnectdTextDiv{
    width: 100%;
    height: 40px;
}
.secondaryCameraDisconnectdTextDiv span{position: unset !important;}
.revew_prctreviw{
    float: left;
    width: 100%;
    padding: 20px 16px;
    box-sizing: border-box;
}
.revew_prctreviwInnr{
    width: 94%;
    float: left;
    /* border-bottom : 1px solid #ccc; */
}
.revwNotSubmtdDiv{
    width: 100%;
}
.revwNotSubmtdDiv span{
    font-size: 14px;
    margin: 0;
    color: #333;
    font-weight: bold;
}
.revew_slectDiv{
    width: 100%;
    margin-top: 10px;
    margin: 10px 0 15px 0;
    color: #000000a3;
    font-weight: bold;
    position: relative;
}
.revew_slectDiv::after{
    position: absolute;
    content: "";
    border-width: 9px;
    border-style: solid;
    border-color: #00000075 transparent transparent transparent;
    right: 10px;
    top: 12px;
    border-radius: 4px;
}
.revew_slectBox{
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 8px;
    appearance: none;
    background: rgba(221, 224, 232, 0.5);
    cursor: pointer;
}
.inrscndsctn_prctview.inrscndsctn_prctview_bodrNone{border: none;}
.notification_icon{
    float: right; 
    margin-right: 6px;
    /* margin-top: 5px; */
    width: 42px;
    text-align: center;
     position: relative;
     /* cursor: pointer; */
}
.notification_clickfunction {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 46px #00000029;
    border-radius: 8px;
    /* width: 370px; */
    width: 415px;
    display: none;
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 50px;
    max-height: 334px;
    height: auto;
    min-height: 150px;
    overflow: auto;
}
span.notifc_span {
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    margin-left: 0px;
}
  span.compatibility {
    display: inline-block;
    text-align: left;
    width: 71%;
    font-size: 14px;
    padding-top: 13px;
    padding-left: 5px;
}
span.allow_all_btn {
    background: #EDEEF2;
    width: 77px;
    height: 28px;
    display: inline-block;
    padding-top: -10px;
    padding-top: 8px;
    margin-top: 10px;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 11px;
}
span.stu_name {
    display: inline-block;
    text-align: left;
    width: 81%;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 4px;
}
p.issue_mic {
    width: 88%;
    /* display: inline-block; */
    text-align: left;
    padding-left: 16px;
}
span.allow_all {
    display: inline-block;
    font-size: 12px;
    border-radius: 2px;
    color: #22C968;
    width: 11%;
    text-align: right;
    float: right;
    margin-right: 19px;
    margin-top: 1px;
    padding: 4px 4px 4px 4px;
    cursor: pointer;
}
.somya_candt_mane {
    margin-top: 13px;
    padding: 10px 0 10px;
    cursor: pointer;
}
.somya_candt_mane:hover{
    background-color: #EDEEF2;
}
.ritvik_candt_mane{
    padding: 10px 0 10px;
    cursor: pointer;
}
.allow_all:hover {
    background-color: #fff;
}
.ritvik_candt_mane:hover{
    background-color: #EDEEF2;
}
.message_list_create {
     /* margin-top: 20px; */
     border-bottom: 1px solid #ccc;
}
span.copypopup_notification {
    position: absolute;
    top: -13px;
    left: 88%;
    z-index: 9999;
    margin-left: 12px;
}
.upperarrow_icon {
    position: relative;
}
.copypopup_notification img {
    transform: rotate(180deg);
}
span.stu_names{
    width: 98%;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    padding-left: 12px;
    padding-bottom: 3px;
}
.notification_cntnt_typ{
    display: inline-block;
    margin-top: 6px;
    margin-right: 0%;
    float: left;
}
.rytsctnhdr_copy{
    /* width: 64% !important; */
    width: 80%;
    padding-left: 10px;
}
.somya_candt_mane_new{
    overflow: scroll;
    overflow-x: hidden;
    height: 405px;
}
.inrsctnhdr_copy{
    float: left;
    /* width: 76%; */
}
span.infoHover_copy_new{
    text-align: center;
    z-index: 999;
}
img.infoicon_img{
    margin-top: 8px !important;
}
span.notification_icon_img{
    width: 40px;
    text-align: center;
    z-index: 999;
    background: #DDE0E8;
    height: 39px;
    border-radius: 4px;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
img.notification_proctore_img{
    /* margin-top: 10px !important; */
}
.sessionPopupSpan_copypopup_copy{
    margin-left: 52px;
    top: -20px !important;
}
span.msg_noti_cnt{
    /* added by utkarsh khandelwal on yusuf's system for msg notification count*/
    /* background: #23CE6B; */
    background: #FF0000;
    color: #fff;
    position: absolute;
    height: 22px !important;
    width: 22px !important;
    z-index: 9;
    top: -2px !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 25px;
    line-height: 25px !important;
    /* left: -2px !important; */
    right: -5px !important;
}
/* .message_list_end {
    overflow: scroll;
    overflow-x: hidden;
    height: auto;
} */
div#candmsgnoti {
    /* overflow: auto;
    height: auto; */
    /* max-height: 376px; */
    max-height: 324px;
    min-height: 96px;
}
.tabforscdule_zindx{z-index: 9999999 !important;}
.header_zindx{z-index: 999999999;}
.btninrverify.btninrverify_CS{
    width: auto !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    background-image: none;
    padding: 0 10px;
    box-sizing: border-box;
    height:24px;
}
.cs_div{
    display: inline-block;
    font-size: 13px;
    margin-right: 8px;
    height: 18px;
}
.cs_div span, .ufm_div span{line-height: 18px;}
.cs_num{
    color: #46B14B;
    font-size: 13px;
}
.ufm_div{
    display: inline-block;
    font-size: 13px;
    border-left: 1px solid #ccc;
    padding-left: 8px;
    box-sizing: border-box;
    height:18px;
}
button.btninrverify{
    width: auto;
    padding:0 16px;
    height: 28px;
}
.bottomcardviewoptn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.btninrverify_copy{height: auto;}
.novideoimge_width{
    width: 20px;
    height: 20px;
    margin-right: 6px !important;
    line-height: 28px;
}
.novideoimge_width img{
    width: 20px;
    height: 20px;
}
.seecondarycemra_txt{
    line-height: 28px;
    font-size: 12px;
}
/* ///////////////// photo verification chat css start ///////////////////////  */
.liveProctor_chatDiv{
    width: 300px;
    height: 430px;
    box-shadow: 0px 3px 16px #00000029;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    position: absolute;
    bottom: 0;
    left: -300px;
}
.liveProctor_chatDiv.verifctnchatHdng{
    height: auto;
    left: 0;
}
.liveProctor_chatDiv .proctor_chatInnr{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.liveProctor_chatDiv .prctrchatHdng{
    width: 100%;
    height: 37px;
    background-color: #1A78CC;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 4px 4px 0px 0px;
}
.liveProctor_chatDiv .prctrchatHdngLft{
    float: left;
    /* width: 75%; */
    width: 55%;
    height: 100%;
}
.liveProctor_chatDiv .prctrchatHdngLftInnr, .liveProctor_chatDiv .prctrchatHdngRYtInnr{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.liveProctor_chatDiv .prctrchatHdngRYt{
    float: right;
    /* width: 20%; */
    width: 10%;
    height: 100%;
}
.liveProctor_chatDiv .prctrChat_hdngDiv {
    float: left;
    height: 100%;
    /* width: 80%; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.liveProctor_chatDiv .prctrChat_hdng {
    color: #fff;
    font-size: 14px;
    padding-right: 8px;
    box-sizing: border-box;
    font-weight: bold;
}
.liveProctor_chatDiv .proctor_vdeoDiv {
    display: inline-block;
    width: 100%;
    height: 150px;
}
.liveProctor_chatDiv .proctor_vdeoInnr {
    width: 100%;
    height: 150px;
}
.liveProctor_chatDiv .prctr_cndidtechatDiv {
    display: inline-block;
    width: 100%;
    /* height: 240px; */
    height: calc(100% - 40px);
    /* padding: 12px;
    box-sizing: border-box; */
}
.liveProctor_chatDiv .prctr_cndidtechatInnr {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.liveProctor_chatDiv .prctrchatMsgDiv {
    display: inline-block;
    width: 100%;
    height: calc(100% - 45px);
}
.liveProctor_chatDiv .prctrchatMsgInnr{
    display: inline-block;
    width: 100%;
    height: 100%;
    /* overflow: auto; */
}
.liveProctor_chatDiv .prctr_chatDiv {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 4px 0;
    /* height: calc(100% - 148px); */
    height: calc(100% - 50px);
    overflow: auto;
}
.liveProctor_chatDiv .prctrChat_nameTime {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    box-sizing: border-box;
    /* margin-bottom: 8px; */
}
.liveProctor_chatDiv .chat_name {
    color: #183247;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}
.liveProctor_chatDiv .chat_time {
    color: #183247;
    font-size: 9px;
    margin-left: 8px;
}
.liveProctor_chatDiv .candateChat_nameTime .chat_name{float: left;}
.liveProctor_chatDiv .candateChat_nameTime .timeinrtop{float: left;}
/* .chatcntnr .prctr_msgDiv .prctrChat_nameTime .prctr_msgTxt{margin-bottom: 8px;} */
.liveProctor_chatDiv .prctr_msgDiv {
    display: inline-block;
    width: 100%;
}
.liveProctor_chatDiv .prctr_imgDiv {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 12px;
}
.liveProctor_chatDiv .prctr_imgDiv img{
    width: 32px;
    height: 32px;
}
.liveProctor_chatDiv .prctr_msgTxt {
    float: left;
    width: 100%;
    text-align: right;
    /* background: #1A78CC;
    border-radius: 4px;
    padding: 6px 10px;
    box-sizing: border-box; */
}
.liveProctor_chatDiv .prctrmsgTxtspn{
    color: #172B4D;
    font-size: 12px;
    background: #E8E8E8;
    border-radius: 4px;
    padding: 6px 10px;
    box-sizing: border-box;
    width: auto;
    display: inline-block;
    text-align: left;
    word-break: break-word;
}
.liveProctor_chatDiv .candateChat_outer {
    float: right;
    max-width: 85%;
    width: auto;
}
.liveProctor_chatDiv .candateChat_nameTime {
    width: 100%;
    display: inline-block;
    margin-bottom: 8px;
}
.liveProctor_chatDiv .candate_msgDiv {
    width: 100%;
    display: inline-block;
}
.liveProctor_chatDiv .rytsctnchat .cand_msgTxtspn{
    background: #1A78CC;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    word-break: break-word;
}
.liveProctor_chatDiv .candate_msgTxt{
    color: #172B4D;
    font-size: 12px;
}


.liveProctor_chatDiv .prctrchatSendDiv {
    display: inline-block;
    width: 95%;
    height: 36px;
    /* border: 1px solid #878787; */
    border-radius: 2px;
    position: relative;
    margin: 0 8px;
    box-sizing: border-box;
}
.liveProctor_chatDiv .prctrchatInput{
    width: 100%;
    height: 100%;
    padding: 0 40px 0 8px;
    box-sizing: border-box;
    border: none;
    box-shadow: 0 0 5px 0 #C8D3DE;
}
.liveProctor_chatDiv .prctrchatInput::placeholder{
    color: #878787;
    font-size: 14px;
}
.liveProctor_chatDiv .prctrchatSend{
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}
.rgtspn {
    float: right;
    position: relative;
    width: 24px;
    height: 24px;
}
.rgtspn::before {
    position: absolute;
    content: "\e03c";
    vertical-align: sub;
    font-family: flaticon;
    font-size: 16px;
    color: #fff;
    right: -8px;
    top: 10px;
    cursor: pointer;
}
#maximise_chat.rgtspn::before{transform: rotate(180deg)};
.minimise_icon {
    float: right;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
.minimise_icon::before {
    position: absolute;
    content: "\e0cb";
    font-family: flaticon;
    color: #fff;
    top: 11px;
    font-size: 15px;
    cursor: pointer;
}
.verify_retakebtn {
    float: right;
    background-color: #DDDFE1;
    border-radius: 5px;
    border: 1px solid #DDDFE1;
    width: 80px;
    height: 32px;
    margin-right: 15px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
/* ///////////////// photo verification chat css end ///////////////////////  */
.vdeo_hdng {
    color: #F00;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    margin: 2% 0.5% 1% 0.5%;
    font-weight:500;
}
.allow_ufmBtn {
    background: #172B4D;
    border: 1px solid #172B4D;
    border-radius: 3px;
    float: right;
    color: #fff;
    margin: 10px 15px;
    width: 78px;
    /* height: 24px; */
    cursor: pointer;
    font-size: 12px;
    margin:0;
    padding:10px 15px;
}
.vdo_stream_hoverRemove .vdo_stream:hover{transform: none;}
.verifyroom_saniOuter{
    float:left;
    width:100%;
    /* height: 70vh; */
    position: absolute;
    top: 65px;
    bottom: 20px;
    border-top: 1px solid #ccc;
}
.verifyroom_saniLeft{
    float:left;
    /* width:calc(100% - 300px); */
    width: 60%;
    border-right:1px solid #ccc;
    height: 100%;
}
.verifyroom_saniLeft .cdndatephoto_bx{padding:0;}
.verifyroom_saniRyt{
    float:right;
    /* width:300px; */
    width:40%;
    /* margin-top: 20px; */
    height: 100%;
}
.verifyroom_saniRyt .imgvdobx .icnwithdate, .verifyroom_saniRyt .imgvdobx .timeofchunk{top:auto !important;}
.verifyroom_saniRyt .ufm_slct_boxDiv .ufm_slct, .verifstudent_ryt .ufm_slct_boxDiv .ufm_slct{
    -webkit-appearance: none;
    -moz-appearance: none;
}
.verifyroom_saniUFMs{
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    overflow: auto;
    /* height: 612px; */
    height: calc(100% - 120px);
}
.alowbtn.alowbtn_color{
    background: #172B4D;
    border: 1px solid #172B4D;
    border-radius: 3px;
    float: right;
    color: #fff;
    width: 80px;
    height: 32px;
    cursor: pointer;
    font-size: 14px;
    margin:0;
}
.alowbtn.alowbtn_color:hover{background: #172B4DF2;border:none;}
/* #reject_button1.rejectbtn{position: relative;}
#reject_button1.rejectbtn:after{
    content: "\e030";
    font-family: 'Flaticon';
    position: absolute;
    color: #575656;
    font-size: 23px;
    right: 0;
    top: 0;
    pointer-events: none;
} */
.verifstudent_allowOutr{
    position: relative;
    float: right;
}
.informativecntnt {
    background: #292D33;
    border-radius: 5px;
    bottom: -75px;
    color: #fff;
    font-family: Roboto;
    font-weight: 400;
    right: 12px;
    padding: 10px 15px;
    box-sizing: border-box;
    position: absolute;
    text-transform: none;
    min-width: 218px;
    line-height: 17px;
    z-index: 999;
    text-align: center;
}
.pontr {
    position: relative;
    font-size: 12px;
}
.pontr::before {
    top: -29px;
    color: #292D33;
    content: "\e030";
    font-family: flaticon;
    font-size: 28px;
    right: 30px;
    position: absolute;
    line-height: 31px;
    transform: rotate(180deg);
}
.verifstudent_allowOutr .allow_ufmBtn:hover .informativecntnt{display: block;}
#msgBoxNewSanitize .rytsctnchat.proctrplycht .txtmsginr{
    text-align: right;
    background: transparent;
    padding:0;
}
#msgBoxNewSanitize .rytsctnchat.proctrplycht .txtmsginr .topinrtpe{
    background-color: #ECEDF0;
    padding:8px;
    box-sizing: border-box;
    border-radius: 4px;
    display:inline-block;
    color: #172B4D;
    text-align: left;
}
#msgBoxNewSanitize .rytsctnchat.proctrplycht span.nameinrtop{float: right;}
#msgBoxNewSanitize .rytsctnchat.proctrplycht span.timeinrtop{float: right;}
#msgBoxNewSanitize .rytsctnchat span.timeinrtop{float: left;}
#msgBoxNew .rytsctnchat.proctrplycht{
    text-align: right;
    /* padding-right: 8px  */
}
#msgBoxNew .rytsctnchat .timeinrtop{float: left;}
#msgBoxNew .rytsctnchat.proctrplycht .timeinrtop{float: right;}
#msgBoxNew .rytsctnchat.proctrplycht .nameinrtop{float: right;}
#msgBoxNew .rytsctnchat.proctrplycht .topinrtpe{
    background: #ECEDF0;
    color: #172B4D;
    text-align: left;
}
.otrufmbxsctn {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    height: 50.7px;
}
/* //////////////////// candidate list css start /////////////////////// */
.candidate_listDiv{
    width: 100%;
    display: inline-block;
    padding-left: 100px;
    box-sizing: border-box;
}
.candidate_listBox{
    width: 100%;
    display: inline-block;
    background-color: rgba(214, 216, 221, 0.41);
    border-radius: 4px;
    padding: 12px 12px 0 12px;
    box-sizing: border-box;
    margin-bottom: 12px;
    /* max-height: 200px; */
    height: 200px;
    /* overflow-y: auto; */
}
.candidate_listBoxInnr{
    width: 100%;
    display: inline-block;
}
.candidate_listHdng{
    width: 100%;
    border-bottom: 1px solid #D0D2D5;
    padding-bottom: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.candidate_listHdngTxt{
    color: #333333c4;
    font-size: 14px;
    font-weight: bold;
}
.candidate_listHdngCount{
    color: #FB0000;
    font-size: 14px;
    display: inline-block;
    margin-left: 8px;
    font-weight: bold;
}
.allCandidateUFms{color: #333;}
.candidateList_srchOutrBox{
    float: right;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.candidateList_srch{
    float: right;
    width: 13px;
    height: 13px;
}
.candidateList_srch img{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.srch_box{
    position: absolute;
    right: -100%;
    top: -14px;
    width: 110px;
    height: 26px;
    border: 1px solid #D5D5D5;
    border-radius: 2px;        
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in;
}
.srch_boxInnr{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.srch_box img{
    width: 13px;
    height: 13px;
    position: absolute;
    left: 5px;
    pointer-events: none;
 }
 .srch_box input{
    width: 100%;
    height: 26px;
    border: none;
    background: transparent;
    padding-left: 20px;
    box-sizing: border-box;
 }
 .candidateListContainer{
    width: 100%;
    display: inline-block;
    padding: 4px 0;
    box-sizing: border-box;
 }
 .candidateInfoBox{
    width: 100%;
    /* height: 38px; */
    float: left;       
    padding: 4px 0 4px 8px;
    box-sizing: border-box;
 }
 .candidateInfoBox_active{
    background-color: #fff;
    border-top: 1px solid #EEEFF3;
    border-bottom: 1px solid #EEEFF3;
}
 .candidatePhotoDiv{
    width: 28px;
    height: 28px;
    margin-right: 10px;
    border-radius: 3px;
    float: left;
 }
 .candidatePhotoDiv img{
    width: 28px;
    height: 28px;
    border-radius: 3px;
 }
 .candidateNameDiv{
    float: left;
    width: auto;
    height: 28px;
    display: flex;
    align-items: center;
 }
 .candidateStusDot{
    display: inline-block;
    height: 7px;
    width: 7px;
    background: #23CE6B;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 2px;
 }
 .candidateNameTxt{
    color: #0F0F0F;
    font-size: 14px;
 }
 .candidateReviwDiv{
    float: right;
    display: flex;
 }
 .reviewBtn{
    color: #0063C6;
    font-size: 14px;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
 }
 .reviewBtn:hover{background: #EEEFF3;}
 .candidateList_srchOuter{position: relative;}
 .sortByOuterDiv {
    float: right;
    margin-left: 10px;
    width: 92px;
    position: relative;
}
.sortByBox {
    width: 100%;
    /* height: 26px; */
    border: 1px solid #D5D5D5;
    border-radius: 2px;
    padding: 6px;
    box-sizing: border-box;
    cursor: pointer;
}
.sortByBox::after{
    position: absolute;
    content: "\e030";
    font-family: flaticon;
    right: 6px;
    color: #888;
    top: 4px;
    font-size: 16px;
}
.sortByBox span{
    font-size: 12px;
    color: #333;
}
.sortByDropBox{
    position: absolute;
    top: 30px;
    right: 0;
    width: 160px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    /* padding: 10px 18px;
    box-sizing: border-box; */
    z-index: 9;
    display: none;
}
.sortByDropBox span{
    display: inline-block;
    width: 100%;
    color: #333333;
    font-size: 12px;
    padding: 6px 18px;
    box-sizing: border-box;
    cursor: pointer;
}
.sortByDropBox span:hover{background-color: #E8E9ED;}
/* //////////////////// candidate list css end /////////////////////// */
/* ///////////////////// notification new ui starts ///////////////////// */
.notification_newInnr{
    width: 100%;
    display: inline-block;
    /* max-height: 324px;
    min-height: 100px; */
    height: 100%;
    text-align: left;
}
.notification_newHdng {
    width: 100%;
    display: inline-block;
    padding: 12px 16px;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #C9C9CB;
}
.notifictnTxt {
    color: #333;
    font-weight: bold;
    font-size: 17px;
}
.notifictnNum {
    color: #333;
    font-size: 14px;
    /* margin-left: 5px; */
    display: inline-block;
}
.notifictnCross {
    float: right;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.notifictnListDiv {
    width: 100%;
    display: inline-block;
    height: calc(100% - 46px);
}
.notifictnListInnr {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.notifictnListBox {
    width: 100%;
    display: inline-block;
    margin-bottom: 2px;
    padding: 8px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notifictnListBoxUnread{background-color: #E8E9ED;}
.stdntPhotoDiv {
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.stdntPhotoDiv img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}
.stdntInfoDiv {
    float: left;
    width: 40%;
    margin-left: 8px;
}
.stdntNme {
    color: #333;
    font-size: 14px;
    width: 100%;
    display: inline-block;
}
.stdntEnrolID {
    color: #333;
    opacity: 0.72;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    margin-top: 4px;
}
.notifictnTypeDiv {
    float: right;
    width: auto;
    height: 24px;
    background: #fff;
    border: 1px solid #E7E8EC;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    box-sizing: border-box;
    cursor: pointer;
}
.notifictnTypeDiv img {
    width: 12px;
    height: 12px;
    margin-right: 6px;
}
.notifictnTypeDiv span {
    color: #333;
    opacity: 0.68;
    font-size: 12px;
    
}
.notify_reddot {
    position: absolute;
    top: 6px;
    right: 8px;
}
/* ///////////////////// notification new ui ends ///////////////////// */
#showStudentVideo{
    width: 100%;
    display: flex;
    height: 140px;
    align-items: center;
    justify-content: space-evenly;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
}
#msgBoxFaceId .chatcntnr{padding: 0 16px 15px 8px;}
#msgBoxNewSanitize .chatcntnr{padding: 15px 16px;}
#threesixtyChat{
    height: calc(100% - 325px);
    height: 40%;
}
#threesixtyChat .cdndatephoto_bx{height: 100%;}
#msgBoxNewSanitize{
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 90px);
}
::-webkit-scrollbar-track{
    --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: rgb(0 0 0 / 25%);
}
::-webkit-scrollbar{
    width:8px;
    background-color: ;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.memoBtn {
    float: right;
    width: auto;
    height: 32px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 4px;
}
.memoBtn:hover{background: #F7F9FA;}
#memoExamSessnBtnId.memoBtn{
    height: auto;
    padding: 15px 0;
    box-sizing: border-box;
}
.memoAddImg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.memoAddTxt{font-size: 14px;}
.addmemoPopupOutr {
    position: absolute;
    top: 40px;
    left:-50px;
    width: 400px;
    border-radius: 8px;
    background: #fff;
    z-index: 99999;
    cursor: default;
    border: 1px solid #ccc;
    display: none;
}
#addmemoExamSessnPopup, #addmemoLocPopup{
    right: 0;
    left:unset;
}
.addmemoPopupInnr {
    width: 100%;
    display: inline-block;
}
.addmemoHdng {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EEEFF3;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
}
.addMemoTxt{
    font-size: 16px;
    color: #0B0B0B;
    font-weight: bold;
}
.closeMemoTxt{
    font-size: 13px;
    color: #0B0B0B;
    cursor: pointer;
}
.addmemoContntBox {
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
}
.addmemoContntInnr {
    width: 100%;
    display: inline-block;
}
.memoListDiv {
    width: 100%;
    display: inline-block;
    height: 200px;
    overflow: auto;
}
.memoListInnr {
    width: 100%;
    display: inline-block;
}
.memoListSection {
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
.memoListSection:hover{
    background: #ECEDF0;
}
.memoListSection:hover .memoEdit{display:block;}
.memoListSctnInnr {
    width: 100%;
    display: inline-block;
}
.memoTxt{
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
}
.memoTymEditBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}
.memoTym {
    color: #172B4D;
    font-size: 12px;
}
.memoEdit {
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: none;
}
.memoEdit img{
    width: 12px;
    height: 12px;
}


.typeMemoDiv {
    width: 100%;
    display: inline-block;
    background: #ECEDF0;
    border-radius: 4px;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.typeMemoDiv input{
    background: transparent;
    width: 100%;
    padding: 0 40px 0 15px;
    outline: none;
    border: none;
}
.typeMemoDiv img{
    position: absolute;
    right: 15px;
}
.reviewSubBtn{
    justify-content: flex-start;
}
.reviewSubBtn p{margin-right: 20px;}
.awaitincross_announcementOuter{
    margin-top: 83px;
    overflow: hidden;
}
.verifycandidate_fixed{
    height: calc(100vh - 203px);
}
#liveProctor_chatHdng_open .prctrchatHdng{display: flex;}
div#candidateVerifyButton button {
    margin-top: 0;
}
#threesixtyChat.cdndatephoto_bx{margin-top: 0;}
.examSessionTopStrip {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #CFD7DF;
    height: 60px;
}
span.exmSessnHdng {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
.examSessionTopStripRyt {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
button.exmSessBtn, .alowbtn.endtestbtn {
    background: #ba0000c7;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 12px;
}
button.playPauseBtn{
    background-color: #ba0000c7 !important;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 12px;
}
.forgetPssBox{
    /* display: inline-block;
    width: 420px;
    height: 390px;
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    margin: auto; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.forgetPssBox .inpt{margin-top: 8px;}
.forgetPssBoxInnr{
    width: 420px;
    height: auto;
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
}
.cntntdvInptOutr input{
    width: 45px;
    margin-right: 4%;
}
.lock:before {
    content: "\e0be";
    font-size: 14px;
    color: #333;
    font-family: flaticon;
}
.forgetDiv_algin{
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.forgetDiv_algin .width50{width: 45%;}
.forgetDiv_algin .scndwidth50 a{
    background: #505050;
    border: 1px solid #505050;
}
#resendForgotBox.rsndotpOuter{margin-top: 10px;}
#resendForgotBox.rsndotpOuter .rsndotp{
    cursor: pointer;
    color: red;
    font-size: 13px;
}
/* pagination css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

.pagi-containerNew{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0px;
  margin-top: 50px;
  /* background: #20B2AA;
  min-height: 100vh;
  padding: 10px; */
}
.pagi-containerNew .pagination{
    z-index: 99;
}
.pagi-containerNew .pagination ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* background: #fff;
  padding: 4px;
  border-radius: 50px;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1); */
}
.pagi-containerNew .pagination ul li{
    color: rgba(51, 51, 51, 1);
    list-style: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}
.pagi-containerNew .pagination ul li.numb{
    list-style: none;
    height: 32px;
    width: 32px;
    margin: 0 4px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(207, 215, 223, 1);
}
.pagi-containerNew .pagination ul li.numb.first{
  /* margin: 0px 3px 0 -5px; */
}
.pagi-containerNew .pagination ul li.numb.last{
  /* margin: 0px -5px 0 3px; */
}
.pagi-containerNew .pagination ul li.dots{
    font-size: 14px;
    cursor: default;
    background: #fff;
    width: 32px;
    border: 1px solid rgba(207, 215, 223, 1);
    border-radius: 4px;
    margin: 0 4px;
}
.pagi-containerNew .pagination ul li.btn{
  padding: 0 10.4px;
  background-color: #fff;
  border: 1px solid rgba(207, 215, 223, 1);
  /* border-radius: 50px; */
  width: unset;
  margin: 0 4px;
}
.pagi-containerNew .pagination ul li.disabled{
    background: rgba(221, 224, 232, 1) !important;
    opacity: 0.7;
    pointer-events: none !important;
}
.pagi-containerNew .pagination ul li.btn svg{
    margin-top: 8px;
}
.pagi-containerNew .pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover{
  color: rgba(66, 0, 255, 1);
  /* background: #0063c6; */
  border: 1px solid rgba(66, 0, 255, 1) !important;
}
.pagi-containerNew .pagination li.active{
    pointer-events: none;
}
/* pagination css */
.forgetDiv_BtnDiv{margin: 0;}
.forgetDiv_BtnDiv input.inpt{margin:0;}
.forgetDiv_BtnDiv .backBtn a{
    border: 1px solid #ccc;
    background: transparent;
    color: #3f3f3f;
}

.otrpopup_editprofile {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
}

.inrpopup_editprofile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 280px;
    width: 460px;
    border-radius: 10px;
    margin: auto;
    padding: 20px;
}

.hdrinrsctn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

span.txthdr_editprfle {
    display: inline;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
}

.hdrinrsctn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.infrmtn_otr {
    float: left;
    width: 100%;
}

span.inrtxt_infrmtn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}

button.btn_gotoprofile {
    float: right;
    margin-top: 10px;
    background: #0063c6;
    color: #fff;
    border: none;
    padding: 10px;
    font-weight: bold;
    border-radius: 4px;
    width: 200px;
    cursor: pointer;
}
/* ///////////////////////// password policy dropdown box ui //////////////////////// */
.cntntdv.pswrdvalidation {
    background: url(../images/outerbxpswrd.png);
    position: absolute;
    top: 27px;
    left: 30px;
    background-size: 100% 100%;
    width: 380px;
    border-radius: 8px;
    z-index: 9999;
    padding: 40px 17px 16px;
    background-repeat: no-repeat;
}
.inrsctn_prwd {
    float: left;
    width: 100%;
}
.listotr_psrdpoint {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}
.listotr_psrdpoint .icnlftsctn {
    width: 9%;
    float: left;
}
span.icnlftsctn img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
span.txt_defltgdpr {
    font-size: 13px;
    color: #d7373f;
    font-weight: 500;
    width: 91%;
    float: left;
}
span.txt_defltgdpr_green{color: #268e6c;}

/* ///////////////////////// password policy dropdown box ui //////////////////////// */
#proctorShowVidBtn{
    width: 100%;
    display: flex;
    height: 140px;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    flex-direction: column;
}
#proctor_vc, #proctor_vcExam{
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 99px;
    cursor: pointer;
    border-radius:4px;
    font-weight:bold;
}
.chat_optionDiv{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /////////////////////////// compatibility check ui for proctor start /////////////// */
.compatibilityCheckScreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000063;
    z-index: 999999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compatibilityCheckScreenInnr{
    width: 900px;
    height: 570px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ccc;
    /* overflow:auto; */
    position: relative;
}
.hrdr_withlogo_thinkproc {
    display: inline-block;
    width: 100%;
    height: 51px;
    background: #fff;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #E7E8EA;
}
.hrdr_withlogoInnr_thinkproc {
    width: 100%;
    display: inline-block;
}
.hdng_txtcompatibility_div_thinkproc {
    width: 33.3333%;
    float: left;
    box-sizing: border-box;
    background: #e7e8ea;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 4px;
    border-radius: 4px 4px 0 0;
}
span.hdng_txtcompatibility_infoIconthinkproc {
    width: auto;
    height: auto;
}
span.hdng_txtcompatibility_infoIconthinkproc img{
    width: 8px;
    height: 8px;
}
span.hdng_txtcompatibility_infoIconthinkproc.chk_pas_size{
    width: 15px;
    height: 15px;
}
span.hdng_txtcompatibility_infoIconthinkproc.chk_pas_size img{
    width: 100%;
    height: 100%;
}
span.hdng_txtcompatibility_thinkproc {
    float: left;
    width: auto;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    height: unset;
}
.firtstp_sctn_thinkproc.thrstp_thinkproc {
    height: 88%;
    width: 65%;
    margin: auto;
    display: block;
}
span.subhdng_txt_thinkproc {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    box-sizing: border-box;
}
.inrfrststp_thinkproc {
    float: left;
    width: 100%;
}
.stpssctn_inr_thinkproc {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.frststp_bx_thinkproc {
    float: left;
    width: 23%;
    padding: 15px 0;
    position: relative;
}
span.numbr_crcle_thinkproc {
    float: left;
    width: 24px;
    background: #e9e9e9;
    border-radius: 35px;
    text-align: center;
    height: 24px;
    position: relative;
    padding: 4px 0px;
    box-sizing: border-box;
    font-size: 13px;
}
span.numbr_crcle_thinkproc.activecrcle_thinkproc {
    background: #28dc28;
    color: #fff;
    width: 24px;
    height: 24px;
}
.numbr_crcle_thinkproc img {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.stepLoader, .stepLoader_num {
    display: none;
}
.stepLoader_num {
  position: absolute;
  color: #00E278;
  left: 7px;
}
.stepLoader{
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #00E278;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background: #CCF9E4;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -4px;
    right: -1px;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.stepLoader, .stepLoader_num{
    display: none;
}
.active_bx_thinkproc:after{
    border: 1px dashed  #00E278;
}
.activecrcle_thinkproc .stepLoader,.activecrcle_thinkproc .stepLoader_num{
    display: block;
}
.active_bx_thinkproc .stepLoader,.active_bx_thinkproc .stepLoader_num{
    display: none;
}
.activecrcle_thinkproc .step-no_thinkproc {
    display: none;
}
.active_bx_thinkproc.numbr_crcle_thinkproc img.done-div_thinkproc {
    display: inline-block;
}
.active_bx_thinkproc .activecrcle_thinkproc.numbr_crcle_thinkproc img.load-img_thinkproc{
    display: none
}
.activecrcle_thinkproc .step-no_thinkproc{
    display: none
}
.activecrcle_thinkproc.numbr_crcle_thinkproc img.load-img_thinkproc{
    display: inline-block;
}
.active_bx_thinkproc .stepLoader, .active_bx_thinkproc .stepLoader_num {
    display: none;
}
.activecrcle_thinkproc .stepLoader, .activecrcle_thinkproc .stepLoader_num {
    display: block;
}
span.txt_namesptp_thinkproc {
    bottom: -20px;
    left: 6px;
    width: 92px;
    font-size: 11px;
    margin-top: 10px;
    margin-left: -25px;
    position: absolute;
    text-align: left;
    color: #3A3A3C;
}
.active_bx_thinkproc .txt_namesptp_thinkproc {
    font-weight: bold;
}
span.frststp_bx_thinkproc::after {
    content: '';
    background: unset;
    height: 0px;
    right: 0;
    position: absolute;
    left: 25px;
    top: 26px;
    border: 1px dashed #e9e9e9;
}
span.frststp_bx_thinkproc:last-child:after {
    content: none;
}
span.frststp_bx_thinkproc:last-child {
    width: 8%;
}
.imgeinr_stp_thinkproc {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 28px;
}
.imgeinr_stp_thinkproc img{
    width:340px;
}
.otrsctn_steopinfo {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.firtstepbx_info {
    float: left;
    width: 100%;
    text-align: center;
}
.firtstepbx_infoInnr {
    width: 314px;
    margin: auto;
    height: 178px;
}
.imgsctntopprt_browser img{
    width: 104px;
    height: 104px;
}
.textberifforstep {
    margin: 30px auto auto;
    width: 48%;
    font-size: 16px;
}
.irtstepbx_webcamBox {
    width: 100%;
}
.cmra_accessLineDiv {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.cmra_accessLineDiv span {
    font-size: 16px;
}
.webAccessBox {
    width: 100%;
    position: relative;
    color: #000000;
    border: 1px solid #E7E8EA;
    border-radius: 4px;
}
.webAccessBox_top {
    width: 100%;
    background: #E7E8EA;
    padding: 18px 18px 10px 18px;
    box-sizing: border-box;
}
.webAccessBox_useCam {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
}
.webAccessBox_useCamImgBox {
    width: 36px;
    height: 35px;
}.webAccessBox_useCamImgBox img{
    width: 36px;
    height: 35px;
}
.web_useCmra{
    color: #000000;
    font-size: 14px;
    padding-left: 10px;
}
.webAccessBox_bottom {
    padding: 18px 18px 10px 18px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    background: #fff;
}
.camra_selectBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.camra_selectBox span{
    color: black;
    font-size: 16px;
}
.cmra_dropdown{
    display: inline-block;
    width: 200px;
    height: 32px;
    margin-left: 10px;
    position: relative;
}
.cmra_dropdown:after{
    position: absolute;
    content: "";
    top: 14px;
    right: 5px;
    border-width: 6px;
    border-style: solid;
    border-color: #818286 transparent transparent transparent;
    border-radius: 3px;
}
.slct_droparrow{
    position: absolute;
    width: 15px;
    height: 11px;
    top: 11px;
    right: 4px;
    pointer-events: none;
}
.slct_droparrow img{
    width: 15px;
    height: 11px;
}
.cmra_dropdown select{
    width: 100%;
    height: 32px;
    font-size: 14px;
    border: 1px solid #E7E8EA;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    padding-left: 10px;
    padding-right: 25px;
}
.allowSelectbox option {
    width: 70px;
}
.cmra_dropdown select:focus{
    border: 1px solid #0063c6;
    border-radius: 3px
}
.cmra_permisson{
    width: 100%;
    margin: 20px 0 10px 0;
    text-align: right;
}
button.cmra_allow {
    background: #202020;
    border: 1px solid #202020;
    border-radius: 2px;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
}
.cmra_failedDiv{
    width:100%;
    text-align:center;
    margin-top:10px;
}
.cmra_failedDiv span{
    color: #E03946;
    font-size: 14px;
}
.imgsctn_audiogif {margin-top: 20px;}
.imgsctn_audiogif img{
    width: 52px;
    height: 52px;
}
.textberifforstep_micWrong {
    color: #E03946;
    font-size: 15px;
}
.retry_div{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.retry_div span {
    background: #202020;
    border: 1px solid #202020;
    color: #fff;
    padding: 8px 30px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    cursor:pointer;
    margin: 0 5px;
}
.textbrif_locationWait {
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
    color: #3A3A3C;
}
.yourloction {
    font-size: 14px;
    color: #4F535E;
    margin-top: 16px;
    margin-bottom: 10px;
    color: #3A3A3C;
}
.textbrif_location{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 5px 0;
    color: #3A3A3C;
}
.chkng_netwrk_spn {
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
}
#network_check .textberifforstep{width:70%;}
.textbrif_urNetwrk{
    display: block;
    font-size: 14px;
    color: #4F535E;
    margin-top: 16px;
}
#network_check .textbrif_urNetwrk{margin-bottom: 10px;}
.downloadSpeed{
    width:48%;
    border-right:1px solid #ccc;
    display: inline-block;
}
.uplodSpeed{
    width:48%;
    display: inline-block;
}
.textbrif_netwrkspeed b, .textbrif_netwrkspeed{
    display: block;
    margin-top: 10px;
    font-size: 24px;
    color: #00E278;
}
span.hdng_txtcompatibility_infoIconthinkproc.chk_pas_size{
    width: 15px;
    height: 15px;
}
span.hdng_txtcompatibility_infoIconthinkproc.chk_pas_size img{
    width: 15px;
    height: 15px;
}
.rpt_authentication_thinkproc{
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 24px;
    width: 100%;
    height: calc(100% - 78px);
    overflow: auto;
    float: left;
}
.lftsctn_auth_thinkproc{
    width: 36%;
    float: left;
}
.lftsctn_auth_inner_thinkproc{width: 100%;}
.registratonID_div_thinkproc{
    width: 100%;
    border: 1px solid #E7E8EA;
    border-radius: 6px;
    height: 220px;
}
.registraton_head_thinkproc{
    width: 100%;
    height: 40px;
}
.registraton_head_thinkproc span{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding-left: 14px;   
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    color: #202020;
}
.regstraton_iconDiv_thinkproc{
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    height: calc(100% - 40px);
    text-align: center;
    display: inline-block;
}
.regstraton_iconDiv_thinkproc img{
    max-height: 185px;
    max-width: 310px;
    width: auto;
    height: auto;
}
.instructon_thinkproc{
    background: #F1F5FA;
    margin-top: 30px;
    border: 1px solid #F1F5FA;
    border-radius: 6px;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
}
.instructon_head_thinkproc{
    width: 100%;
    border-bottom: 1px solid #DBE1EB;
}
.instructon_head_thinkproc span{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #202020;
    font-weight: bold;
}
.instruction_details_thinkproc{
    width: 100%;
    margin-top: 15px;
}
.instruction_points_thinkproc{
    display: flex;
    font-size: 12px;
    margin: 6px 0;
    color: #202020B0;
}
.instrct_num_thinkproc{
    padding-right: 5px;
    box-sizing: border-box;
}
.rytsctn_auth_thinkproc{
    width: 61%;
    float: left;
    margin-left: 25px;
}
.otr_imgsctncapture_thinkproc {
    width: 100%;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
.video-div-wap_thinkproc{
    position: relative;
    /* padding-top: 40px;
    box-sizing: border-box; */
    border-radius: 4px;
    float: right;
    width: 100% !important;
    height: unset !important;
    border:unset;
}
.head-id_thinkproc{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 11px 15px;
    background-color: #ebf3ff;
    background-color: #fff;
    color: #142c36;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #E7E8EA;
    border-radius: 6px 6px 0 0;
}
.video-div-wap_thinkproc video{
    width: 100%;
    height: 310px;
    background-color: black;
    object-fit: cover;
}
.text_img_thinkproc{
    width: 100%;
    height: 40px;
    background: rgb(203, 227, 249) no-repeat padding-box;
    font-size: 12px;
    font-weight: normal;
    color: black;
    font-family: roboto;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 6px;
    margin-top: 5px;
}
.text_img_thinkproc img{
    width: 20px;
    height: 20px;
}
.ovolshpcricle_thinkproc{
    position: absolute;
    content: "";
    border: 2px solid #fff;
    width: 220px;
    height: 236px;
    left: 28%;
    top: 19%;
}
.ovolshpcricle_thinkproc_id{
    position: absolute;
    content: "";
    border: 2px solid #fff;
    width: 380px;
    height: 265px;
    left: 12%;
    top: 16%;
}
.btnSctn_inr_thinkproc {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.btn_thinkproc{
    background-color: #202020;
    padding: 10px 18px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 0 5px;
}
.btn_diffUI_thinkproc{
    background: #fff;
    color: #202020;
    border: 1px solid #202020;
    border-radius: 4px;
    padding: 10px 18px;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 0 5px;
}
.matching_face_id{
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 24px;
    width: 100%;
    float: left;
}
.registraton_head_thinkproctor {
    text-align: center;
    width:55%;
    margin:auto;
}
.mchngFace {
    width: 100%;
    display: inline-block;
    margin-bottom: 22px;
}
.attmpt_font {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    margin: 8px 0;
    color: #333;
}
.regstraton_iconDiv_thinkproc_new_imagework {
    display: flex;
    width: 55%;
    margin: 0 auto;
}
.regstraton_iconInnr_thinkproc {
    width: 100%;
    display: inline-block;
}
span.layer_image{
    width:39%;
    height:100%;
    text-align: center;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_chatDiv{
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background-color: #dddfe1;
    text-align: center;
    cursor: pointer;
}
.video_chatDiv img{
    width: 20px;
    height: 20px;
    padding-top: 8px;
}
span.rotateimage{
    width: 20%;
    margin-top: 32px;
    float: left;
    margin: 32px 4% 0 4%;
    text-align: center;
}
.rotate360ImageCss{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
span.id_placeholder2{
    width: 32%;
    float: left;
}
.matchingStatusFont {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.matchCompleteDiv_thinkproctor{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}
.matchComfrimInnr_thinkproctor{
    width: 100%;
    border: 1px solid #00DA3D40;
    border-radius: 4px;
    background-color: #00DA3D1A;
    margin: 0 auto;
    padding: 20px 60px;
    box-sizing: border-box;
    text-align: center;
}
.matchComplTxt_thinkproctor{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #000000;
}
.matchComplDescrp_thinkproctor{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    color: #000000c7;
}
.matchFailInnr_thinkproctor{
    width: 100%;
    border: 1px solid #FF0A1D40;
    border-radius: 4px;
    background-color: #FF0A1D1C;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
.matchfailImg_thinkproctor{
    float: left;
    width: 10%;
}
.matchfailImg_thinkproctor img{
    width: 35px;
    height: 35px;
    margin-top: 12px;
}
.matchfailTxtDiv_thinkproctor{
    float: left;
    width: 86%;
    margin-left: 4%;
}
.matchfailTxt_thinkproctor{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #333333;
}
.waitToConnectInnr_thinkproctor{
    width: 100%;
    border: 1px solid #d3d3d36b;
    border-radius: 4px;
    background-color: #d3d3d36b;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
.loadngDiv_thinkproctor{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.loadngDiv_thinkproctor img{
    width: 35px;
    height: 35px;
}
.waitTxt_thinkproctor{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
.waitTxtDescrp_thinkproctor{
    font-size: 16px;
    font-weight: bold;
    color: #3A3A3C;
}
button.cmra_allow {
    background: #202020;
    border: 1px solid #202020;
    border-radius: 2px;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
}  
/* .restartButtonAuth {
    position: absolute;
    bottom: 5%;
    left: initial;
    right: 25px;
} */
.matchCompleteMsg{
    width: 80%;
    display: inline-block;
    text-align: center;
    margin: 0px 0 20px 0;
    line-height: 20px;
}
#sysconfigLoading.firtstepbx_info{margin-top: 20px;}
.setupDownloadPopup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000075;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.setupDownloadPopupInnr {
    width: 300px;
    height: auto;
    background: #fff;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
}
.setupDoneImgDiv {
    width: 60px;
    height: 60px;
    display: inline-block;
}
.imgeinr_stp_thinkproc .setupDoneImgDiv img {
    width: 100%;
    height: 100%;
}
.system_configOutrDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    margin: 20px 0;
}
.system_configDiv {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 20%;
    justify-content: center;
    align-items: center;
}
.system_configDivBorder{
    border-left: 1px solid #BDBEC0;
    border-right: 1px solid #BDBEC0;
}
.configTxt {
    font-size: 16px;
}
.tickImgDiv {
    width: 30px;
    height: 30px;
}
.imgeinr_stp_thinkproc .tickImgDiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.poorNetwrkDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    column-gap: 5px;
}
.poorNetwrkTxt {
    color: #E03946;
    font-size: 13px;
}
.poorNetwrkRtry {
    font-size: 13px;
    color: #3062C6;
    cursor: pointer;
    text-decoration: underline;
}
.firstStep-detail{
    display:flex;
    justify-content: center;
    flex-direction:column;
}
.firstStep-detail > h6{
    font-size:18px;
    margin :27px 0 12px;
}
.firstStep-detail > p{
    margin-top:0px;
    margin-bottom:28px;
    font-size:14px;
    line-height: 26px;
}
.firstStep-btn > button{
    background: #324FBE;
    border-radius: 4px;
    padding: 10.6px 25px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #324FBE;
}
/* /////////////////////////// compatibility check ui for proctor end /////////////// */
/* modal pop up */
/* CSS for styling the modal */
.modal-pop {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .modal-content-pop {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 5px;
    max-width: 450px;
    max-height: 155px;
  }
  
  .button-container {
    text-align: center;
    margin-top: 20px;
  
  }
  .button-container button{
      width:100px;
      padding:10px 0px;
      margin:15px 10px;
      cursor:pointer;
  }
  #cancelButton{
     background: #505050;
     border: 1px solid #505050;
     border-radius:4px;
     color:#fff;
  }
  #cancelButton:hover{
      background: black;
     border: 1px solid black;
     color:#fff;
  }
  #retryButton{
      background: #0063c6;
      border: 1px solid #0063c6;
      border-radius:4px;
      color:#fff;
  }
  #modalMessage{
      font-size: 16px;
      line-height: 20px;
  }
  .syschkNxtBtnDiv{
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    bottom: 20px;
    right: 30px
  }
  .syschkNxtBtn{
    background: #202020;
    border: 1px solid #202020;
    border-radius: 2px;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
  }
  /* CSS for styling the modal */
/* /////////////////////////// compatibility check ui for proctor end /////////////// */
.morelist::before {
    content: "\e15a";
    margin: 0 auto;
    width: 100%;
    color: #333;
    line-height: 23px;
}
.envmntCheck3dot{
    float: right;
    position: relative;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    background-color: #F7F9FA;
    border-radius: 4px;
}
#envmntCheck3dotSpanID{
    cursor: pointer;
    margin: auto;
}
.envmntCheck3dot_box{
    position: absolute;
    content: "";
    right: 0;
    top: 41px;
    display: flex;
    flex-direction: column;
    row-gap: 7px;
    background: #fff;
    /* padding: 10px; */
    box-shadow: 3px 2px 5px 2px #ccc;
    border-radius: 4px;
    z-index: 9;
    width: 100px;
    }
.envmntCheck3dot:hover{background-color: #ECEDF0;}
.ryttopsctn.ryttopsctn_algn{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
}
.borderBtnHover{
    display: inline-block;
    width: 100%;
    font-size: 14px;
    /* border: 1px solid #172B4D; */
    border:none;
    height: 32px;
    font-weight: 500;
    line-height: 32px;
    margin: 0px;
    background: white;
    cursor: pointer;
    text-align: left;
    padding-left: 8px;
    box-sizing: border-box;
}
.borderBtnHover:hover{
    background: #F7F9FA !important;
    border: none !important;
}
.canidateNmeEnrollmntDiv {
    float: left;
}
#matchingStatusMessage, #matchingStatusMessage h4{font-weight: normal;}
.proctorLogoutMsg{
    border: none;
    background: transparent;
    font-size: 15px;
    width: 80%;
    margin: auto;
    line-height: 24px;
    text-align: center;
}
.compatibilityCheckScreenInnrPhotoAndId{
    display: block;
    border:none;
}
.pendingVeriClose{
    position: absolute;
    right: 15px;
    z-index: 9;
    top: 10px;
    cursor: pointer;
}
.alowbtn.endtestbtn{width:90px;}
.alowbtn.endtestbtn:hover{background:#ba0000c7;}
 /* ///////////////////////////////////// capture photo css start /////////////////////////// */
 .capturePhotoPopup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000008f;
    align-items: center;
    justify-content: center;
    z-index: 999999999;
    display:none;
}
.capturePhotoPopWrppr {
    width: 950px;
    /* height: 610px; */
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
}
.capturePhotoPopWrpprInnr {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.capturePhotoHdngDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.capturePhotoHdngTxt {
    font-size: 18px;
    color: #0B0B0B;
    font-weight: bold;
}
.capturePhotoPopupCloseDiv {
    width: 13px;
    height: 13px;
}
.capturePhotoPopupCloseDiv img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.capturePhotoCameraDiv {
    width: 100%;
    height: 470px;
    border-radius: 4px;
}
.capturePhotoCameraDiv video {
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 4px;
}
.ensureMsgDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ensureMsgDiv span {
    color: red;
    font-size: 13px;
}
.capturePhotoBtnDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    margin-top: 6px;
}
.take_photoBtn{
    width: 170px;
    background: #0063C6;
    color: #fff;
    border: 1px solid #324FBE;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    cursor: pointer;
    font-size: 13px;
    position: relative;
}
.take_photoBtn::before{
    content: "";
    width: 16px;
    height: 16px;
    left: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAQtQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////iT2pngAAAFh0Uk5TAAACJkVHRisEN8HnygENlakTBSV2nqCo6O+tn3kouvq+/vvfxOWEMxrpYQo4cf2SD2Pdk+3XVfdU4S1L8kou9Fm7sxs2r+Ic+JQUHW5Ev+r57OtfztFiXh4Hq8kAAAABYktHRAH/Ai3eAAAA80lEQVQY022PV1fCQBCFZxGSVbGAgDUElpJQhQhSRIlICdVgAPP/fwnZ7BJyPH4v9873MjMADihwEgw5CCJGwEHo9OzcJRxErkUXGF9e2ZzrCI4GENzE4onbu4O8f0g8PkmQlO0/yClIs0Yy2WyGsJ4Glrm8oqpKPscmJgvFUrlSKZeKhaOsPtfqGiFavfZS9WRDEJs0m6LQ8KQmvbZottqS5slO961Hs/f+0fFkX1c/aSZVvX/cPvgajsbj0XAy8J1kTCczRZnNp4ZP2kZqsVwuVgY//pt/bK7XJq8/YG1MmUIc3GJud4BF3fr1YeldDP+xB4F4WwzaQUe/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA4LTEwVDA5OjA2OjA0KzAyOjAwUkJFvgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOC0xMFQwOTowNjowNCswMjowMCMf/QIAAAAASUVORK5CYII=');
}
.retakeBtn {
    background: #fff;
    border: 1px solid #0063C6;
    color: #0063C6;
    width: 170px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    display:none;
}
.saveBtn {
    background: #0063C6;
    border: 1px solid #0063C6;
    color: #fff;
    width: 170px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    display:none;
}
/* ///////////////////////////////////// capture photo css end /////////////////////////// */
.rytsctnhdr_copy{display: flex;}
.roomStramDiv{margin-left: 10px;}
.roomStramDiv a {
    background: #F00;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 8px;
    margin-top: 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    cursor: pointer;
}
.room_streaming_header{
    background: #0063c6;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 28px;
    box-sizing: border-box;
}
.stramingHdng{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: roboto;
}
.room_streamingDiv {
    width: 100%;
    height: calc(100dvh - 50px);
}
.room_streamingInnrDiv{
    width: 100%;
    height: 100%;
    display: flex;
}
.room_streaming_leftbar {
    width: 200px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box; 
    word-break: break-all;
}
.cameraListDiv > span {
    font-size: 16px;
    font-weight: 600;
}
.cameraListDiv ul {
    list-style: none;
    padding: 10px 0;
}
.cameraListDiv ul li {
    font-size: 14px;
    padding: 10px 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc8c;
}
.selectedCamera span {color: #0063c6;}
.selectedCamera span svg {fill: #0063c6 !important;}
.room_streaming_right {
    width: calc(100% - 200px);
    height: 100%;
}
.streamingVdoBox {
    width: 100%;
    height: 100%;
    position: relative;
}
.cameraName{
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    background: #0000004D;
    color: #fff;
    font-size: 16px;
    padding: 6px 12px;
    box-sizing: border-box;
    border-radius: 34px;
}
.streamingVdoBox video{
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: black;
}

.rgtspn::before {
    content: "\e007";
    vertical-align: sub;
    font-family: flaticon;
    font-size: 17px;
    margin-right: 8px;
    top: 0;
  }
.wrapper_dash.wrapper_dash_subheader{
    width: auto;
    margin: 0 auto;
}
.download_pop_up {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #00000061;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download_pop_up_card{
    width: 350px;
    background: white;
    padding: 25px;
    text-align: center;
    border-radius: 9px;
    box-sizing: border-box;
    padding-bottom: 61px;
}
#examSessionChat.liveProctor_chatDiv{left:-332px;}
#examSessionChat .chat_outerDiv{height: calc(100% - 75px);}
#examSessionChat .liveProctor_chatDiv{
    width: 350px;
    left: -350px;
}
#maximise_Examchat.rgtspn::before {transform: rotate(180deg);}
#expandufmscreen.fullScreenMode{
    width:100% !important;
    padding: 6px 6px 6px 20px;
    top: 50px;
    z-index: 9999999;
}
#expandufmscreen.fullScreenMode .verifstudent_lft, #expandufmscreen.fullScreenMode .verifstudent_ryt{width:100% !important;}
#expandufmscreen.fullScreenMode.secndryVideoOn .verifstudent_lft, #expandufmscreen.fullScreenMode.secndryVideoOn .verifstudent_ryt{
    height: calc(100% - 56px);
}
#expandufmscreen.fullScreenMode.secndryVideoOn .verifstudent_lft{width:74% !important;}
#expandufmscreen.fullScreenMode.secndryVideoOn .verifstudent_ryt{width:25% !important;}

#expandufmscreen.fullScreenMode .verifstudent_lft{height: calc(100% - 244px);}
#expandufmscreen.fullScreenMode .verifstudent_lft.verifstudent_lft_full{height: calc(100% - 120px);}
#expandufmscreen.fullScreenMode .verifstudent_ryt{    height: calc(100% - 350px);}
#expandufmscreen.fullScreenMode .verifstudent_lftInnr{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
}
#expandufmscreen.fullScreenMode .ufmContainer,
#expandufmscreen.fullScreenMode .blureffect,
#expandufmscreen.fullScreenMode .candidate_dotDiv,
#expandufmscreen.fullScreenMode .chatTabChange{display: none;}
#expandufmscreen.fullScreenMode .verifstudent_lftInnr > div{height: 100%;}
#expandufmscreen.fullScreenMode .secondry_camra_screenDIv{height: 100% !important;}
#expandufmscreen.fullScreenMode .examSessionTopStrip{
    margin-bottom: 10px;
    height: 50px;
}
#expandufmscreen.fullScreenMode .ufmsceenshots_hdgnDiv{
    width: 48%;
    float: left;
    border: none;
    padding: 8px 0;
}
#expandufmscreen.fullScreenMode .ufm_slct_boxDiv{
    width: 48%;
    float: right;
    padding: 8px;
}
#expandufmscreen.fullScreenMode.secndryVideoOn .ufmsceenshots_hdgnDiv{width:40%;}
#expandufmscreen.fullScreenMode.secndryVideoOn .ufm_slct_boxDiv{width:56%;}
.camera_typespan{display: none;}
#expandufmscreen.fullScreenMode .camera_typespan{
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 8px 16px;
    background: #F9F9F966;
    color: #263238;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    display:block;
}
#expandufmscreen.fullScreenMode .ufmsceenshots_hdgnTxt{padding: 10px;}
#expandufmscreen.fullScreenMode .ufm_videosInnr{
    display: flex;
    align-items: center;
    gap: 12px 8px;
    /* flex-wrap: wrap; */
    overflow-x: auto;
}
#expandufmscreen.fullScreenMode.secndryVideoOn .ufm_videosInnr{
    flex-direction: column;
}
#expandufmscreen.fullScreenMode .imgvdobx{
    width: 150px;
    min-width: 150px;
    height: 94px;
}
#expandufmscreen.fullScreenMode.secndryVideoOn .imgvdobx{
    width: 100%;
    height:140px;
}
#expandufmscreen.fullScreenMode #examSessionChat.liveProctor_chatDiv{
    left: unset;
    right: 6px;
    z-index: 99999;
}
#expandufmscreen.fullScreenMode .closeverfication{left: -4px;}
#expandufmscreen.fullScreenMode #memoExamSessnBtnId.memoBtn{padding: 15px 8px;}
#expandufmscreen.fullScreenMode .ufm_slct_boxDiv:after{top: 12px;}
#expandufmscreen.fullScreenMode #memoExamSessnBtnId.memoBtn{padding: 15px 8px;}
.ufmsceenshots_show,
#expandufmscreen.fullScreenMode.secndryVideoOn .ufmsceenshots_show,
#expandufmscreen.fullScreenMode.noSecondaryCameraMode .ufmsceenshots_show{display: none;}
#expandufmscreen.fullScreenMode .ufmsceenshots_show{
    display: inline-block;
    position: relative;
}
#expandufmscreen.fullScreenMode .ufmsceenshots_show::before {
    display: inline-block;
    font-family: 'Flaticon';
    content: "\e0cd";
    position: absolute;
    font-size: 21px;
    color: #333;
    top: -18px;
    cursor: pointer;
}
#expandufmscreen.fullScreenMode .ufmsceenshots_hide .ufmsceenshots_show::before{content: "\e0ef";}
.ufmsceenshots_hide .ufm_slct_boxDiv, .ufmsceenshots_hide .ufm_videosmainDiv{display: none;}
#expandufmscreen.fullScreenMode.noSecondaryCameraMode .verifstudent_lft,
#expandufmscreen.fullScreenMode.noSecondaryCameraMode .verifstudent_ryt{
    width: 50% !important;
    height: calc(100% - 92px);
}
#expandufmscreen.fullScreenMode.noSecondaryCameraMode .verifstudent_rytInnr{height: 100%;}
.overflowDottedText{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
span.namebxesoptn.overflowDottedText{width: 60px;}
.inr_sctnfilr.overflowDottedText{width: 86px;}
.loaderFullPage{
    z-index: 99999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000045;
}
.loaderFullPage img{
    height: 100px;
    width: 100px;
}
.welcomeallmenu li label > img{width: 24px;}
.showReconnectPopDiv{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: black;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.showReconnectPopDiv p {
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    line-height: 24px;
}
.sessionInfoALign .infoDiv{
    display: flex;
    align-items: center;
}
.sessionInfoALign .infoLeft{margin:0;}
.btn-red {
    background-color: #dc3545 !important;
    color: white;
}
button.playPauseBtn.btn-green {
    background-color: #28a745 !important;
    color: white;
}
.pausedDiv {
    position: absolute;
    content: "";
    left: 160px;
    top: 10px;
    background: #fe0000;
    color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
}
.candidate_testscreenOuter .pausedDiv{
    z-index: 9;
    top: 20px;
    right: 56px;
    left: unset;
}