*{
    box-sizing: border-box;
}
:root {
    --bg-color-sidebar: #1833CC;
    --bg-color-header:#1833CC;
    --boder-bottom-header:#DCDFEE;
    --module-color :#fff;
    --select-module-color:#1833CC;
    /* rgba(50, 79, 190, 1); */
    /* #324FBE; */
  }
  
  html, body {
    overscroll-behavior: none;
  }

body{margin:0;
    /* padding:40px; */
    min-width: auto !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    font-family:Poppins;font-size:12px;border:none;outline: none;height: 100%;background-color: #e8e8e8 !important; }
    html, body{
        width: auto !important;
        height: auto !important;
        min-width: auto !important;
        overflow: auto !important;
        font-size: 14px;
        padding: auto !important;
        margin: auto !important;
        font-family: 'Roboto' !important;
        color: initial !important;
        background: #f6f8fc !important;
        
    }
.maincontainer{
 min-width:100%;
 min-height: 100%;
 display: inline-block;
 position: relative;
 float: left;
}
textarea{font-family: Roboto;font-weight: normal;font-size: 14px;}
a{border:0;text-decoration:none;outline: none}
div,ul,ol,li,p,font,strong,span,lable,h1,h2,h3,h4,h5,h6,ranking-detail-right h7,h8,h9,class,form,input,textarea{margin:0;padding:0;list-style:none;outline: none}
b{color: #505050;outline: none}
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000)}
img{margin:0;padding:0;border:none;outline: none}
.leftmenu{width:20%;float:left}
.maincontent{width:80%;float:left}
header{background:#fff none repeat scroll 0 0;height:116px;position: fixed;left: 220px;right: 0}
.logodiv{box-sizing: border-box;background:#fff none repeat scroll 0 0;border-bottom:1px solid #DCDFEE;float:left;height:116px;text-align:center;vertical-align:middle;width:221px;display: table-cell;vertical-align: middle}
/*.logodiv img{width:75%}*/
/* .mainhdr{margin-left: 250px;} */
.hdrbtm{margin-top: -2px;background:rgba(0,99,198,0.9) none repeat scroll 0 0;display:inline-block;width:100%}
.modules{color:var(--module-color)}
.modules svg :is(path,rect,circle) {
    fill: var(--module-color);
}
.modules .omrsheet svg :is(path,rect,circle),.modules.actvsubmdule .omrsheet svg :is(path,rect,circle){
    fill:unset;
    stroke: var(--module-color);
}
#subject_report path {
    stroke: var(--module-color);
}
.modules svg #My_Product :is(rect,path) {
    stroke: var(--module-color);
}
.hdrprfl ul li{float:left;padding:0 10px;display: flex;align-items: center;text-transform: capitalize;}
.hvr{cursor:pointer}
.flaticon:before{font-family:flaticon;float:left}
.inrprfl{display: inline-block;float: right;font-weight: bold;margin-right: 20px;text-transform: uppercase;}
.prflimg{height:32px;width:32px;border-radius:100%;display:inline-block;background:#fff;vertical-align:middle;overflow:hidden;}
.prflimg img{width:100%;height: 100%;object-fit: cover;}
.notif{
    background: #FF3C00;
    border-radius: 50%;
    display: inline-block;
    font-size: 8px;
    height: 6px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 6px;
    right: 11px;
    color: var(--module-color);
}
.notifryt{float: none;width: 80%;display: table-cell}
.hdrprfl ul li.hvr:hover{background:rgba(255,255,255,0.1)}
.ntfctndrpdwn{position:relative}
/*width:250px;*/
.ntfctnul{position:absolute;background:#fff;top:45px;border:1px solid #e1e1e1;width:250px;right:0;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index: 9;text-transform: none;font-weight: normal}
.hdrprfl ul li .ntfctnul li{width:100%;color:#505050;line-height:14px;padding:10px 0;font-size:14px;border-bottom:1px solid #eee;display: table}
.hdrprfl ul li .ntfctnul li:hover{background:#f2f2f2}
.lftnotif{float:none;width:18%;text-align:center;font-size:21px;display: table-cell;vertical-align: middle}
.activprfl{background:rgba(255,255,255,0.1)}
.mesg:before{content:"\e06a";color:#ffc107;float:none}
/*.ntfctn_dflt:before{content:"\e065";background: rgb(76,195,240) none repeat scroll 0 0;border-radius: 50%;color: #fff;display: inline-block; float: none;height: 28px; line-height: 28px;width: 27px;}*/
.ntfctn_dflt:before{content:"\e05c";color: rgb(76,195,240);float: none;font-size: 26px;
    height: 28px; line-height: 28px;width: 27px;}
.test:before{content:"\e13a";color:#0063c6;float:none}
.report:before{content:"\e01a";color:#07bf29;float:none}
.notifdsc{float:left;width:100%}
.rytnotif{float:left;width:100%;font-size:11px;color: #999}
.frsthlfprfl{float:left;text-align:center;width:40%}
.prfldiv{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #DCDFEE;
    position: absolute;
    right: 0;
    width: 160px;
    line-height: 18px;
    box-shadow: 0px 1px 3px 0px #0000001A;
    z-index: 99;
    top: 40px;
    border-radius: 8px;
}
.prfldiv ul{color: #333;font-weight: normal}
.prfldiv ul li {float: none; padding: 10px 9px;text-transform: none;font-size: 13px}
.prfldiv ul li:hover{background: #f2f2f2;border-radius:4px ;}
.prfldiv ul li a{font-size: 13px;color: #000000e3;display: block}
.prfldiv ul li a:hover{background: #f2f2f2}
.prfldrpdwn{position:relative}
.prfllft{border-radius:50%;display:inline-block;float:left;height:100px;margin:11px 6px;overflow:hidden;width:100px}
.prfllft img{width:100%}
.scndhlfprfl{float:left;width:60%}
.usrnamindrp{border-bottom:1px solid #eee;color:#505050;float:left;font-size:16px;font-weight:700;margin:11px 0;width:90%}
.edtprflbtn{border:1px solid #0063c6;border-radius:3px;color:#0063c6 !important;float:right;padding:6px 7px;font-size:13px;transition: all 0.3s ease;border-radius: 3px}
.edtprflbtn:hover{background: #0063c6;color: #fff !important}
.edtprflbtn:active{box-shadow:0 0 14px rgba(0,0,0, 0.4) inset}
.usrscndspn{width:90%;float:left;line-height:18px}
.prflbtmdiv{background:#f3f3f3 none repeat scroll 0 0;display:inline-block;float:left;padding:15px 0;width:100%}
.prflbtmdiv a{line-height:18px}
.chngpass{border:1px solid #0063c6;border-radius:3px;color:#0063c6!important;float:left;font-size:12px;margin:0 9px;padding:6px 4px;transition: all 0.3s ease;border-radius: 3px}
.chngpass:hover{background: #0063c6;color: #fff !important}
.chngpass:active{box-shadow:0 0 14px rgba(0,0,0, 0.4) inset}
.signout{background:#1972cc none repeat scroll 0 0;border:1px solid #0063c6;border-radius:3px;float:right;font-size:12px;margin:0 9px;padding:6px 18px}
.signout:hover{background: #0063c6 }
.signout:active{box-shadow:0 0 14px rgba(0,0,0, 0.4) inset}
.pagename{margin:0 40px;padding:0;
    width: 810px;
    display: inline-block;}
.pgnam{color:var(--module-color);font-size:22px;padding:20px 0}
.hdrmodule{
    /* border-top:1px solid rgba(0,0,0,0.2) */
    width: 100%;
    float: left;
    margin-top: 16px;
}
.hdrmodule li{float:left;cursor: pointer;padding: 0 !important;}
.modules{float: none;display: inline-block;font-size:16px;font-weight:300;line-height:10px;margin:0;text-transform:capitalize;padding: 14px 16px}
.modules.actvsubmdule{
    border-bottom: unset !important;
    font-weight: 400;
    background: rgb(232 237 245 / 15%);
    /* padding: 13px 16px; */
    color: var(--module-color);
}
.modules.actvsubmdule svg path{
    fill: var(--module-color);
}

.outersection{width:100%;display:inline-block;background:transparent;float:left}
.lftmenu{background: #fff none repeat scroll 0 0;
    bottom: 34px;
    display: inline-block;
    float: left;
    left: 0;
    position: fixed;
    top: 116px;
    border-right: 1px solid #DCDFEE;
    z-index: -2;
    width: 221px; bottom: 0;}
.acrdinli a{color:#505050;display:inline-block;font-size:13px;padding:5px 0 5px 20%;text-align:left;text-transform:uppercase;width:80%}
.accordion-content ul{display:inline-block;width:100%}
.accordion-header-active .flaticon:before{color:#333}
.appdiv {
    width: 100%;
    padding: 0 36px;
}.apphdng {
    border-top: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 12px;
    /* height: 38px; */
    line-height: 31px;
    padding-top: 5px;
    width: 100%;
}
.dwnapp a{color:#505050;font-size:13px;font-weight:700}
.android:before{content:"\e006";font-size:21px;font-weight:400;margin-right:6px}
.ios:before{content:"\e00a";font-size:21px;font-weight:400;margin-right:6px}
.dwnapp{display:inline-block;margin:5px 0;width:100%}
.maincontentinr{background: transparent;margin:20px 20px 60px 20px;padding:0;border-radius: 4px;}
.inrblocks{
    /* display:inline-block; */
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
    width:100%;
}
.box{
    border: 1px solid #DCDFEE;
    display: inline-block;
    width: 31.9%;
    border-radius: 0px;
    background: #F7F8FD;
    border-radius: 8px;
    height: 86px;
    padding: 22px 0 0;
    box-sizing: border-box;
    margin-right: 22px;
}
.notification_box{
    width: 31.9%;
    border-radius: 0px;
    background: #f1f3f5;
    border-radius: 8px;
    float: left;
    border: none;
}
.inrdiv{
    padding: 40px;
    width: 100%;
    box-sizing: border-box;
    float: left;
}
.testpage .box{margin-bottom: 20px;border-radius: 8px;}
.rprtinr .box{margin-bottom: 20px;border-radius: 8px;}
.testpage{margin-bottom: 0px}
.inrbx{margin:20px;float: left;}
.tsthdng{font-size: 18px;
    font-weight: 500;
    height: auto;
    color: #000000E3;
    text-transform: capitalize;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 24px;
}
.clndr:before{
    content:"\e02c";
    font-size:13px;
    /* margin:0 0px 0 -3px; */
    margin:0 6px 0 -2px;
}
.insidetest{
    font-size:14px;
    margin:12px 0 0;
    /* height: 148px; */
    height: 175px;
    float: left;
}
.wach:before{content:"\e144";font-size:18px;margin: 0 2px 0 -5px}

.testbtn{border-radius:4px;color:#505050;display:inline-block;font-size:15px;padding:9px 0;text-align:center;width:99%;transition:all .5s ease;margin-top: 0px;cursor:pointer;margin-left: 15px}
.certificate-btn{width: 41%;}
.testbtn:hover{background-color: #F6F8FC;}
/*.testbtn:active{box-shadow:0 0 14px rgba(0,99,198, 0.4) inset}*/
footer{background: #fff none repeat scroll 0 0;
display: inline-block;
font-size: 12px;
z-index: 0;
padding: 9px 0;
text-align: center;
width: 100%;
position: absolute;
min-height: 15px;
bottom: 0;border-top: 1px solid #ccc;}
.middle{border-left:1px solid #505050;
       /*border-right:1px solid #505050;    //Commented Due to Removal of updated coloumn in fotter */
       margin:0 8px;padding:0 10px}
.box.flwdthbx{width:100%;margin-bottom:20px}
.box.flwdthbx:last-child{margin-bottom:0}
.darkhdng{font-weight:700;font-size:14px;display:inline-block;background:#f6f6f6;width:100%;color:#000}
.availpkg{font-size:13px;font-weight:400}
.flwdthbx p{line-height:17px;font-size:13px}
.flwdthbx b{display:inline-block;font-size:14px;margin-bottom:4px;color:#505050}
.verticlmidldiv{display:inline-block;margin:15px 0 0;width:100%}
.lastp{margin:20px 0}
.pakgby{background:rgb(115,200,73) none repeat scroll 0 0;border:1px solid rgb(115,200,73);color:#fff;font-size:14px;padding:0px 28px;transition: all 0.3s ease;border-radius: 3px;float: left;height: 16px;cursor: pointer}
.pakgby:hover{background:#28a52c}
.pakgby:active{box-shadow:0 0 14px rgba(0,0,0, 0.2) inset}
.datecount{display:inline-block;font-size:14px;margin:0 0 6px 0;padding:3px 0;width:100%}
.datecount .clndr:before{font-weight:400;float:none}
.reportdv{display:inline-block;padding-bottom:20px;margin-bottom:10px;margin-top: 20px;width:100%;}
.lftrprt{display:inline-block;float:left;font-size:14px;width:49%}
.rytrprt{float:left;width:100%;display:inline-block;border-left:1px dashed #ccc}
.maxmarks{font-weight:700;font-size:20px;color:#000;width:100%;float:left}
.marksinr{margin-left:20px}
.rytattemp{border-bottom:1px dashed #ccc;margin:8px 0;padding:0 0 8px;color: #666}
.rytattemp > span{display:inline-block;font-size:14px;margin:0;width:100%}
.rytattemp > span.green{color:#10c469;font-size:20px;font-weight:700}
.rytattemp > span.red{color:#ff5b5b;font-size:20px;font-weight:700}
.rytattemp > span.yellow{color:#f9c851;font-size:20px;font-weight:700}
.rytattemp:first-child{margin-top:0;padding-top:0}
.rytattemp:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.max-top{margin:15px 0 0;color: #666}
.pgnamul{padding:39px 0;font-size:25px;position:relative}
.cntntulview ul li{font-size:14px;position:relative;z-index: 0}
.notifdiv b{color:#505050;display:inline-block;font-size:14px;margin-bottom:7px;width:100%}
.verticlmidldiv.notifdiv{font-size:13px;line-height:15px;margin:0}
.notiftym{color:#505050;font-size:11px;margin:10px 0 0}
.notiftym .wach:before{font-size:15px}
.recentntfctn::before{background:#fce3a8 none repeat scroll 0 0;content:"";float:left;height:100%;left:0;position:absolute;width:3px;top:0}
.grdhdng{display:inline-block;width:100%;font-weight:700;color:#000;font-size:16px;margin-top: 0px;}
.grddate{display:inline-block;width:auto;font-weight:400;font-size:14px;color:#777;margin-top:6px}
.grddate .clndr:before{margin:0;float:none;line-height:0}
.gridview{display:inline-block;width:100%}
.gridview li{float:left;padding:10px 20px}
.gridview li:first-child{padding-left:0;float:left;}
.gridview li:last-child{float:right;padding:2px 0px;}
.gridview li .grdinr li:first-child{padding:7px 23px 7px 0px;float:left;width:auto}
.gridview li .grdinr li:last-child{padding:2px 0px 2px 20px;float:left;width:auto}
.gridview .attempgrd{border-bottom:0 none;color:#777;float:left;font-size:14px;margin:0;padding:0 10px}
.attempgrd span{width:auto}
.gridview .attempgrd span{margin:2px 7px;width:auto}
.topgrd{display:inline-block}
.bottomgrid{text-align:center;font-size:14px}
.bottomgrid b{font-size:16px}
.viewselection{position:absolute;font-weight:400;right:0;bottom:0}
.grid:before{content:"\e08b";font-size:18px;margin:6px 3px;color:#fff}
.tab:before{content:"\e0bc";font-size:24px;margin:6px 3px;color:#fff}
.stikybottom{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e1e1e1}
.outrwrpr{display:inline-block;width:100%}
.outersection{background:#fff none repeat scroll 0 0;border-bottom:1px solid #e1e1e1;display:inline-block;float:left;width:100%}
.grdvw{display:inline-block;float:left;height:20px;margin:6px 15px;padding:0 1px;width:20px}
.bloks{background:#fff none repeat scroll 0 0;display:inline-block;float:left;height:5.8px;margin:1px;width:5.8px}
.tabblk{background:#fff none repeat scroll 0 0;display:inline-block;float:left;height:2.9px;margin:1px;width:74%}
.rprtgrdvw{color:#3f3f3f;cursor:pointer;transition:all .3s ease}
.rprtgrdvw:hover{border:1px solid #0063c6}
/*.rprtinr .tsthdng{height: auto;}*/

.nano {position : relative;width    : 100%;height   : 100%;overflow : hidden;}
.nano > .nano-content {
  position      : absolute;
  /* overflow      : scroll; */
  overflow      : auto;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 38px;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
/*  background: #444;
  background: rgba(0,0,0,.5);*/
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.nano {  background: #fff none repeat scroll 0 0;
    bottom: 34px;
    top: 0;
    width: 100%;}
.nano .nano-pane   { background: #f2f2f2; }
.nano .nano-slider { background: rgba(0, 0, 0, 0.3); }
.setting:before{content: "\e048";font-size: 16px;margin-right:3px}
.mail:before{content: "\e069";font-size: 14px;margin-right:3px}
.log {    font-size: 14px !important;}

.loginoutr{text-align: center;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #fff}
.backgroundimg{
     /* background: url('../image/bg.png'); */
     background-position: fixed;
     background-size: cover;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     /* overflow: auto; */
}
.loginr{  display: inline-block;
    font-size: 18px;
    height: 550px;
    margin: auto;
    overflow: visible;
    width: 100%;
    height: 100%;
}
.loginmain{
/*    box-shadow: 0 4px 1px #ccc;*/
    display: inline-block;
    width: 100%;
height: 100%;}
.logoin img{    
    max-width: 250px;
    max-height: 100px;
    height: auto;
    width: auto;
}
    .signin{font-size: 22px;font-weight:bold;position: relative}
.signin:before{background:  #e1e1e1 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 154px;
    top: 15px;
    width: 158px;}
.signin:after{background:  #e1e1e1 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    left: 154px;
    top: 15px;
    width: 158px;}
.reg:before{right:175px;width:154px}
.reg:after{left:175px;width:154px}
.logoin{padding: 25px 0px 20px;}

.loginparttntoutr{ background: #fff none repeat scroll 0 0;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
    height: 100%;
}
.loginparttntoutr::before {
       background: #666 none repeat scroll 0 0;
    border-radius: 0 0 50% 50%;
    bottom: 31px;
    box-shadow: 19px 23px 96px rgba(0, 99, 198, 0.5);
    content: "";
    display: inline-block;
    height: 81%;
    left: 11%;
    position: absolute;
    width: 81%;
    z-index: -1;
}
.login_partitian{ background: #fff none repeat scroll 0 0;
    float: left;
    height: 496px;
    overflow: hidden;
    vertical-align: middle;
    width: 600px;
    height: 100%;
}
.login_partitian:last-child{border-top: 3px solid #0063c6;height: 493px;
    overflow-x: hidden;
    position: relative;}
.login_partitian.left{
	color: #fff;
	background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../image/loginbg.jpg") !important;
    background-origin: padding-box;
    background-position: 0px 0;
    background-repeat: repeat;
    background-size: cover;}
 .loginhead {
    font-weight: bolder !important;
    font-size: 30px !important;
    margin: 0 0 24px !important ;
    text-align: center;

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

.inpthdr {
    display: none;
    font-size: 14px;
    margin-bottom: 3px;
    width: 100%;
}

.inpt {
    border-radius: 3px;
    padding: 10px 15px;
    width: 100%;
    /* color: #616161; */
    color: #020202;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    background: #fff;
    border: 1px solid #bdbdbd !important;
    /* font-weight: bolder; */
    font-family: roboto;
}



.inpt:focus {
  border: 1px solid #0063c6 !important;
  /*box-shadow: 0 0 4px #0063c6;*/
  outline: none;
  background-color: #fff !important;
  color: #0063c6;
}
.inputcolor:focus{
    color: #020202;
}
#dob:focus, .dropdown-btn:focus{
    border: 1px solid #0063c6 !important;

}
select.inpt{
    width:100%;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: transparent;
    position: relative;
    z-index: 4;
    cursor: pointer;
    /* color:#a9a9a9 !important; */
    color: #000000E3 !important;
    background: #fff;
    border: 1px solid #DCDFEE  !important;
}

.selectbox{position: relative}
.selectbox::after {
    color: #b0b0b0;
    content: "";
    float: left;
    font-family: flaticon;
    font-size: 17px;
    line-height: 38px;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 0;
    display:none;
}
.cntntdv {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.reginr .cntntdv{margin-bottom: 15px;}
.checkbx{display: none}
cntntdv:last-child{
    margin-bottom: 0px;
}
.checkbx:checked + .checkinr {
    border: 1px solid #0063c6;
}
.checkbx + .checkinr {
  border: 1px solid #e1e1e1;
    display: inline-block;
    float: left;
    height: 15px;
    margin-right: 10px;
    width: 15px;
}

.checkbx:checked + .checkinr .chsymb::before {
    color: #0063c6;
}
.checkbx + .checkinr .chsymb::before {
    color: transparent;
    content: "\e051";
    float: left;
    font-family: flaticon;
    line-height: 16px;
    font-size: 11px;

    margin: 0 -2px;
}
.btnin{background: #1833cc;border: 1px solid #bdbdbd !important;color: #fff;font-weight: unset;cursor: pointer;font-size: 15px;height:50px;font-family: roboto; border-radius: 6px;}
.btnin:hover{background-color: #105498 ; transition: all .2s ease-in !important;}
.frgtpswrd {
    color: #333;
    font-size: 14px;
    margin: 0px 0 0;
    float: right;
}
.frgtpswrd:hover{text-decoration: underline;cursor: pointer;color:#0063c6;}
.lock:before{content:"\e0be";font-size: 14px;}
 .signupdiv{font-size: 16px;
margin: 10px 0 0;}
.signupbtn{color: #0063c6}
.halfwidth{width:48%;display: inline-block;float: left}
.halfwidth.last{float: right}
select{color: #767676}


.pkgnampay {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0px;
}
.pkgnampay:last-child{margin-bottom: 10px}
.pkgnampay b{font-weight: bold;font-size: 20px;color: #505050}

.payprc {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    padding-bottom: 2px;
    width: 100%;
}

.payprc2 {
    display: inline-block;
    padding: 18px 0;
    width: 100%;
}

.coupondiv {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    margin-bottom: 40px;
    padding: 0px 0 23px;
}
.leftpay{display: inline-block;width:350px;float: left;}

.coupondiv img {
    margin: 0 12px 0 4px;
    vertical-align: bottom;
}
.coupondiv a{color: #1972cc;text-decoration: underline;font-weight: 700}

.payuimg > img {
    box-shadow: 0 0 2px #e1e1e1;
}
.rytpay{float: right;width:350px}
.coupondivryt{    margin-bottom: 0;
    padding: 13px 0;}
.rytprc{float: right}
.green{color: #4caf50}
.totalpay{font-size: 16px;padding: 10px 0px}


.paymnt {
    border-radius: 3px;
    display: inline-block;
    font-size: 15px;
    margin-top: 20px;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.payinstrctn {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 20px;
    color: #505050
}

.instdiv {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}
.instimg {
    display: inline-block;
    float: left;
    width: 72px;
}

.inpt1 {
    border-radius: 0;
    width:70%;
}
.coupondiv .cpnbtn {
    background: #0063c6 none repeat scroll 0 0;
    color: #fff;
    float: right;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    width: 78px;
}

.instcntnt {
    display: inline-block;
    font-size: 11px;
    margin: 6px 0 0;
}
.instcntnt b{font-size: 12px;}
a.btnin{width:100%;display: inline-block;padding: 14px 0px;text-align: center}
/*.prfldrpdwn:hover .prfldiv{display: block !important}*/
.maincontainrreports {
    background: transparent none repeat scroll 0 0;
    margin-top: 116px !important;
}
.reportcards{background: #fff;display: inline-block;width: 100%}
.reportcards.multiReport{background: unset;}
.reportcards.multiReport .proper_margin{background: #fff;    padding: 5px 15px;
    border-radius: 8px;    box-sizing: border-box;}
    .reportcards.multiReport .proper_margin .bckbtn-rprt{
        margin: 0px !important;
        height: 50px;
        line-height: 50px;
        background:transparent;
        transition: .3s all ease-in-out;
    }
    .reportcards.multiReport .proper_margin .bckbtn-rprt:hover,.reportcards.multiReport .tableWrapper .btn-rprtvw:hover{
        background:#f6f8fc
    }
    .btn-rprtvw:hover{
        background:#f6f8fc
    }
    .reportcards.multiReport span.rmngattmpts_tst{
        margin-top: 0px;
    }
    .reportcards.multiReport .tableWrapper{
       
        border-radius: 8px;
        overflow: hidden;
        float: left;
        width: 100%;
    }
    .reportcards.multiReport .tableWrapper thead th{
        text-transform: capitalize;
        border-bottom: none;
    }
    .reportcards.multiReport .tableWrapper tbody{
        background: #fff;
    }
.reportstudent{display: inline-block;width: 100%;float: left;}
.reportstudent li{    
    float: left;
    width: 24.8%;
}
.leftrprthdng {
    display: inline-block;
    font-size: 12px;
    padding: 5px 20px 0;
    text-align: left;
    text-transform: capitalize;
    width: 33%;
    font-weight: 500;
    color: #0000008A;
    margin-top: 0 !important;
}
.rightrprthdng {
    float: right;
    font-size: 24px;
    font-weight: 800;
    line-height: 18px;
    padding: 5px 20px 0;
    color: #000000E3;
}
.reportstudent li:last-child{border-right: 0px}
.cardoutr {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}

.outrcard{width: 50%;float: left;}
.card1 {
    background: #fff none repeat scroll 0 0;
    margin-right: 10px;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #DCDFEE;
    box-sizing: border-box;
    position: relative
}
.card2{
    margin-left: 10px;
    margin-right: 0px;

}
.right{float: right}
.cardvalue {
    float: none;
    padding: 0px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}
.minibox{border: 0;}

.cardul {
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
}
.cardul > li {
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 0;
    font-size: 14px
}
.marktype{color: #666}

.markvalue {
    color: #666;
    float: right;
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
}
.cardul > li:last-child{padding-bottom: 0}
.card3{margin-top: 20px}
.reportmain{display: inline-block;width: 100%;padding-right: 40px;}
.twoleft{text-align: center;width: 49%;display: inline-block}
.piechart1{ border: 35px solid rgb(6, 84, 210);
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    width: 100px;}
.piechartvalue{height: 15px;width: 15px;float: left;display: inline-block;margin: 0px 20px}
.accuracy{background: rgb(4,69,135)}
.coprrectquestion{background: rgb(5,119,233)}
.skippedquestion{background: rgb(22,164,250)}
.incoprrectquestion{background: rgb(6,84,210)}
.twoleft.right li {
    display: inline-block;
    font-size: 13px;
    line-height: 15px;color: #aaa;
    margin: 12px 0;
    width: 100%;
    text-align: left
}
.twoleft.right > ul {
    margin: 7px 0;
}
.outrwrap{display: inline-block;width:100%}
.card2inr {
    margin: 24px 0 0;
}
.views{float: right;font-weight:normal;font-size:13px;text-transform: uppercase}
.radio{display: none}
.radio + .radiobutton{border: 1px solid #666;height: 8px;width:8px;display: inline-block;float: left;border-radius: 50%;cursor: pointer;margin-right: 6px;margin-top: 2px;}
.radio:checked + .radiobutton{background: rgb(231,96,92);border-color: rgb(231,96,92)}
.viewinr{  float: left;
    margin-left: 15px;font-size: 12px;color: #aaa}
.reporttsthdng{height: auto}
.table{width: 100%;border-collapse: collapse;font-size: 14px;}
.tablehdng{background: #f1f1f1}
.table th,.table td{padding:10px 20px;text-align: center;border-bottom: 1px solid #e9e9e9;font-size: 14px;line-height: 14px;}
.table th{text-transform: uppercase}
.table th:first-child,.table td:first-child{text-align: left;width: 280px;}
.tdhdng{background: #f1f1f1}
.table tr:last-child td{border-bottom: 0}

.leftsubject {
    display: inline-block;
    float: left;
    width: 100%;
}
.leftsubject .cardvalue{text-align: left}
.piechart2{border:2px solid rgb(255,107,107);height: 120px;width: 120px;display: inline-block;border-radius: 50%}
.noattempt{background:#A7B3C8}
.correct{background: #3249A2}
.incorrect{background: #EC7C58}
.pievaluehoriz{display:inline-block;width:100%;margin: 39px 0 0;}
.pievaluehoriz .piechartvalue{margin: 0 5px 0 0;height: 15px;width: 15px;}

.pievaluehoriz li {
    float: left;
    font-size: 13px;
    margin: 20px 18px 0 0;
    line-height: 18px;
}
.subjectwiselist li{display: inline-block;width: 100%;border-bottom: 1px solid #ccc}
.maincontainrreports .inrdiv{margin: 0px;padding: 15px;}
.card1 .testhdng{height: 25px;}
.maincontainrreports .tsthdng{text-transform: capitalize;margin-bottom: 20px;}
.red{color: red}
.fixedportion {
    position: static;
    width: 100%;
    background: transparent;
    border-radius: 8px;
    margin-bottom: 20px;
}
.inrdiv.rprtinr {
    padding: 40px 40px 0;
    background: transparent;

}
.fixedportion .inrdiv.rprtinr{
    /* box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.1); */
}
.center{text-align: center;display: inline-block;width: 100%;}
.border{border: 1px solid #ccc;box-shadow: none;padding: 0}
.border .leftrprthdng{color: #666}
.border .marktype{color: #666}
.border .cardul > li{padding: 15px;}
.sbjctanalysis .card1{margin-bottom: 10px;}
.starttest{background:#18B876;border-color: rgba(28, 140, 32, 1);color: #fff}
.incmplete{background:rgba(246, 120, 115, 1);border-color: rgba(179, 26, 20, 0.5);color: #fff}
.starttest:hover{color:#fff;background: #1C9D68;border-color: rgba(28, 140, 32, 1)}
.incmplete:hover{color:#fff;background: #f35852;border-color: rgba(179, 26, 20, 0.5);}

          .profile1:before{content:"\e158";font-size:17px;font-weight:400;font-family: flaticon;}
.lgout1:before{content:"\e0f1";font-size:17px;font-weight:400;font-family: flaticon;}
.setting1:before{content:"\e048";font-size:17px;font-weight:400;font-family: flaticon;}
.supp1:before{content:"\e138";font-size:17px;font-weight:400;font-family: flaticon;}
.helper:before{content:"\e0f6";font-size:17px;font-weight:400;font-family: flaticon;}
.rep:before{content:"\e050";font-size:17px;font-weight:400;font-family: flaticon;margin-right: 2px;}
.close:before{content:"\e0fc";font-size:16px;font-weight:400;font-family: flaticon;margin-right: 2px;}

.packagecard li {
    /* border: 1px solid #ccc; */
    float: left;
    margin: 1%;
    padding-bottom: 0px !important;
    position: relative;
    width: 31.1%;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
}
.packagecard li:nth-child(3n){
    /* margin-right: 0; */
}

/*.packagecard li:hover{box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.25)}*/
.packagecard li img{width: 100%;height: 170px; float: left}
.pkg_desc{padding:15px 10px 0;color: #ababab; float: left;background: #fff;}
.pkg_hdng{    text-transform: uppercase;
    color: #333;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    height: 52px;
    line-height: 22px;
    font-family: RobotoMedium;
    margin-bottom: 0 !important
}
 .tstvalid{float:right;background: rgb(142,144,255);color: #fff;padding: 3px 9px;border-radius: 15px;font-size: 12px}
.tstvalid b{color: #fff}
.tstno{float:left;color:#000 }
.tstno b{color: #000;}
.pkgdtl{font-size: 14px;padding: 15px 0 10px;display: inline-block;width: 100%;line-height: 15px;}
.pkgdescinr {
    display: block;
    font-size: 12px;
    line-height: 20px;
    height: 38px;
    overflow: hidden;
}
.pkgdescinr p {
    font-size: 14px;
    color: #333;
}
.pricingdiv{
    padding: 30px 10px 10px;
    background: #fff;
    float: left;
    width: 100%;
    box-sizing: border-box;}
.pricingdiv1{
    position:absolute;
    bottom:0%;
}
.pricingdiv .pakgby {
 border-radius: 5px;
float: right;
font-size: 14px;
padding: 10px 22px;
background: rgb(115,200,73)
}
.pricingmain{line-height: 28px;float: left}
.del{color: #ababab;font-size: 18px;position: relative;margin-right: 5px;display: inline-block;height: 14px;}
.del:before{content: '';width:103%;position: absolute;height:1px;background: #04004E;top: 9px;opacity: 0.6;}
.del_packagedvright::before{top:10px !important;}
.del svg{fill: #04004E}
.mainprc{font-size: 18px;color: #ababab}
.mainprc svg{fill: #ababab;margin-right: -4px}
.mainprc.red svg{fill:rgba(0, 0, 0, 0.89);padding-right: 5px;height: 11px;}
.mainprc.red{color: rgb(255,99,100);font-weight: bold;display: inline-block;height: 14px;padding-left:7px;}
.packagecard {
    display: inline-block;
    width: 100%;
    float:left;
}
.tstno b{font-size: 18px;}
.new::before {
    /* border-bottom: 25px solid rgb(255,81,82);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    left: -17px;
    position: absolute;
    top: -4px;
    transform: rotate(-45deg) perspective(999px);
    -webkit-transform: rotate(-45deg) perspective(999px); */
}
.new::after {
    color: #fff;
    content: "New";
    font-size: 14px;
    left: 12px;
    position: absolute;
    top: 12px;
    /* transform: rotate(-45deg); */
    /* -webkit-transform: rotate(-45deg) perspective(999px); */
    background: rgba(231, 53, 14, 1);
    padding: 0 10px;
    border-radius: 12px;
    font-weight: 500;
}
.offamnt{margin-left: 0px;font-size:10px;padding-left:7px;}
.pdnginrdiv{margin:0;padding:2%;border-bottom:1px solid #ccc}
.pdnginrdiv:last-child{
	border-bottom:0px solid #ccc
}
.bighdng{color: #333;font-size:22px; margin: 0 !important}
.mainpkgdtl{font-size: 14px;line-height: 18px;}
.mainpkgdtl h3 {
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase
}
.mainpkgdtl p {
    font-size: 14px;
}
.margin15{margin-top: 15px;}
.packageul ul li{list-style:inside none disc;margin:4px 0}
.margin25{margin: 25px 0}
.packagetest h2 {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}
.packageol{}
.packageol > li {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 16px;
    padding: 15px 0;
    position: relative;
}

.packageol > li:last-child{border-bottom: 0px}

.olnmbr {
    background: #eee none repeat scroll 0 0;
    border-radius: 50%;
    color: #aaa;
    display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin: 0 16px 0 0;
    text-align: center;
    width: 40px;
    position: absolute
}
.tst_pkg {
    margin-left: 60px;display: inline-block
}
.pkgclndr{display:inline-block;width:100%;color: #aaa;font-size: 12px;}
.pkgclndr .clndr:before{margin: 0 5px 0 0}
.packagedvright{
display: inline-block;
padding: 20px;
position: absolute;
right: 0;
top: 0;
width: 295px;}
.width100{width: 100%}
.packagedvright .tstno{font-size: 14px;}
.packagedvright .tstno b{font-weight: normal;font-size: 14px;color: #000;margin-left: 7px;}
.dashedul{display: block;}
.dashedul li {
    border-bottom: 1px dashed #ccc;
    display: inline-block;
    width: 100%;padding: 8px 0;
}
.dashedul li:last-child{border-bottom: 0px}
.blockinline{display: inline-block;width: 100%}

.packagedvright .pakgby {
    /* margin-top: 20px; */
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.chngprfl {
   border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 130px;
    left: 17px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    width: 130px;
}
.relative{position: relative}
.prfl_hdng{padding-left: 190px}
.prflul li{
    /* border-bottom: 1px solid #ccc; */
    font-size:14px;
    padding: 11px 0px;
}
.prflul li:first-child{padding-top:0px}
.prflul li:last-child{border-bottom: 0px !important;}
.editprflbtn{
margin-top: 18px;}
.lftprflpart {
    color: #222;
    display: inline-block;
    float: left;
    font-weight: bold;
    width: 45%;
    line-height:29px
}
.prflinpt{width:52%;display: inline-block;}
.prflinpt.vrfyinpt{position: relative; margin-bottom: 25px; width: 37%;}
.resend-cls.edit-rscnd-cls{
    right: 4px;
    bottom: 0;
    top: 40px;
    z-index: 0;
}
.disable { background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 14px;
    width: 250px;
    height: 29px; border:1px solid transparent;
    padding: 0 4px;
}
textarea.disable{font-family: roboto;height: auto;resize: none;overflow: visible;width: 90%}

.changprflbtn {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    height: 32px;
    left: 0;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 97px;
    width: 100%;
}
.plainbtn { background:#fff;border:1px solid #ccc;float:right;height:30px;line-height:30px;border-radius:3px;padding: 0 15px;display:inline-block;font-size:14px;font-weight:normal;color:#333;width:auto }
.editinput {
    border: 1px solid #ccc;
    /* height: 29px; */
    height: 40px;
    line-height: 29px;
    /* padding: 0 4px; */
    padding: 0 10px;
    width:300px;
    -webkit-appearnce: none;
    appearance: none;
    -moz-appearance: none;
}
select.editinput{
 width: 300px;
}
textarea.editinput{
 resize: vertical
}
.canclbtn {font-size: 14px;color: #fff;background: #505050;border-radius: 3px;border:1px solid #333}
.canclbtn:hover{background: #444}

.flotright{float: right}
.rytbtn{margin-left: 10px}
.lftdtl{float:left;width:48%;display: inline-block;}
.rytdtl{float:left;width:48%;display: inline-block}
.prchsdtl{font-size: 14px;color: #333}
.prchsdtlinr{display: inline-block;width:100%;margin:5px 0px}
.reciptbtn {
    border-top: 1px solid #ccc;
    bottom: 0;
    color: #555;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    width: 100%;transition: all 0.2s ease
}
.reciptbtn:hover{background: #eee}
.reciptbtn:active{box-shadow:0 0 14px rgba(0,0,0, 0.1) inset}
.inv_top_wrap {
    position: relative;
    width: 100%;
}

.inv_ginger {
    line-height: 20px;
/*    position: absolute;*/
/*    top: 60px;*/
    width: 200px;
}
.inv_client {
/*    bottom: 30px;*/
    line-height: 20px;
/*    position: absolute;*/
    width: 350px;
 margin-top: 20px;
}
.inv_invoice {

    font-size: 13px;
    font-weight:600;
}
.inv_inv {
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 70px;
    width: 25%;
}


.inv_bottom_wrap {
    position: relative;
    width: 100%;
}
.amount_inv {
    border-collapse: collapse;
    width: 100%;
}
.amt_head {
    border: 1px solid #ccc;
    height: 35px;
    padding-left: 10px;
    text-align: left;
    font-size: 12px;
}
.amt_td {
    border: 1px solid #ccc;
    height: 42px;
    padding-left: 10px;
    text-align: left;
    width: 60px;
    font-size: 12px;
}
.inv_bottom_amount {
    float: right;
    height: 105px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 245px;
}
.inv_box {
    display: block;
    float: left;
    width: 100%;
}
.left_inv {
    float: left;
    width: 46%;
    padding-left: 5px;
}
.rgt_inv {
    float: right;
    width: 50%;
}
.emptyscreen{
background: transparent;
box-shadow: unset !important;
text-align: center;
vertical-align: middle;
position: fixed;
/* top: 173px; */
top: 116px;
left: 220px;
right: 0px;
/* bottom: 20px; */
bottom: 50px;
/* overflow: auto; */
z-index: -1;
}
.emptyscreen.emptyscreen_testSmry.wrapper {
    /* top: 261px; */
}
.emptydiv{
    display: inline-block;
    vertical-align: top;
    height: 100% !important;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 0;
}
.emptydiv h2{
    color: #000000e3;
    font-size: 18px;
    margin-bottom: 10px;
}
.emptydvinr span {
    font-size: 16px;
    box-sizing: border-box;
    color: #000000e3;
    opacity: 0.6;
}
.blankpgbtn {
    background: #4caf50 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    padding: 11px 39px;
    text-transform: uppercase;
	cursor: pointer
}
.emptydvinr{

   color: #777;
    display: inline-block;
    font-size: 13px;
    margin-top: 10px;
    width: 50%;
}
.popup {
    display: inline-block;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;}
.popupbg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 99}
.popupinr {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 5% auto 0;
    position: relative;
    width: 800px;
    z-index: 999;
 text-align: left;
 overflow: hidden;
}
.popupproduct .popupinr{
	margin: 0 auto;
	background: transparent
}
.popupinr > h1 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 10px 10px 5px 10px;
 background: #e8e8e8;
 color: #333
}
.popupcntnt{text-align: center;padding: 10px}
.selectphoto {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #555;
    display: inline-block;
    padding: 9px;
}
.popupcntnt > img {
    width: 100%;
 cursor: pointer
}


.margin10{margin:10px}
.emptyscrncntnt{min-height: auto}
.notifdrop .nano{height: 400px;}
.ntfctnul .nano{height: 255px;}
/*.ntfctnul .nano{height: auto;}*/
.notifvwall{ background: #eee none repeat scroll 0 0;
    color: #555;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;}
.width50{width:49%;float: left;display: inline-block;margin: 0 1% 0 0}
.scndwidth50{margin: 0 0 0 1%;float: right}
.new_regbtn{border: 1px solid #e8e8e8;background: #fff;color: #0063c6;border-radius: 8px}
.new_regbtn:hover{background-color: #F6F8FC;transition: all .2s ease-in !important;}
.divider {
    font-weight: bold;
    position: relative;
    text-align: center;
}
.divider::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 167px;
    top: 9px;
}
.divider::after {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 167px;
    position: absolute;
    right: 0px;
    top: 9px;
}
.bluebrdr{border-color: #0063c6}
.lowercase{text-transform: lowercase;font-weight: bold;font-size: 13px;}
.reginr{position:relative;transform:none;top:0}
/*.reginr .login_partitian{vertical-align: top}*/
.inpt::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(0, 0, 0, 0.89); }
.inpt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0, 0, 0, 0.89); }
.inpt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(0, 0, 0, 0.89); }
.inpt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(0, 0, 0, 0.89); }

.popupclose {background-image: url("../image/cross-symbol1.png");
 background-repeat: no-repeat;
    float: right;
    height: 16px;
    line-height: 25px;
    margin-top: 3px;
    width: 16px;transition: all 0.2s ease;cursor: pointer}
.popupclose:hover {background-image: url("../image/cross-symbol2.png");}

.errorClass {
    border: 1px solid #ff0000;
}
.errorClass::-webkit-input-placeholder {
   color: red;
}

.errorClass:-moz-placeholder { /* Firefox 18- */
   color: red;
}

.errorClass::-moz-placeholder {  /* Firefox 19+ */
   color: red;
}

.errorClass:-ms-input-placeholder {
   color: red;
}

/*
.width400{width:400px}
.popupcontent{padding:20px;}
.margintp20{margin-top: 20px}*/
.loginr .inpttype {
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
 transition: all 0.3s ease;
 left: 0;
 overflow: auto;
    height: 100%;

}
/*.reginr .inpttype {height: auto;overflow: hidden}*/

/*
.lgindiv{animation: upside 1s ease;animation-fill-mode: forwards;}
@keyframes upside{
 0% {transform: translateY(-10%)}

 40% {transform: translateY(-30%)}

 80% {transform: translateY(-60%)}
 100% {display: none}

}
*/

/*.loginr .inpttype.lgindiv{margin-top: -100%;}*/
/*
.loginr .inpttype.frgetdiv{margin-top: 25px;}
.loginr .inpttype.downdiv{margin-top: 25px;}
.loginr .inpttype.downdiv1{margin-top: 100%;}
*/
/*
.loginr .registrydiv{left: 100%;}
.loginr .registration{left: 0%;}
.loginr .inpttype.forgtpswrd{left: 100%;}
.loginr .registration{left: 0%;}
.loginr .lgindiv{left: -100%;}
*/
.loginr .inpttype.hideright{
 left: 100%;
	visibility: hidden
}
.loginr .inpttype.hideleft{
 left: -100%;
}
.loginr .inpttype .btnin{
 width:100%;
}

.login_partitian.left img{margin-top:150px;}
.login_partitian.left {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.infocntnt{font-size: 14px;color: #333;}
/*
.reginr .login_partitian{height: 496px;}
.reginr .login_partitian:last-child{height:493px}
*/
.alreadyreg {
    color: #000000E3;
    display: inline-block;
    font-size: 16px;
    text-align: left !important;
    /* margin-top: 20px; */
    margin-top: 0px;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
}
.alreadyreg:hover{color: #1833cc;
    cursor: pointer;
    text-decoration: underline;
}
.reginr .login_partitian.left img{margin-top: 128px;}
.drawer
{
 width:100%;
 border-radius:3px;
}
.accordion{   background: #eceff1 none repeat scroll 0 0;}

.accordion-item-active .accordion-header
{
 transition:.25s;
    background:#eceff1;
}
.accordion-item-active .accordion-header-icon
{
 color:#fff;
}
/*
.accordion-item-active .accordion-header h1
{
 color:#fff;
}
*/
.accordion-header
{
   background:#fff;
 padding:12px;
 cursor:pointer;

 min-height:20px;
 transition:.25s;
}
.accordion-header h1
    {
        text-transform: uppercase;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 0 20px;
    color: #505050;
        width: 100%
}
.drawer:first-child .accordion-header h1{width: auto}
.accordion-header h1 a{

    color: #505050;
    display: inline-block;width: 100%;
}
.accordion-content
{
/*
 border-left:1px solid #E0E0E0;
 border-right:1px solid #E0E0E0;
 border-top:1px solid #E0E0E0;
*/
 display:none;
 color:#212121;
 background:#eceff1;
 font-size:15px;
 line-height:1.45em;
}
.accordion-content p
{
 margin:0;
 margin-bottom: 3px;
}
.drawer:first-child .accordion-header .accordion-header-icon:before
{
 font-family:flaticon;
 float:right;
    color:#505050;
 font-size: 14px;
 vertical-align: middle;
    content: "\e03c";
    margin: 0 14px 0 0;

}
.drawer:first-child .accordion-header .accordion-header-icon.accordion-header-icon-active:before
{
    content: "\e007"
}

.accordion-item {
    border-left: 4px solid transparent;
}

.accordion-item-active {
    border-left: 4px solid #0063c6;
}
[ng\:cloak],[ng-cloak],.ng-cloak{display:none !important}

.preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0px;
    z-index: 9999999;
}
.statusloader {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.loader {
    margin-left: 5px;
}
.ball-pulse {
    margin-top: 20px;
}

.ball-pulse > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #e91e63;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 2px;
    width: 15px;
    -webkit-animation: scale 0.75s -0.24s normal infinite;
    animation: scale 0.75s -0.24s normal infinite;
}
.bg-blue {
    background-color: #0063c6 !important;
    border-color: #0063c6 !important;
    color: #fff !important;
}
.ball-pulse > div:nth-child(2) {
    animation: scale 0.75s -0.12s normal infinite ;
    -webkit-animation: scale 0.75s -0.12s normal infinite;
}
.bg-amber {
    background-color: #0063c6 !important;
    border-color: #ffc107 !important;
    color: #fff !important;
}
.bg-success {
    background-color: #0063c6 !important;
    border-color: #079948 !important;
    color: #fff !important;
}
.bg-success {
    background-color: #0063c6;
}
.ball-pulse > div:nth-child(3) {
    animation: scale 0.75s 0s normal infinite ;
    -webkit-animation: scale 0.75s 0s normal infinite ;
}
@keyframes ball-pulse-sync {
    33% {
        transform: translateY(10px);
    }
    66% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes ball-pulse-sync {
    33% {
        transform: translateY(10px);
    }
    66% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes scale {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    45% {
        opacity: 0.7;
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
    }
    80% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes scale {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    45% {
        opacity: 0.7;
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
    }
    80% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }

}
.leftmenu_outr{
 display: inline-block;
 width:100%;
}
.leftmenu_outr ul{
    padding: 12px;
    display: inline-block;
    width:100%;
    box-sizing: border-box;
}
.leftmenu_outr ul li{
    width: 100%;
    text-transform: CAPITALIZE;
    font-weight: normal;
    font-size: 14px !important;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease;
    color: #000000E3;
    margin-bottom: 8px;
    line-height: 20px;
    font-weight: 400;
}
.leftmenu_outr ul li:hover {
    background: #F6F8FC;
    border-radius: 8px;
}
.leftmenu_outr ul li .liinrcntnt{
  padding: 10px;
 position: relative;
}
.leftmenu_outr ul li .leftmenu_drpdwn li{
width: 167px;
height: auto;
/*line-height: 33px;*/
display: inline-block;
border-left: 0px;
font-weight: normal;
border-radius: 4px;
padding: 10px 0 10px 10px
}
/* .leftmenu_outr ul li .leftmenu_drpdwn li:last-child{
 margin-bottom: 15px;
} */
/* .leftmenu_outr ul li.activeli{
    background: #1833CC;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
} */
.leftmenuicon:after{
 content:"\e008";
 font-family: flaticon;
 float: right;
 position: absolute;
 right: 15px;
 font-size: 17px;
 top: 10px;
}
.leftmenuicondown:after{
 content: "\e007"
}


.menu_btn1{  background: #fff none repeat scroll 0 0;
 bottom: 0;
 cursor: pointer;
 float: left;
 height: 41px;
 left: 0;
 line-height: 49px;
 position: absolute;
 top: 0;
 width: 41px;
}


.flat_btn1:before{
 color: #006ec6;
 content: "\e0fe";
 font-family: flaticon;
 font-size: 23px;
 line-height: 20px;
}

.flat_btn2:before{
 color: #ffffff;
 content: "\e0fc";
 font-family: flaticon;
 font-size: 23px;
 line-height: 20px;
}


.sizer{margin: 20px 340px 20px 20px;
	min-height: 550px;
 color:#333}

.sizer .inrblocks{
	min-height: 550px;
}
.padders{padding:30px 30px 50px 209px;margin:auto;}
.highligntSelected {
    color: #1833cc;
    background-color: #ffffff;
}
/*.img_think {
      max-width: 220px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}*/
.img_think {
    max-width: 220px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    max-height: 90px;
    padding: 0 10px;
}
.disableButton {
    opacity: 0.5;
}
.insidetest > li{display:inline-block;line-height:22px;margin:2px 0;width:100%;border: 0;padding: 0}
.insidetest > li:hover {box-shadow: none}

 .testcard li{
 padding-bottom: 0
}
.sideloader .emptyscreen{ background: #F6F8FC  none repeat scroll 0 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 116px;
    left: 220px !important;
    right: 0;
    bottom: 0;
 z-index: 9999
}
.sideloader .emptyscreen .img{
 width: 59px;
}
.receiptbtn{
 border: 0px;
 border-top: 1px solid #ccc;
 border-radius: 0px;
 margin-top: 0
}
.receiptbtn:hover{
 border: 0px;
 border-top: 1px solid #ccc;

}

.boxframe li{
 /*border: 10px solid #fff;*/
 height: 390px;
 box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);
 width: 31.3%;
 box-sizing: border-box;
}

.alertclose::before {
    content: "\e0fc";
    font-family: flaticon;
    cursor: pointer;
    position: absolute;
    font-size: 12px;
    right: 20px;
    height: 25px;
    line-height: 21px;
    padding: 0 1px;
    border-left: 1px solid rgba(255,255,255,0.4);
    padding: 0 0 0 14px;
    transition: all 0.2s ease;
}
.alert{background: #7fc35c;
color: #fff;
padding: 16px;
z-index: 99999;
font-size: 14px;
position: fixed;
top: 49px;
left: auto;
right: -100%;
width: 385px;
transition: all 0.3s linear
}
.rightslide{
    right: 0px;
}
.information{color: #fff;background-color: rgb(9,168,216);border: 1px solid rgb(9,168,216);}
.error{color: #fff;background: rgb(195,60,60);border: 1px solid rgb(235,104,65);}
.warning{color: #fff;background-color: rgb(255,190,64);border: 1px solid rgb(255,190,64);}
.testnameonrprt{
 display: inline-block;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
display: inline-block;
width: 100%;
padding-bottom: 10px;
}
.logodiv a{
     height: 116px;
    width: 100%;
    position: relative;
    float: left;
    border-right: 1px solid #DCDFEE;
}
#popup_container {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    font-weight: bold;
    padding: 32px 25px;
    text-align: left;
    width: auto;
    height: 136px;
    bottom: 0;
    margin: auto;
}

#popup_title {
    display:none;
}
#popup_container #popup_ok:hover {
    background: rgb(210,109,84);
    color:    #fff;
}
#popup_container #popup_cancel:hover {
    background: #777;
    color:  #fff;
}
#popup_container #popup_cancel {
    color:
    #777;
    outline: none;
}


#popup_message {
    font-size: 16px;
    font-weight: normal;
}
#popup_panel {
    text-align: center;
    margin-top: 20px;
}
#popup_container  .inputcnf {
    background-color:
    #fff;
    border: 1px solid;
    border-radius: 3px;
    color: #0063c6;
    font-size: 15px;
    height: 31px;
    line-height: 26px;
    margin: 0 5px;
    padding: 0 9px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.inputcnf
{
background-color:#476EA7;
padding:3px;
color:#FFFFFF;
margin-top:20px;
margin-right:10px;
}
#popup_container #popup_ok {
    color:
    rgb(210,109,84);
    outline: none;
}
#popup_container #popup_cancel {
    color:
    #777;
    outline: none;
}
/*
.rupee{
	display: inline-block;
	height: 14px;
}*/

.login_partitian.left > div {
    line-height: 26px;
}
.suport {
    font-weight: normal;
    line-height: 43px;
    text-transform: none;
	font-size: 12px;
}
.glyph-icon.smallflaticon:before{
	font-size: 12px;
	margin: 0;
	margin-right: 5px;

}
.home_support{
	margin-top: 40px;
}
.bgpopup{
	display: inline-block;
	width:100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999
}
.contentpopup {
/*    background: url('../image/mobileOS_cupcake.jpg');*/
    bottom: 0;
    display: inline-block;
    height: 305px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 520px;
    z-index: 9999;
	border-radius: 5px;
	text-align: center
}
.contentpopup img{
	display: inline-block;
	width: 100%;
	border: 15px solid #fff

}
/*
.contentpopup h1{
	line-height: 100px;
	color: #222
}*/
.contentpopup span {
    color: #fff;
    font-size: 14px;
    left: 37px;
    position: absolute;
    text-align: left;
    top: 39px;
	width: 64%;}

.contentpopup h1{
	margin-bottom: 5px;
}
.contentpopup .close::before {
     color: #fff;
    cursor: pointer;
    position: absolute;
    right: -14px;
    top: 18px;
}

.sno_hdng{
    width: 48px !important;
    text-align: center !important;
}
/*.cardoutr.table_qbrprt{
    margin: 0;
}*/
.right_iconqb{
    width: 18px;
    height: 18px;
}
.dwopdwn_cntnr {
    display: inline-block;
    float: right;
    width: 12%;
    position: relative;
/*    top: px;*/
    right: 15px;
/*    padding-bottom: 15px;*/

}
.mobileQuehdngryt{display: none;}
.mobileBokmrk{display: none;}
.dwopdwn_cntnr.ques_list{width: 150px;}
.dwopdwn_cntnrRprt{
        display: inline-block;
    float: right;
    width: 80%;
    position: relative;
/*    top: px;*/
    right: 15px;
/*    padding-bottom: 15px;*/
}

.dropdwn_bx {
    display: inline-block;
/*    float: right;*/
    background: #fff;
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #333;
    font-weight: normal;
    border-radius: 3px;
    overflow: hidden;

}
.dropdwn_bx:before {
    content: "\e030";
    font-family: flaticon;
    float: right;
    font-size: 14px;
}

.txt_drpdwn{
    padding-left: 5px;
    position: absolute;
    overflow: hidden;
}
.dropdwn_bx:hover{
    cursor: pointer;
}
.drpdwn_cntnt {
    width: 40%;
    display: inline-block;
    border: 1px solid #e9e9e9;
}
.drpdwn_cntnt {
    width: 100%;
    /*display: none;*/
    border: 1px solid #e9e9e9;
    position: absolute;
    top: 30px;
    background: #fff;
    left: 0;
}

.dropdwn_lst {
    display: inline-block;
    float: left;
    width: 90%;
    border-bottom: 1px solid #e9e9e9;
    font-size: 10px;
    color: #333;
    font-weight: normal;
    padding: 5px;
}
.dropdwn_lst:hover{
    background: #f1f1f1;
    cursor: pointer;
}
.maincontentinr.maincontainrreports.mainContainerQB{
    /*margin-top: 85px*/
}


/*


.Bookmrkdropdwn_bx {
    display: inline-block;
    float: right;
    background: #fff;
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #333;
    font-weight: normal;
    border-radius: 3px;

}
.Bookmrkdropdwn_bx:before {
    content: "\e030";
    font-family: flaticon;
    float: right;
    font-size: 14px;
}

.Bookmrkdropdwn_bx:hover{
    cursor: pointer;
}
*/

.bookMrk_qstnPrt {
    display: flex;
    float: left;
    width: 90%;
}
span.BookMarktxt_drpdwn {
    display: inline-block;
    float: left;
    width: 85%;
    font-size: 16px;
    font-family: Roboto;
    padding: 15px 15px 15px 0;
}
.bookMrk_icnPrt {
    display: inline-block;
    float: left;
    width: 10%;
    padding: 15px 0;
}
.Bookmrkdropdwn_bx {
    display: inline-block;
    float: left;
    width: 100%;
}
.inr_boxbookmrk{
    display: inline-block;
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.unBookmrk_btn {
   
}
.Bookmrkdrpdwn_cntnt {
/*    padding: 0 15px 15px;*/
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #e9e9e9;
    color: #333;
    font-family: Roboto;
}
span.optns_cntnr {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-weight: bold;
}

span.txt_bookmrkCntnt {
/*    border-top: 1px solid #e9e9e9;*/
    padding-top: 15px;
    display: inline-block;
    width: 100%;

}
span.qtn_no {
    display: inline-block;
    float: left;
    width: 4%;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
}

span.hdng_selct {
    display: inline-block;
    float: left;
    width: 45%;
    font-size: 16px;
    font-weight: bold;
}
span.hdng_selct.ques_heading{
    display: inline-block;
    float: none;
    width: auto;
}
.optn_answr{
    font-weight: normal;
    width: auto;
}
span.soltn_sctn {
    display: inline-block;
    float: left;
    width: 33%;
}
span.soltn_txt {
    display: inline-block;
    float: left;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}
.soltn_txt_fill {
    padding-bottom: 10px;
    font-weight: bold;
}
span.soltn_anwr {
    display: inline-block;
    float: left;
    width: auto;
    font-size: 16px;
}
.soltn_anwr.incorrect_ans{
    color: #ee4035;
}
span.soltn_anwr.crct_txt {
    color: #72c02c;
}
.bookmarka.active{
	display:block
}
.bookmarkb.active{
	display:none
}
.btn_qrt,  .btn_qrt2{
    display: inline-block;
    float: right;
    width: 6%;
    border: 1px solid #e1e1e1;
    background: none;
    height: 28px;
    border-radius: 5px;
    margin-left: 20px;
    font-size: 12px;
    outline: none;
    color: #666;
}
.btn_qrt.active-btnQrt, .btn_qrt2.active-btnQrt {
    background: #0063c6;
    color: #fff;
    border: 1px solid #0063c6;
}

.btn_qrt2{
    width: auto;
}
.crct_no {
    color: rgb(120,177,124);
}
.incrct_no {
    color: rgb(255,0,0);
}
.skp_no {
    color: #000;
}
.dwopdwn_cntnr.drpdwnCntnr_bookmark{
    width: 10%;
}
.fl_cntr{ float:left; margin:10px 0;}
.fl_cntr span{ cursor:pointer;float:left; line-height:25px; width:25px; text-align:center; text-decoration:none; margin-right:10px; border:2px solid #0c7dcd; color:#0c7dcd; border-radius:50px; transition:0.2s ease-in; outline:none;}
.fl_cntr span.active{ background:#0c7dcd;color:white;}
.fl_cntr span.correct{ border-color: rgb(120, 177, 124);background:rgb(120, 177, 124);color:white;}
.fl_cntr span.incorrect{ border-color: rgb(255, 0, 0);background: rgb(255, 0, 0);color:white;}


.dwopdwn_cntnr.dwopdwn_language {
    right: 30px;
}
span.BookMarktxt_drpdwn p, span.BookMarktxt_drpdwn img, span.BookMarktxt_drpdwn p img{
    display: inline-block;
    width: 100%;
    margin: 0 !important;
}
/*span.BookMarktxt_drpdwn p img{
width: 50%;
}*/
.optns_status {
    display: inline-block;
    float: left;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    padding: 15px;
    box-sizing: border-box;
}
span.optns_sctn {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.questionTupe_prt{
    padding: 0 15px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.radio_btnBx {
    display: inline-block;
    float: left;
    width: 100%;
}
.truesctn {
    display: inline-block;
    float: left;
    width: 100%;
}
.currentbox2 {
    text-align: center;
    padding: 4px 0;
    margin: 0;
    position: relative;
    height: 15px;
}
.rdobtn:checked + .rdoinr {
    border: 1px solid #0063c6;
}
.rdobtn + .rdoinr {
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 15px;
    margin: 8px 15px;
    width: 15px;
}
.rdobtn:checked + .rdoinr .inrrclr:before {
    background: #0063c6 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 1px 1px 14px 1px;
    width: 11px;
}
span.inrrclr {
    position: relative;
}
/*
.rdobtn + .rdoinr .inrrclr:before {
    background: #0063c6 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 1px;
    width: 11px;
    position: absolute;
    top: 1px;
    left: -7px;
}
*/
span.textTrue_singleChoice {
    display: inline-block;
    float: left;
    width: auto;
    line-height: 33px;
    font-weight: normal;
}
span.textTrue_singleChoice p img {
    width: 50%;
}


.rdobtntrue:checked + .rdoinrtrue {
    border: 1px solid #0063c6;
}
.rdobtntrue + .rdoinrtrue {
    border: 1px solid #0063c6;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 14px;
    margin: 8px 15px;
    width: 14px;
    position: relative;
}
.rdobtntrue:checked + .rdoinrtrue .inrrclrtrue:before {
    background: #0063c6 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 1px;
    width: 11px;
}
/*
span.inrrclrtrue {
    position: relative;
}
*/
.rdobtntrue + .rdoinrtrue .inrrclrtrue:before {
    background: #0063c6 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 2px;
    width: 11px;
    position: absolute;
/*    top: 1px;*/
    left: 0;
}




.checkboxMCQ +.checkboxesMCQ {
    border: 1px solid #0063c6;
    border-radius: 3px;
    display: inline-block;
    float: left;
    height: 15px;
    margin: 8px 15px;
    width: 15px;
    position: relative;
}
/*.checkbxMCQ {
    position: relative;
}*/
.checkboxMCQ + .checkboxesMCQ .checkbxMCQ:before {
      font-family: flaticon;
    content: "\e051";
    color: #0063c6;
    float: left;
    font-size: 11px;
    position: absolute;
    top: 1px;
    left: 0px;
}

.checkbx + .checkinr .chsymb:before {
    font-family: flaticon;
    content: "\e051";
    color: transparent;
    float: left;
    line-height: 15px;
    margin: 0 -1px;
    font-size: 10px;
}
.checkboxMCQ1 +.checkboxesMCQ1 {
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    float: left;
    height: 15px;
    margin: 8px 15px;
    width: 15px;
}
.checkbxMCQ1 {
    position: relative;
}
/*
.checkboxMCQ1 + .checkboxesMCQ1 .checkbxMCQ1:before {
      font-family: flaticon;
    content: "\e051";
    color: #0063c6;
    float: left;
    font-size: 11px;
    position: absolute;
    top: -2px;
    left: -8px;
}
*/
.solution_boxWritten {
    display: inline-block;
    float: left;
    width: 100%;
    border-top: 1px solid #69c569;
    border-bottom: 1px solid #69c569;
}
.solutiontxt_heading {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;

}
.bordrbtm_box{
    border-bottom: 1px solid #69c569;
}

span.txtsltn_written {
    font-size: 14px;
    color: #69c569;
    font-weight: bold;
    line-height: 16px;
    display: inline-block;
    float: left;
    margin-left: 15px;
}
.solutiontxt_heading .bulb_solution {
    display: inline-block;
    float: left;
}
img.openDwn_arrow {
    display: inline-block;
    float: right;
    margin-right: 15px;
}
.arrowrotate{
        transform: rotate(180deg);
}
span.txtofSoluition {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}
.answrtxt_hdng img {
    display: inline-block;
    float: left;
    padding: 0 15px 15px;
    width: auto;
}
span.optn_nmbrBookmrk {
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 33px;
    color: #333;
}

.matchmtrix_outerSctn {
    display: inline-block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 15px;
}

.columA_matchmtrx {
    display: inline-block;
    float: left;
    width: 49.8%;
    border: 1px solid #e8e8e8;
}
.columA_matchmtrx.columB_matchmtrx{
    border-left: none;
}
span.hdngColmn_matchmtrx {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    background: #e8e8e8;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    height: 30px;
    line-height: 30px;
}
.optnsctn_mtchmtrx {
    display: inline-block;
    float: left;
    width: 100%;
}
.optnUl-mtchmtrx li {
    display: inline-block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
span.optnNo-mtchmtrx {
    display: inline-block;
    float: left;
    width: 5%;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
span.txtSctn-mtchmtrx {
    display: inline-block;
    float: left;
    width: 95%;
    font-size: 14px;
    color: #333;
}
.goog-te-gadget-simple {
        background-color: none !important;
    border-left: 1px solid #e1e1e1 !important;
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
    padding: 10px 2% !important;
    font-size: 14px !important;
    display: inline-block;
    padding-top: 10px !important;
    cursor: pointer;
    width: 96% !important;
    /* zoom: 1; */
    padding-bottom: 10px !important;
    border-radius: 3px;
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: #000;
    /* width: 0; */
    display: inline-block;
    width: 92% !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:first-child {
    display: inline-block;
    width: 90% !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    border-left: 0px !important;
}

.mtchmtrx_sctnansr {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0 0 0 15px;
}
.inrprt-mtchmtrx {
    display: inline-block;
    float: left;
    width: 27%;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
        margin: 10px 0;
}
.mainPrt-sctnBlock {
    display: inline-block;
    float: left;
    width: 5%;
    background: #e8e8e8;
    padding: 8px 15px;
    /* box-sizing: border-box; */
    text-align: center;
}
.optnsprt-mtchmtrx {
    display: inline-block;
    float: left;
    width: 83%;
}
span.optn_nmbrBookmrk.mtchmtrx-txtans {
    font-size: 12px;
    line-height: 35px;
}
label.checkboxesMCQ.ckckbxMCQ.checkbx_mtchmtrx {
    margin: 9px 5px 9px 15px;
}
.truesctn.mtchmtrx_sctn{
    width: 25%;
}
label.checkboxesMCQ1.ckckbxMCQ1.checkbx_mtchmtrx {
    margin: 9px 5px 9px 15px;
}
label.rdoinrtrue.rdctrue.checkbx_mtchmtrx {
    margin: 9px 5px 9px 9px;
}
label.rdoinr.rdc.checkbx_mtchmtrx {
    margin: 9px 5px 9px 9px;
}
.optnsprt-mtchmtrx.mtchdaflwng{
    width: 81%;
}
.single-digitOptn {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0 15px 15px;
}
span.optns-singleDigit {
    border: 2px solid #0C7DCD;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    /* font-weight: 600; */
    color: #0C7DCD;
}
span.optns-singleDigit.invalid-sngleDgt-optn {
    border: 2px solid #FF0000;
    background: #FF0000;
    color: #fff;
}
span.optns-singleDigit.valid-sngleDgt-optn {
    color: #fff;
    background: #78B17C;
    border: 1px solid #78B17C;
}
.bookmrk_empty img{
    width: 55%;
}
/*
.scrll-cntnr-login {
    display: inline-block;
    float: left;
    height: 365px;
    overflow-y: auto;
}
*/
#boxscroll {
  padding: 40px;
  height: 220px;
  width: 100%;
  border: 2px solid #00F;
  overflow: auto;
  margin-bottom:20px;
}

#boxscroll4 {
  height: 300px;
  margin-top: 40px;
  background-color: #00FF66;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  padding: 20px;
  color: #006633;
  overflow: auto;
}


.loginr.mobileregister.mobileregister_full_wid input.inpt.otpinptlogn {
        width: 50px !important;
    }


.label-sapmle {
    position: absolute;
    background: #ff880e;
    color: #fff;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    width: 100px;
    transform: rotate(37deg);
    text-align: center;
    top: 8px;
    /* left: -16px; */
    /* overflow: hidden; */
    float: right;
    right: -27px;
}

.reportcards table td{
    width: 115px;
    word-break: break-all;
}
span.prflinpt.gndr-prfle {
    width: 25%;
}
.frsthlf{
    width: 40%;
    margin: 0 10px;
    display: table-cell;
    line-height: 40px;
}
.inrspn {
    color: #000000E3;
    float: left;
    font-family: Roboto;
    font-weight: 400;
    line-height: 40px;
    margin-left: 3px;
    font-size: 16px;
}
.rdoinr.gndr-rdio{
    width: 16px;
    height: 16px;
    margin: 12px 5px;
}
.gndr-txt{
    float: left;
    line-height: 40px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bolder;
    color:#000000E3;
    /* display: block;
    text-align: left; */

}
.genderWrap .frsthlf{
    width:unset;
}


#boxscroll2{
padding: 0px;
width: 100%;
/*border: 2px solid #b4b4b4;*/
overflow: auto;
margin-bottom: 10px;
}

#boxframe {
  position:absolute;
  top:28px;
  left:420px;
  width:400px;
  height:300px;
  overflow:auto;
  border: 2px solid #0F0;
}
#boxscroll4 {
  height: 300px;
  margin-top: 40px;
  background-color: #00FF66;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  padding: 20px;
  color: #006633;
  overflow: auto;
}

/*#boxscroll2 {
  height: 424px;
width: 280px;
border: 2px solid #F00;

overflow: auto;
}
#boxframe {
  position:absolute;
  top:28px;
  left:420px;
  width:400px;
  height:300px;
  overflow:auto;
  border: 2px solid #0F0;
}
*/


#boxscroll2::-webkit-scrollbar {
   width: 8px;
}

#boxscroll2::-webkit-scrollbar-track {
   /*box-shadow: inset 0 0 5px grey;*/
   border-radius: 10px;
}

#boxscroll2::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 10px;
}

#boxscroll2::-webkit-scrollbar-thumb:hover {
   background: #ccc;
   width: 12px;
    transition: 0.5s ease-in-out;
}

/*#boxscroll2{
 scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #FF99FF;
    scrollbar-track-color: #FFCCFF;
}


*/

/* start - documents page css */

.document-table{
   width: 97%;
   margin: 0 auto;
   padding:10px;
   border-bottom: grey;
   text-align: left;
}
.document-table th {
   padding: 10px 0 8px 3px;
  color: #616161;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;

}
.document-table td{
      padding: 10px 0 8px 3px;
      line-height: 22px;
  color: #616161;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;
}

.document-table img{
  width: 25px;

}
.img-dwn{
  padding-left: 20px;
}
span.flaticon.documnt.buypkg:before {
    content: "\e0e1";
    font-size: 18px;
}
span.flaticon.lctre::before {
    content: "\e0e1";
}
span.flaticon.clndr {
    display: inline-block;
    vertical-align: bottom;
}

/* end - documents page css */

/*login-page--> */
.user-img{
/*background-image: url(/student/assets6/image/profile.png);*/
    height: 40px;
    width: 40px;
    border-radius: 50%;
    /* width: auto; */
    /* border: 2px solid #0063c6; */
    float: left;
    margin: 5px 13px;
    background-size: cover;
}
.user-img img {
    width: 100%;
    overflow: hidden;
    height: 100%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.user-img-out{
  width: 99%;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.user-browse{

    float: left;
    box-sizing: border-box;
    display: flex;
    width: calc(100% - 66px);
    justify-content: space-between;

}
.user-browse h2{
  font-size: 14px;
    font-weight: 600;
}
.user-browse button{
    background-color: #F1F2F6;
    border: none;
    /* margin: 0px 0px 10px 0px; */
    outline: none;
    cursor: pointer;
    color: #000000E3;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    font-family: roboto;
    /* height: 40px; */
    height: 46px;
    width: 30%;
    text-align: center;
    border-radius: 0 4px 4px 0;
}

.resend-main{
   position: relative;
}
.resend-cls{
   position: absolute;
    right: 0px;
    bottom: -33px;
    z-index: 999;
    font-size: 12px;
    margin: 4px 0px;
    color: #f00;
    cursor: pointer;
}
.resend-cls img{
  width: 16px;
    padding: 8px 10px;
    cursor: pointer;
}

.dwn-btn button{
  color: #fff;
  background-color: #0063c6;
  padding: 7px 0px;
  outline: none;
  border:none;
  cursor: pointer;
  border-radius: 3px;
}
/*.dwn-btn button:hover{
  background-color: #125394;
}*/

li.student-package-total.new-class-info {
    width: 150px;
    margin: 0px !important;
}
span.dateleft.dateryt, .datetim {
    position: relative;
}
.inv_top_wrap.invoice-outr {
    display: inline-block;
}
.otr-sctn-img {
    float: left;
    width: 100%;
}
.outr-wrpr-cntnr{
    width: 70%;
    float: left;
}
.inv_inv.inv-no{
    float: right;
    position: static;
}
.inpt.inpt-sxtn {
    width: 300px;
}







.tsthdng.grph-hdng {
    height: 27px;
}
.cntntdv.rsndotp-cntntdv{
    margin-bottom: 40px;
    margin-top: 20px;
    position: relative;

}
.rightcntnt.pakgecntnt{
    margin-top: 0;
    margin-left: 0;
    height: 100%;

}
.login_partitian.login-prt2, .loginr.login-prt2{
    height: 600px;
}
.inpttype.pkge-inpttype{
    margin-left: -25px;

}

.candidate_logoin{
    width: 150px;
    height: 70px;
    margin: 20px 0;
}

.candidate_logoin img{
    /* max-width: 390px;
    padding: 25px 0px 20px; */
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 70px;

}
.inrprt-mtchmtrx.bookmrk-mtchmtrx{
    width: 33%;
}
button.dwnld-btn{
    background-color: rgba(28, 140, 32, 1);
    color: #fff;
    border-color: rgba(28, 140, 32, 1);
    border: none;
    outline: none;
    width: 100%;
    padding: 9px 0px;
    font-size: 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 14px;
}
.photo-pop-up {
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    display: none;
}
.inner-pop-up-div{
    margin: auto;
    float: none;
    color: #333;
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 10px 10px 10px 10px;
    outline: 0;
    padding: 0;
    height: 546px;
    max-width: 800px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
span.flaticon-remove11 {
    float: right;
    font-weight: 400;
    padding: 11px;
    cursor: pointer;
}
.crd-cls{
    cursor: pointer;
}
button.testbtn.ng-scope.starttest.mar-btn {
    margin-bottom: 20px;
}
.full-scr-div{
    width: 100%;
/*    background-color: #ccc;*/
    border: 1px solid #ccc;
    position: relative;
    min-height: 550px;
}

.btn-dwn-div{
    position: absolute;
    bottom: 20px;
   right: 20px;
}
.btn-dwn-div button{
    text-transform: uppercase;
   background: #4caf50 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    padding: 11px 39px;
    text-transform: uppercase;
    cursor: pointer;
    border:none;
}
.bck-button{
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.btn-dwn-div.rmv-pdng button{
        font-size: 14px;
    padding: 9px 26px;
}

.checkbox + .switcher {
    width: 39px;
    height: 19px;
    background: #ccc;
    display: inline-block;
    border-radius: 11px;
    position: relative;
    transition: all .2s ease;
}
.checkbox + .switcher:before {
    content: '';
    height: 15px;
    display: inline-block;
    width: 15px;
    border-radius: 50%;
    background: #fff;
    left: 2px;
    top: 2px;
    position: absolute;
    transition: all 1s ease;
}
.checkbox + .switcher .inactiveswtch:before {
    display: block;
    color: #888;
    font-size: 9px;
    line-height: 19px;
    float: left;
    margin-left: 20px;
}
.inactiveswtch:before {
    display: none;
    content: "\e0fc";
    font-family: flaticon;
}
.checkbox:checked + .switcher .activeswtch:before {
    display: block;
    color: #fff;
    font-size: 7px;
    line-height: 20px;
    margin-left: 6px;
}

.activeswtch:before {
    display: none;
    content: "\e051";
    font-family: flaticon;
}
.checkbox:checked + .switcher {
    background: #0063c6;
}
.checkbox:checked + .switcher:before {
    right: 2px;
    left: auto;
}
.checkbox:checked + .switcher .inactiveswtch {
    display: none;

}
.rattmpttst{
    float: left;
}
.test-attempt {
    width: 100%;
    float: left;
}
.hdngsctn-rprt {
    float: left;
    width: 100%;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
}

.bckbtn-rprt {
    float: left;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    margin: 3px 0 0 0;
    background: #f1f1f1;
    text-align: center;
    width: 6%;
    position: relative;
    height: 40px;
    line-height: 50px;
    border-radius: 4px;
    padding-left: 8px;
    box-sizing: border-box;
}

.bckbtn-rprt:before {
    font-family: flaticon;
    content: "\e009";
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 4px;
}
.btn-rprtvw {
        background: #fff;
    color: #505050;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    padding: 10px 0px;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
	min-width: 50px;
    display: inline-block;
}
span.rmngattmpts_tst {
    float: right;
    margin: 5px 0 0 0;
    height: 50px;
    line-height: 50px;
}


.proper_margin{
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.attmpts:before{
    content: "\e035";
    font-size: 15px;
    /* margin: 0 0px 0 -3px; */
    margin: 0 6px 0 -3px;
}
.yellows{
    color: #f9c851;
}

.insidetest_wapper{
    height: auto;
}

.topicwise_report {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
}
.topicwise_report th:first-child, .topicwise_report td:first-child {
    border-left: 0 none;
}

.topicwise_report th {
    background: #f7f7f7;
    padding: 5px;
    text-transform: uppercase;
    color: #616161;
}
.topicwise_report th, .topicwise_report td {
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
}
.heig_extra {
    height: 55px;
}
.amt_head {
    border: 1px solid #ccc;
    height: 35px;
    text-align: left;
    padding-left: 10px;
}
.topicwise_report tr:nth-child(even) {
    background: #f7f7f7;
}
span.btn_viewtopicdetail {
    color: #0036c6;
    font-size: 12px;
    cursor: pointer;
}

span.btn_viewtopicdetail:hover {
    text-decoration: underline;
}
.popup_topicwise {
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
}
.topicreport-otr {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 5px 12px -2px rgba(0, 0, 0, 0.5);
    padding: 15px;
    width: 70%;
    z-index: 9;
    right: 0;
    border-radius: 5px;
    bottom: 0;
    height: 580px;
    margin: auto;
    overflow: auto;
}
.header_topicwise {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding: 0 0 15px 0;
    font-weight: 600;
    font-size: 20px;
    color: #0063c6;
}

span.closebtn_sctn {
    float: right;
}

span.closebtn_sctn:before {
    content: "\e0fc";
    font-family: flaticon;
    font-size: 30px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}
.topicreport-otr.topic_rep_pop{
    height: 80vh;
}
.repo_pop_topic_table{
    display: inline-block;
    width: 100%;
    overflow: auto;

}


/*question img size bookmark*/

.question_div_book  span img, .question_div_book span p img{
    width: auto !important;
}




/* Spr CSS starts */

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

.hdrsctn_table {
    float: left;
    width: 100%;
    background: #f1f1f1;
    color: #333;
    border-radius: 2px 2px 0 0;
    padding: 20px;
    font-size: 14px;
    box-sizing: border-box;
}

span.txt_hdngspr {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 8px;
}

span.txt-pagntn {
    float: right;
    font-weight: 600;
}
.tablespr_otr {
    /*padding: 10px 20px;*/
    float: left;
    width: 100%;
    text-align: left;
    background: #fff;
    padding-bottom: 20px;
}

.lfttble_cntnt {
    float: left;
    width: 30%;
}

.tblehdr_lftsctn {
    float: left;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    background: #3333336b;
    color: #fff;
    padding: 11px 20px;
    box-sizing: border-box;
}
.tblelft_hndth {
    float: left;
    width: 100%;
    padding: 0px 20px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    font-weight: 600;
}

span.hdnglfttble_box {
    float: left;
    width: 13%;
    font-size: 12px;
    /*font-weight: bold;*/
    color: #182952;
}

span.hdnglfttble_box {
    /*padding: 0 15px 0 0;*/
    width: 85%;
}
span.hdnglfttble_box.datalfttble_box {
    /*height: 16.2px;*/
    /*overflow: hidden;*/
    color: #000;
    position: relative;
}
.frstlftsctn {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 10px 0;
}

.frstlftsctn span.hdnglfttble_box:first-child {
    width: 100%;
    padding: 0 15px 0 0;
}

.frstlftsctn span.hdnglfttble_box {
    width: 35%;
}

.scndlftsctn {
    float: right;
    width: 100%;
    border-bottom: 1px solid transparent;
    padding: 10px 0 10px 25px;
    box-sizing: border-box;
    /*margin-top: 17.5px;*/
}
span.frstcolmn_nametst {
    display: block;
    /*margin-bottom: 3px;*/
}
.cntrsctc_inr.datacntr_inr:last-child {
    border-bottom: 0;
}
.scndlftsctn:nth-child(1) {
    margin-top: 0;
}
.middletble_cntnt {
    float: left;
    width: 45%;
    /*background: #333;*/
    /*padding: 7px 0;*/
}
span.sbjcttxt.sprSub1:nth-child(3n) {
    border-right: 0;
}
.arrow_leftsctn {
    float: left;
    width: 6%;
    text-align: center;
    height: 24px;
    position: absolute;
    left: -28px;
    top: 5px;
}

.subjectname_sctn {
    float: left;
    color: #fff;
    width: 100%;
}

.arrow_leftinrsctn {
   background: #fff;
    height: 28px;
    box-sizing: border-box;
    padding: 5px 0;
    cursor: pointer;
    width: 28px;
    border-radius: 2px;
}

.arrow_leftinrsctn img {
    width: 16px;
}

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

span.sbjcttxt {
    float: left;
    width: 33.33%;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    poisiton: relative;
    font-weight: 600;
    padding: 8px 0;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
    overflow: hidden;
    height: 42px;
    font-size: 10px;
    line-height: 28px;
}
.tblehdr_lftsctn.tblecntr_hdngsctn {
    padding: 0;
    position: relative;
}
.tblelft_hndth.tblecntr_hndth {
    padding: 0;
}

.thrdprt_division {
    float: left;
    width: 33.33%;
    background: #f7f7fb;
    text-align: center;
    box-sizing: border-box;
}

span.hdng_sbjcttopic {
    float: left;
    width: 50%;
    padding: 10px 0;
    border-right: 1px solid #e0e0e0;
    font-weight: bold;
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
}

.thrdprt_division:first-child {
    border-left: 1px solid #e0e0e0;
}
.tblelft_hndth.tblelft_date.tablecntr_data {
    padding: 0;
    height: auto;
}

.cntrsctc_inr.datacntr_inr {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

/*.cntrsctc_inr.datacntr_inr:last-child {
    border-bottom: 0;
}*/
.cntrsctc_inr.datacntr_inr:nth-child(2n) .thrdprt_division {
    background: rgba(0, 99, 198, 0.2);
}
/*.cntrsctc_inr.datacntr_inr:nth-child(1) .thrdprt_division span.hdng_sbjcttopic{
    border-bottom: 1px solid #ccc;
}*/
span.hdng_sbjcttopic.txt_sbjcttopic {
    font-weight: 600;
    color: #000;
}
.ryttble_cntnt {
    float: left;
    width: 25%;
    /*background: #3333336b;*/
    position: relative;
}
span.hdngtxt_rytsctn {
    float: left;
    width: 100%;
    text-align: center;
}

.ryttble_lftcntnt {
    float: left;
    width: 100%;
    height: 100%;
}
.rytsctn_cntntsctn {
    float: left;
    width: 50%;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
}

span.hdngrytstcn {
    float: left;
    width: 50%;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 10px 0px;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
    color: #333;
}

.dynmicdata_rytsctnleft {
    float: left;
    width: 100%;
    border-bottom: 1px solid transparent;
}

.dynmicdata_rytsctnleft:last-child {
    border-bottom: none;
}
.rytsctn_cntntsctn.datarytsctn_cntnt {
    height: auto;
    border-right: 1px solid #e0e0e0;
}
span.hdngrytstcn.data_nohdng {
    border-right: none;
    font-weight: 600;
    color: #000;
}
.mstrytcntnt_sctn {
    float: left;
    width: 100%;
    position: relative;
}

.hdng_mstruytsctn_cntnt {
    float: left;
    width: 50%;
}

span.hdngtxt_mstrytsctn {
    float: left;
    width: 33.33%;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    font-size: 12px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #f4f4f4;
    box-sizing: border-box;
}

.data_mstrytsctnt_cntnt {
    float: left;
    width: 50%;
}

.inrsctn_datamstryt {
    float: left;
    text-align: center;
    position: absolute;
    left: 208px;
    right: 0;
    bottom: 0;
    top: 0px;
    background: #f1f1f1;
    border-bottom: 1px solid #e0e0e0;
}

span.datatxt_mstryt {
    top: 0;
    left: 0;
    width: 33.33%;
    background: #f1f1f1;
    box-sizing: border-box;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 14px;
    margin: auto 0;
}
.tblelft_hndth.tblelft_date {
    font-weight: normal;
    height: auto;
}

.right-coloumn.spr-column {
    position: static;
    overflow: auto;
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.arrow_leftsctn.arrow_rytsctn {
    right: -50px;
    left: initial;
    top: 5px;
    z-index: 99;
}
span.sbjcttxt:last-child {
    border-right: 0;
}
span.hdnglfttble_box:last-child{width: 15%;}
/* spr css ends*/


/* css starts for buy course */
    .packagecard li.buycourse_li {
        float: left;
        border: none;
        border-radius: 4px;
        padding: 0;
    }
    .coursecntnt_bx {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    span.coursehndg {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    margin: 20px 0 0;
    height: 40px;
    line-height: 22px;
/*    font-family: RobotoMedium;*/
}
.levelsctn_course {
    float: left;
    width: 100%;
    color: #000;
    font-size: 14px;
    padding: 15px 0 10px;
}
span.CourseLevel_txt {
    float: left;
}
span.division_btw {
    float: left;
    /* line-height: 18px; */
}
span.division_btw:before {
    content: "\e042";
    font-family: flaticon;
    color: #000;
    font-size: 6px;
    margin: 0 5px;
    position: relative;
    top: -2px;
}
span.CourseLang_txt {
    float: left;
}
span.CourseDisc_txt {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 5px 0;
    color: #333;
    height: 40px;
    overflow: hidden;
}
.CoursePrice_sctn {
    float: left;
    width: 100%;
    padding: 26px 0 20px;
}
.CoursePrice_sctn1{
      padding: 22px 0 10px;
      position: absolute;
    bottom: 0%;
    width: 94%;
}
.priceSctn_course {
    float: left;
}
span.dicountedprice {
    float: left;
    width: 100%;
    color: #000;
    font-size: 20px;
}
.orgnalprice_bx {
    float: left;
    width: 100%;
}

span.orgnalprice {
    float: left;
    text-decoration: line-through;
    color: #000;
    margin-right: 5px;
}

span.dicoutpercnt {
    float: left;
    color: #0063c6;
    margin: 2px 0 0 0;
}
.btn_bugcourse_bx {
    float: right;
}
a.buybtn_course {
    border-radius: 5px;
    float: right;
    font-size: 14px;
    padding: 10px 22px;
    background: rgb(115,200,73);
    color: #fff;
    cursor: pointer;
    outline: none;
    border: 1px solid #28a52c;
    margin: 9px 0 0 0;
}
.hdngofcourse_bx {
    float: left;
    width: 100%;
    padding: 20px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
}
.detailofcourse_bx {
    float: left;
    width: 100%;

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

span.txtDiscrptn_hdng {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    font-family: RobotoMedium;
}

.cntntAboutCourse_bx {
    float: left;
    width: 80%;
}

.txtCourse_less {
    float: left;
    width: 100%;
    height: 40px;
    overflow: hidden;
    transition: all ease 1s;
    font-size: 16px;
    line-height: 20px;
}

.readfulldiscrptn {
    color: #0e8eca;
    cursor: pointer;
    margin-top: 10px;
    float: left;
    font-size: 14px;
    position: relative;
}
.txtCourse_less.fullcntnt{
    height: max-content;
    transition: all ease 1s;
}
.readfulldiscrptn:after {
    position: absolute;
    content: "\e007";
    font-family: flaticon;
    font-size: 16px;
    margin: 0px;
    top: 1px;
}
.readfulldiscrptn.changearrowtoless:after{
    transform: rotate(180deg);
}
.courseprts_bx {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.coursecntn_sctn {
    float: left;
    width: 100%;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    box-sizing: border-box;
    font-family: RobotoMedium;
}
.Coursebtn_acco {
    color: #444;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.Coursebtn_acco:after {
  content: "\e0ee";
  color: #777;
  font-family: flaticon;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  position: absolute;
  right: 20px;
  top: 21px
}

.active1:after {
  content: "\e0cb";
}
.Coursepanel {
      background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 100%;
    box-sizing: border-box;
}
.Coursebtn_acco1 {
    color: #444;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}
.Coursepanel1 {
    background-color: white;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    width: 100%;
    box-sizing: border-box;
}
.accordion_coursecntnt {
    float: left;
    width: 100%;
    /*margin: 20px 0 0;*/
}
span.hdgncntnt_txt {
    float: left;
    color: #000000E3;
    width: 76%;
    text-align: left;
    margin-left: 5px;
}
span.txthdng_course {
    font-family: RobotoMedium;
}
span.nooftopics {
    float: left;
    text-align: right;
    width: 20%;
    padding-right: 5px;
    font-size: 14px;
    box-sizing: border-box;
}
span.numbrsctn_txt {
    float: left;
}
.chprtwise_sctn {
    float: left;
    width: 100%;
    padding: 0 30px 60px 30px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}
.chprtwise_sctn.popup_shptrwise_sctn:first-child{
    padding-bottom: 0;
}

.chptrhdng_course {
    float: left;
    width: 100%;
    padding: 20px 10px 0;
    font-size: 18px;
    color: #0063c6;
    box-sizing: border-box;
}

.subtpics_course {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    margin: 10px 0 0 0;
    border-radius: 6px;
    cursor: pointer;
}

.icnsbtopcname {
    float: left;
    width: 100%;
    text-align: left;
    /*margin-top: 4px;*/
    font-size: 16px;
}

span.subtopc_icon {
    float: left;
    padding-right: 5px;
    width: 8%;
    box-sizing: border-box;
}

span.subtopc_icon img {
    width: 16px;
    height: 16px
    /*margin-top: 2px;*/
}

span.subtopc_name {
    float: left;
    width: 92%;
    color: #000000E3;
    font-size: 16px;
    /*margin-top: 5px;*/
}

.pagesnubmr {
    float: left;
    width: auto;
    padding-left: 28px;
}

span.pagestxt {
    float: left;
    line-height: 25px;
    margin-right: 10px;
    marign-top: 6px;
}

span.lockicn {
    float: right;
}

span.lockicn img {
    width: 22px;
}

.subtpics_course:hover {
    background: #f0f4f7;
}
.rytCourseInr {
    background: #fff;
    position: relative;
    float: left;
    border-radius: 4px;
}

.videoCourse_bx img {
    width: 100%;
    border-radius: 4px;
}

.videoCourse_bx {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
}

.detailofCourse_ryt {
    float: left;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}

.priceSctn {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

span.txt_price {
    color: #333;
    font-size: 14px;
}

.orginl_discuntPrice {
    float: left;
    width: 100%;
    margin-top: 5px;
}

span.dicuntdprice_ryt {
    float: left;
    color: #333;
    font-size: 20px;
}

span.orgnalPrice_ryt {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    text-decoration: line-through;
    color: #333;
}

span.discountPercnt_ryt {
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    color: #0063c6;
}

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

span.hdng_keyftur {
    float: left;
    width: 100%;
    color: #0063c6;
    margin-bottom: 10px;
}

ul.coursebx_material {
    float: left;
    width: 100%;
    margin-top: 10px;
}

ul.coursebx_material li {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    color: #333;
}

span.icn_metrial {
    float: left;
    margin-right: 5px;
}

span.icn_metrial img {
    width: 16px;
    height: 16px;
}

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

.buycourse_btnbx button {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: none;
    background: #4caf50;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}

.buycourse_btnbx button:hover {
    background: #28a52c;
}
.popup_coursestudy {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.popup_courseinr {
        position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 12px;
    background: #fff;
    width: 99%;
    /* height: auto; */
    margin: auto;
    border-radius: 4px;
    /*padding: 10px 0;*/
    box-sizing: border-box;
}
.hdr_CourseName {
    float: left;
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
}

span.txt_hdngCourse {
    float: left;
    width: 80%;
    color: #333;
    font-size: 20px;
    line-height: 20px;
}

span.close_popupCourse {
    float: right;
    cursor: pointer;
}

.topicsname_dtail {
    float: left;
    width: 100%;
    height: 493px;
    overflow: auto;
}

.leftSctn_subtopicLst {
    float: left;
    width: 25%;
    overflow: auto;
    position: absolute;
    top: 112px;
    bottom: 0;
}

.rytSctn_output {
    float: left;
    background: #000;
    height: auto;
    position: absolute;
    border-radius: 0 0 4px 0;
    /*border-top: 1px solid #e9e9e9;*/
    left: 25%;
    right: 0;
    bottom: 0;
    top: 60px;
}
.bx_tpicnamepage {
    float: left;
    width: 88%;
}

.icnsbtopcname.popup_icnsbtopcname {
    width: 100%;
    position: relative;
}

.icnsbtopcname.popup_icnsbtopcname:after {
    content: "\e051";
    font-family: flaticon;
    position: absolute;
    color: #1fb91f;
    right: 0;
    top: 16px;

}
.subtpics_course.slectedtopic{
    background: #f0f4f7;
}
.CourseSubject_bx {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 0px 0;
}

span.sbjct_btn {
    float: left;
    text-align: center;
    border-radius: 25px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid transparent;
    padding: 0 15px;
    margin-right: 0;
    cursor: pointer;
    color: #6a737d;
    font-family: Roboto;
    font-size: 16px;
    border-radius: 0;
}
span.sbjct_btn:hover {
    border-bottom-color: #e1e4e8;
    color: #333;
}
/*span.sbjct_btn:hover {
    background: #0063c6;
    color: #fff;
    border: 1px solid #0063c6;
}*/

span.sbjct_btn.slctedsubject {
    border-bottom: 1px solid #0063c6;
    border-radius: 0;
    color: #000;
}
.coursecntnt_hdng {
    float: left;
    width: 7%;
    display: none;
    padding: 0 10px 0 20px;
    font-family: RobotoMedium;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
}
.subjectsname_bx {
    float: left;
}

.coursecntnt_hdng:after {
    content: "\e05f";
    font-family: flaticon;
    color: #000;
    font-size: 14px;
}
.CourseSubject_bx.popupcourse_bx {
    padding: 10px 0px 20px;
    /* border-bottom: 1px solid #e9e9e9; */
}

.coursecntnt_hdng.popup_coursecntnt_handg {
    width: 5%;
}
.subjectsname_bx.popupcourse_bx {
    width: 100%;
    height: 54px;
}
#main-slider .owl-theme .owl-nav{
    position: absolute;
    top: 0;
}
#main-slider .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    right: 0;
    /* bottom: 0; */
    float: left;
    height: auto;
}
#main-slider .owl-nav button.owl-next, #main-slider .owl-nav button.owl-prev{
    background: 0 0;
    color: inherit;
    border: none;
    font-size: 24px;
    background: #e5e8ed;
    padding: 5px !important;
    display: block;
    margin: 0;
    height: auto;
    border-radius: 0;
    top: 8px;
    outline: none;
}
#main-slider .owl-item .item span.sbjct_btn{
    padding: 15px;
    height: auto;
    line-height: normal;
}
#main-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: #e5e8ed;
    color: #000;
    text-decoration: none;
}
#main-slider.owl-carousel .owl-stage-outer{
    height: auto;
    width: 92%;
    margin: auto;
}
#main-slider.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}
#main-slider button.owl-prev {
    position: absolute;
    left: 0;
}
#main-slider button.owl-next {
    position: absolute;
    right: 0;
}
/* css end for buy course */




/* css for chat box sctn */
.otrLive_strm {
    background: #000;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
}

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

.chat_sctn {
    float: right;
    width: 30%;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}

span.hdng_livestrm {
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
    font-family: RobotoMedium;
    color: #000;
    box-sizing: border-box;
}
.msg_sntSctn {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.sngmsgtyp {
    background: #f5f6f8;
    border-radius: 4px;
    float: left;
    width: 100%;
}

input.sndmsg_inpt {
    border: none;
    background: transparent;
    font-size: 14px;
    float: left;
    height: 60px;
    line-height: 60px;
    width: 93%;
    padding: 0 15px;
    box-sizing: border-box;
}

span.sndbtn_bx {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    padding: 16px 0;
}

span.sndbtn_bx img {
    width: 24px;
    height: 24px;
}
.chatbx_sctn {
    position: absolute;
    top: 63px;
    bottom: 75px;
    width: 100%;
    overflow: auto;
}

.leftbx_chat {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    z-index: 9999;
}

.userpic_bx {
    float: left;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
}

.userpic_bx img {
    width: 100%;
}
img.moreoptmn_msg {
    position: absolute;
    left: 28px;
    width: 30px;
    top: 65px;
    cursor: pointer;
}
.chattxt_sctn {
    float: left;
    width: 86%;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    color: #666;
}

span.chtxt {
    background: #f4f4f4;
    float: left;
    width: 100%;
    border-radius: 4px;
    padding: 15px;
    box-sizing: border-box;
    font-family: open_sansregular;
    font-size: 14px;
}



.chattxt_sctn.rytChattxt_sctn {
    float: left;

}

.chattxt_sctn.rytChattxt_sctn .chtxt {
    background: #0085fe;
    color: #fff;
}

span.timeofmsg_bx {
    float: left;
    width: 100%;
    margin-top: 5px;
    font-family: open_sansregular;
    font-size: 12px;
    color: #666;
}
img.moreoptmn_msg {
    position: absolute;
    left: 28px;
    width: 30px;
    top: 65px;
    cursor: pointer;
    display: none;
}
.leftbx_chat.rytbx_cht:hover .moreoptmn_msg {
    display: block !important;
}
span.txt_remove {
    background: #333;
    color: #fff;
    font-family: open_sansregular;
    font-size: 14px;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    left: 15px;
    display: none;
}

span.txt_remove:after {
    content: "\e030";
    font-family: flaticon;
}
.moreoptmn_msg:hover .txt_remove{
    display: block !important;
}
span.flaticon.mycourse:before {
    content: "\e022";
}
span.nooftopics {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 5px;
}
.accordion_coursecntnt span.subtopc_icon {
    width: auto;
}

.accordion_coursecntnt .icnsbtopcname {
    width: 70%;
}

.accordion_coursecntnt .pagesnubmr {
    float: right;
}
.btn_bugcourse_bx.btn_viewcourse_bx {
    width: 100%;
}

a.buybtn_course.showcourse_btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 0;
}
.accordion_coursecntnt span.nooftopics.chptrnumbrs {
    width: auto;
    float: right;
    margin-right: 23px;
    margin-top: 0;
}
.boxframe.testcard.viewcourse li{
    height: 320px;

}
.overviewblock_outr {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.overviewblock_main {
    display: inline-block;
    width: 164px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 10px;
        margin-right: 10px;
        margin-left: 10px;
    float: left;
    background: #fff;
    /*box-shadow: 0 6px 35px 0px rgba(0,0,0,0.2);*/
}
.fullwidthblock_main {
    display: inline-block;
    width: 100%;
}
.overviewblock_main:first-child {
    margin-left: 0px;
}
.overviewblock_main:last-child {
    margin-right: 0px;
}
.Report_heading {
    width: 100%;
    font-size: 18px;
    display: inline-block;
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
}
.fullwidthblock_main .Report_heading {
    margin-bottom: 15px;
}
.comparisiontable_outr {
    top: 0;
    display: inline-block;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    position: relative;
    height: 90%;
    bottom: 0;
}
.comparetr {
    /* display: inline-block; */
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgb(221,221,221);
}
.tablehead {
    background: #f6f6f7;
    height: 60px;
    line-height: 60px;
}
.comparetr {
    border-radius: 8px 8px 0 0;
}
.comparetr div {
    float: left;
    width: 21%;
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
    text-align: center;
    height: 58px;
    line-height: 60px;
    position: relative;
    color:#000;
}
.tablehead div {
    line-height: 60px;
    font-weight: bold;
}
.tablehead div:first-child {
    width: 16%;
}
.comparetr div:last-child {
    border-left: 0px solid #e9e9e9;
}
.comparetr {
    /* display: inline-block; */
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}
.comparetr {
    border-radius: 6px 6px 0 0;
}
.comparetr .row_hdng {
    background: #f6f6f7;
    font-size: 12px;
    text-transform: uppercase;
    width: 16%;
    float: left;
    color:#000;
}
.comparetr:nth-child(2n) .row_hdng {
    background: #f6f6f7;
}
.tablebar {
    position: absolute;
    background: rgba(132,147,202,0.2);
    left: 0px;
    top: 0px;
    bottom: 0px;
}
.comparebody div:nth-child(2) .tablebar {
    background: rgba(137,66,229,.1);
}
.comparebody div:nth-child(3) .tablebar {
    background: rgba(62,193,96,.1);
}
.comparebody div:nth-child(4) .tablebar {
    background: rgba(255,59,110,.1);
}
.comparebody div:nth-child(5) .tablebar {
    background: rgba(255,185,46,.1);
}

.rowtop_hdng .row_hdng {
    background: rgb(76,185,146) !important;
    color: #fff;
}
.comparetr:nth-child(2n) .row_hdng {
    background: #f6f6f7;
}
.rowtop_hdng div .tablebar {
    background: rgba(76,185,146,0.2);
}
.compare.reportcards .inrdiv.rprtinr{
    box-shadow:none;
    background:transparent;
    height: 100%;
}
.compare-div .maincontentinr.maincontainrreports {
    /* margin-top:30px; */
}
.compare-div .overviewblock_outr {
    margin-top: 0px;
    height: 100%;
}
.compare-div  .overviewblock_main{
    border:none;
    padding:0;
    height: 100%;
}
.comparetr.tablehead > div{
    font-size: 16px;
    font-weight: 500 !important;
    color: #000000BF;
}
.CoursePrice_sctn.packagecourse_sctn {
    padding: 20px 10px;
    box-sizing: border-box;
}

.compare.reportcards {
    position: absolute;
    left: 265px;
    width: auto;
    right: 15px;
    bottom: 47px;
    top: 165px;
    border-radius: 8px;
}

.scrlSctn {
    overflow: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 122px;
}

.Coursebtn_acco.active:after{
    content: "\e0cb";
}

.pagename.wrapper.searchbxWrpr {
    position: relative;
}

.inputSerchbox {
    position: absolute;
    right: 0;
    top: 12px;
}

input.searchDcmnt {
    border: 1px solid #fff;
    height: 36px;
    padding: 0 32px 0 15px;
    border-radius: 4px;
    font-size: 16px;
    width: 275px;
    background: #fff;
    color: #000;
}
/* span.searchicon:after {
    position: absolute;
    content: "\e10d";
    font-family: flaticon;
    color: #666;
    font-size: 20px;
    right: 0;
    top: 10px;
    right: 10px;
    font-size: 15px;
} */
input.searchDcmnt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
input.searchDcmnt::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
input.searchDcmnt:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
input.searchDcmnt:-moz-placeholder { /* Firefox 18- */
  color: #666;
}


.subejcts_nameSctn {
    float: left;
    width: 25%;
    position: absolute;
    top: 61px;
    height: 53px;
}

.leftSctn_name {
    float: left;
    width: 5%;
    height: 53px;
}

span.leftarrow_sctn:before {
    cursor: pointer;
    content: "\e009";
    font-family: flaticon;
    display: block;
    margin-left: 0px;
}

span.leftarrow_sctn {
    float: left;
    background: #e5e8ed;
    position: absolute;
    top: 7px;
    height: 38px;
    line-height: 38px;
}

.middleSctn_subjct {
    float: left;
    width: 90%;
    padding: 0;
    box-sizing: border-box;
    height: 53px;
}

.rytstc_name {
    float: left;
    width: 5%;
    height: 53px;
}

span.rightarrow_sctn {
    float: left;
    background: #e5e8ed;
    position: absolute;
    top: 7px;
    height: 38px;
    cursor: pointer;
    line-height: 38px;
}

span.rightarrow_sctn:before {
    content: "\e008";
    font-family: flaticon;
}

span.subjecttxt_name {
    float: left;
    width: 50%;
    text-align: center;
    height: auto;
    line-height: normal;
    padding: 14px 0;
    color: #6a737d;
    font-size: 16px;
    box-sizing: border-box;
    cursor: pointer;
}

span.subjecttxt_name.active_cubjct {
    border-bottom: 4px solid #0063c6;
    color: #000;
}
.subjecttxt_name.singlesuvbjct_txt{width: 100%;}


.ryttble_hdrperformnce .tblehdr_lftsctn {
    width: 50%;
}

.ryttble_hdrperformnce {
    float: left;
    width: 100%;
}
span.datatxt_mstryt.percentage_spr {
    left: 68px;
}

span.datatxt_mstryt.percentile_spr {
    left: 134px;
}
.scndlftsctn_otr {
    float: left;
    width: 40%;
    box-sizing: border-box;
}
.scndlftsctn:last-child {
    border-bottom: none;
}
.informativecntnt {
    top: -50px;
    background: #505050;
    padding: 10px 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
}

.informativecntnt:before {
    content: "\e030";
    position: absolute;
    font-family: flaticon;
    font-size: 24px;
    bottom: -16px;
    color: #505050;
    left: 0;
}
span.sbjcttxt.scndoptnsbjcttxt{
    width: 50%;
}
.thrdprt_division.scdoptn_thrdprt{
    width: 50%;
}
span.sbjcttxt.singleoptnsbjcttxt{
    width: 100%;
}
.thrdprt_division.singleoptn_thrdprt{
    width: 100%;
}
.parent{
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background:#00000078;
   z-index:99999;
   /*display:none;*/
}
.child {
    position: fixed;
    top: 50%;
    left: 50%;
    width:70%;
    height:550px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index:9999;
}
	.parent p.popupCancel {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    cursor: pointer;
}
	.parent .close {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    right: 11px;
    top: 10px;
    cursor: pointer;
}
.close_video{
    width: 26px !important;
    height: 26px !important;
    right: -27px !important;
    top: -26px !important;
    background: white;
    border-radius: 50%;
}
	.parent .close.thick::before, .parent .close.thick::after {
    height: 2px;
    margin-top: -2px;
}
.close_video::before, .close_video::after {
    margin: 0px 6px !important;
    width: 14px !important;
}
.parent .close::before, .parent .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #555;
}
.parent .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.parent .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.banr-img {
    width: 100%;
    display: inline-block;
    height: 100%;
}
.banr-img_copy{text-align: center;}
.banr-img_copy iframe{height: 100% !important;}
.banr-img_copy p{display: none;}

	.banr-img iframe {
    width: 100%;
    /* height: 100%; */
    height: 70%;

        }
	@media only screen and (max-width:768px) {
    .child {
        width:90%;
        /* height:auto; */
    }
    .banr-img iframe #player{
    width:100% !important;
}
}
.new-btn button{
    width: 80px;
    float: none;
}
.new-btn {
    text-align: left;
}
.banr-img iframe #player{
    width:100% !important;
    height:auto !important;
}

span.flaticon.analysis.sprrprt:before {
    content: "\e13a";
}
span.flaticon.analysis.video:before {
    content: "\e0ed";
}

.inpttype.outer-data{
     margin:100px 25px 30px;
}
.inpttype.outer-data h2{
    margin-bottom:5px;
    color:#000;
}
.outer-data p {
    font-size: 14px;
    color:
    #333;
    margin: 0px;
    text-align:center;
    margin: 6px 0px 40px;
}
.outer-data p b {
    color:
    #000;
}
.outer-data .inpthdr{
    display:block;
    margin-bottom: 6px;
    color:#aaa;
}
.outer-data .frgtpswrd.inpt.btnin{
    color:#fff;
    text-decoration:none;
}
.outer-part-of-otp {
    width: 100%;
    display: inline-block;
    margin:0;
}
.outer-part-of-otp h4 {
    color:#000;
    font-size: 15px;
    text-align: center;
}
.input-code {
    text-align: center;
    width: 100%;
    margin-top: 15px;
}
.outer-part-of-otp .otp-number-input {
    background-color:
    transparent;
    text-align: center;
    line-height: 32px;
    font-size: 31px;
    outline: none;
    width: 15%;
    transition: all .2s ease-in-out;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid
        #6666668a;
        margin: 0px 5px;
}
.otp-expired {
    width: 100%;
    display: inline-block;
    margin:20px 0px;
}
.otp-expired p {
        color: #333;
    font-size: 12px;
    text-align: center;
    margin: 0px;
}
.outer-data .inpt.ninty-one-add{
   padding-left:56px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 6px;
    border:1px solid #e9e9e9;
}
.outer-data .cntntdv.data-icon span:after{
    position: absolute;
    left: 0;
    content: '+91';
    background:#e9e9e9;
    padding: 11px 8px;
    overflow: hidden;
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    border-radius: 6px 0px 0px 6px;
    text-align: center;
    line-height: 24px;
}
.inpttype.outer-data a.btnin{
        padding: 12px 0px;
    font-size: 16px;
    border-radius:6px;
}
.inpttype.outer-data .inpt.btnin{
        padding: 12px 0px;
    font-size: 16px;
    border-radius:6px;
}
.inpttype.outer-data .cntntdv.btn-top{
      margin-top:10px;
}
.resend-otp-dta{
    width:100%;
    float:left;
    text-align:center;
}
.inpttype.outer-data .width50{
        width: 47%;
}
.rytSctn_output.empty{
    border:1px solid #e9e9e9;
}
.cennter-part-empty{
    position:absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:#fff;
z-index: 9999;
}
.inner-part-popup {
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 7px;
    max-width:370px;
text-align:center;
z-index:99999;
}
.inner-part-popup img{
    max-width:300px;
}
.inner-part-popup p{
    margin:8px 0px 20px;
    color:#000;
    font-size:20px;
}
.inner-part-popup .app-info img{
    max-width:100px;
}
.app-info{
    width:100%;
    display:inline-block;
}
.cennter-part-empty.outer-main{
    background:#fff;
}
.proper_margin .bckbtn-rprt{
    min-width: 90px;
}
.down-btn-test{
        /*margin-right: 18px;*/
    float: left;
}
.bookmarkSelectTest{
	max-height: 175px;
    overflow: auto
}

.ms-choice{
    height: 18px !important;
}
.ms-drop {
    width: 278px !important;
    margin-top: 3px !important;
    border: 1px solid #e1e1e1 !important;
    left: 0;
}

.ms-drop ul > li label{
    white-space: initial;
    margin: 2px 0px;
    line-height: 16px;
}
.ms-drop ul > li{
    width:100% !important;
    display:inline-block !important;
    box-sizing:border-box !important;
}
.ms-drop input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 10px;
    margin-top:0px;
    float:left;
}
.ms-drop ul > li label span {
    width: 218px;
    float:left;
}
.ms-drop.bottom{
    box-shadow: none;
}


.mat-form-field{width: 100%;}
.mat-form-field-label{left: 3% !important;top: 10px !important}
.mat-input-element{
  border: 1px solid #e1e1e1 !important;
  padding: 10px 2% !important;
}
.mat-form-field-suffix{position: absolute !important;right: 3px;top: 6px;}
.mat-icon-button{background: transparent}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding: 0 !important;border-top: 0 !important}
.mat-form-field-appearance-legacy .mat-form-field-unde.inputSerchboxrline{height: 0 !important}
.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height: 0 !important}
.mat-form-field-appearance-le.inpt:focusgacy .mat-form-field-wrapper{padding: 0 !important;}
.mat-form-field-label-wrapper{top: 0 !important;padding-top: 0 !important}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{visibility: hidden !important}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom: 0 !important;}
.mat-form-field-appearance-legacy .mat-form-field-label{color: #616161}
/* .mat-h2, .mat-title, .mat-typography h2{margin: 0 !important;} */


span.flaticon.buypkg.qstnflg:before {
  content: "\e081";
}
.inputSerchbox.vidoinptbx{
  right: 20px;
  top: 68px;
}
#testDiv .box{
    height:285px;
}
.rytprc span{
    padding-right: 3px;
    font-size: 17px;
}
.mat-typography{
    font-size:14px!important;
}
.packagecard1 li{
    height:400px;
    box-shadow:0 0 14px 0 rgb(0 0 0 / 20%)
}
.bg-pro-bg{
position: fixed!important;
}

.mat-form-field-appearance-legacy .mat-form-field-underline{
    height:0px!important;
}
.mat-typography h2{
    /* font-size:14px!important; */
    font-size:14px;
    text-transform: capitalize;
}
.insidetest1 > li {
    height: 25px;
    box-shadow: none;
}
.testpage .box{
    height:auto;
    box-shadow: none;
}
[_nghost-rfy-c147]{
    width:98%!important;
}

input.mat-input-element
{
    /* width:310px; */
    width:311px !important;
}
.mat-form-field-suffix {
    position: absolute !important;
    top: 9px;
    /* left: 260px; */
    left: initial;
    right: 10px;
}
input.mat-input-element#dob{
    width: 297px !important;
}
select.editinput {
    /* width: 316px; */
    width: 321px;
}
.inpt.inpt-sxtn {
    width: 315px;
}
.panel-container .post_image{
    display: none;
}

.active_subtpics_course{
    background: #f0f4f7;
}
/*add by satyam dubey postal package css*/
.outer-banner-data{
    width:100%;
    background-image:url(../image/Background.png);
    height:341px;
    background-repeat:no-repeat;
    background-size: cover;
}
.main-postal-data{
    width:100%;
    padding:40px 40px;
    box-sizing: border-box;
}
.main-postal-data h1{
    color:#fff;
    text-align:center;
    font-weight: 700;
    text-transform:uppercase;
    margin-bottom: 30px;
    font-size: 22px;
    position:relative;
}
.outer-product-part{
    width:100%;
    height: 100%;
    box-sizing: border-box;
    /* box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08); */
    background: #fff;
    border-radius: 6px;
    padding:25px 30px;
    overflow:hidden;
}
.product-title{
    width:100%;
    display:inline-block;
    margin-left: -35px;
    margin-right: -45px;
}
.product-part{
    width:20%;
    float:left;
    background:#fff;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    border-radius:6px;
    margin:25px;
    padding: 20px;
    box-sizing: border-box;
    position:relative;
    overflow:hidden;
    min-height:192px;
}
.icon-product{
    width:100%;
    display:inline-block;
    text-align:center;
    padding: 25px 0px;
}
.icon-product img{
    width:auto;
}
.text-data{
    width: 100%;
    text-align: center;
    margin: 24px 0px 10px;
}
.text-data p{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}
.hover-data-part{
    position:absolute;
    height:0;
    top:100%;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    background:#198df2c2;
    padding: 20px;
    box-sizing: border-box;
/*    transition: .5s ease;*/
}
.hover-data-part .text-data p{
    color:#fff;
}
.hover-data-part{
    width:100%;
    background-image:url(../images/Tab_background.png);
    background-repeat:no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.product-part:hover .hover-data-part{
    top:0;
    height:100%;
}
.main-postal-data h1 a{
    position: absolute;
    left: 0px;
    background: #fff;
    padding:6px 15px;
    border-radius: 25px;
    color:#0278cb;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    text-transform: initial;
    top:0px;
}
.main-postal-data h1 a img{
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}
.outer-product-package{
    width:100%;
    display:inline-block;
}
.outer-product-package h2{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px;
    box-sizing: border-box;
    border-left:4px solid #ab1521;
    text-align: left;
    font-family: Roboto;
}
.outer-product-slider{
    width:100%;
    display:inline-block;
    margin-top:20px;
    text-align:left;
    position:relative;
}
.product-item{
    width:100%;
    background: #f4f5f9;
    padding:10px;
    box-sizing: border-box;
    border-radius:6px;
    min-height:200px;
    position:relative;
    overflow:hidden;
}
.outer-product-slider .owl-theme .owl-dots{
    display:none;
}
.outer-product-slider .owl-carousel .owl-item .product-item img{
    width:100%;
}
.outer-product-slider .owl-carousel  .owl-nav{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:30px;
}
.outer-product-slider .owl-carousel .owl-nav button.owl-prev{
   left:-38px;
    position: absolute;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 100%;
    margin: 0;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.outer-product-slider .owl-carousel .owl-nav button.owl-next{
    right:-14px;
    position: absolute;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 100%;
    margin: 0;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.outer-product-slider .owl-carousel .owl-nav button.owl-prev span, .outer-product-slider .owl-carousel .owl-nav button.owl-next span{
    font-size: 34px;
    line-height: 0px;
    margin-top: -2px;
    display: inherit;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
    background:none;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
    color:#333 !important;
}
.product-item h3{
    margin:20px 0px 6px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.product-item p{
    font-size:14px;
    color:#333333c2;
}
.rate-price{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    text-align: right;
}
.rate-price span{
    font-size:16px;
    font-weight:600;
}
.rate-price span.strike-cntnt{
    font-size:14px;
    margin-right:10px;
    color: #666;
    font-weight:normal;
}
.order-id{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.order-id span{
    color:#666;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.order-id h4{
    text-align:left;
    font-size:16px;
}
.view-data{
    width: 100%;
    display: inline-block;
    margin:35px 0px 0px;
    text-align: center;
}
.view-data a{
color: #0278cb;
display: inline-block;
font-size:16px;
}
.order-id-date{
    width:100%;
    display:inline-block;
    margin:10px 0px 0px;
}
.order-id-date p{
    font-size:14px;
    color:#666;
}
.order-id-date  h4{
    text-align:left;
    font-size:16px;
}
.hover-btn{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:0;
    width:100%;
    background-color: rgba(0, 0, 0, 0.66);
}
.hr-btn {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
.hr-btn a{
    border: 2px solid #fff;
    padding: 11px 41px;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.product-item:hover .hover-btn{
    height:100%;
    top:0;
}
.outer-product-package h2 a.btn-support{
    background: #f4f5f9;
    display: inline-block;
    float: right;
    padding: 7px 14px;
    border-radius: 25px;
    font-size: 13px;
    border: 1px solid #545454;
    color:#545454;
}
.user-info-product{
    width:100%;
    display:inline-block;
    margin: 15px 0px 0px;
}
.main-postal-data .user-info-product h1{
    color: #ab1521;
    margin: 0;
    text-align: left;
    text-transform: inherit;
    font-size:18px;
}
.main-postal-data .user-info-product p{
    text-align: left;
    font-size: 14px;
    color: #666;
    margin: 4px 0px 0px;
}
.main-postal-data .user-info-product h1 span{
    font-weight:normal;
}
.package-payment-method{
    width:100%;
    display:inline-block;
    margin: 35px 0px 0px;
}
.left-package-info-payment{
    width:24%;
    float:left;
    margin-right:60px;
}
.right-package-info-payment{
    float:left;
    width:70%;
}
.left-package-info-payment .product-item {
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
}
.left-package-info-payment .product-item img{
    width:100%;
}
.left-package-info-payment .order-id span b{
    color:#000;
}
.outer-product-package h2 a.btn-support img{
    margin-right: 10px;
}
.product-status-statement{
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    border:1px solid #d5d5d5cc;
    border-radius:3px;
    background:#fff;
    min-height:283px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0px 0px 30px;
    position:relative;
}
.outer-book-details{
    width:100%;
    display:inline-block;
}
.book-lft-pro{
    width: 130px;
    height: 110px;
    float: left;
    margin-right: 28px;
}
.book-lft-pro img{
    width:100%;
    height:100%;
}
.book-lft-pro-info{
    width:77%;
    float:left;
    position:relative;
}
.book-lft-pro-info p{
    font-size:14px;
    color:#333;
    text-align:left;
    margin: 5px 0px 0px;
}
.book-lft-pro-info h3{
    text-transform: uppercase;
    color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
}
.bk-status-li{
    width:100%;
    display:inline-block;
    margin-top:8px;
}
.bk-status-li ul li{
    font-size: 16px;
    color:#585858;
    list-style: initial;
    width: 30%;
    float: left;
    text-align: left;
    list-style-position: inside;
}
.bk-status-li ul li:first-child{
    list-style:none;
}
.bk-status-li ul li img {
    margin: 0px 9px 0px 4px;
}
.outer-progress-bar{
    width: 100%;
    display: inline-block;
    margin: 36px 0px 20px;
    text-align: left;
}
/*.outer-progress-bar .progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.progress-indicator > li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}
.progress-indicator > li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block;
}
.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
    color: #65d074;
}*/
.progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
    color: #65d074;
}
.progress-indicator > li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block;
}
.progress-indicator > li b{
    color: #333;
}
.progress-indicator > li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}
.progress-indicator > li.active, .progress-indicator > li.active .bubble {
    color: #337AB7;
}
.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
    background-color: #337AB7;
    border-color: #65d074;
}
.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
    background-color: #1b94fb;
    border-color: #033b6c;
}
.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
    background-color: #0eda7b;
    border-color: #0eda7b;
    background-image:none;
}
.progress-indicator > li.completed .bubble i{
    position: relative;
}
.progress-indicator > li.completed .bubble i:before{
    /*content: '\2713';*/
    content: '';
    position: absolute;
    top: 2px;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    left: -5px;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-image: url(../images/tick.png);
}
.progress-indicator > li .bubble {
    border-radius: 1000px;
    width:15px;
    height:15px;
    background-color:#fff;
    display: block;
    /*margin: 0 auto .5em;*/
    border:3px solid #a1a1a1;
}
.progress-indicator > li:first-child .bubble:after, .progress-indicator > li:first-child .bubble:before {
    width:100%;
    /*margin-left: 50%;*/
}

.bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
    background-color: #0eda7b;
    border-color: #0eda7b;
}
.progress-indicator > li .bubble:before {
    left: 0;
}
.progress-indicator > li .bubble:after, .progress-indicator > li .bubble:before {
    display: block;
    position: absolute;
    top:9px;
    width: 100%;
    height: 3px;
    content: '';
    /*background-color:#a1a1a1;*/
    background-image: url(../images/tik-tock.png);
    left:21px;
}
.progress-indicator > li .bubble:after {
    right: 0;
}
.progress-indicator > li .bubble.last:before{
    display:none !important;
}
.progress-indicator > li .bubble.last:after {
    display:none !important;
}
.progress-indicator > li .order-package{
    text-align:left;
    margin:20px 0px 0px;
}
.progress-indicator > li .order-package h6{
    font-size: 16px;
    color: #65d074
}
.progress-indicator > li .order-package p{
    font-size: 14px;
    color:#333333b3;
    margin-top:3px;
}
.progress-indicator > li .order-package.default-colr h6{
    color: #333;
}
.progress-indicator > li .order-package.cnfrmd-colr h6{
    color: #000;
}
.valid-data{
    width: 100%;
    display: inline-block;
    margin: 10px 0px 20px;
}
.valid-data .vld-data{
    font-size: 13px;
    color: #333333c2;
    margin-right: 10px;
}
.valid-data span.bld-date{
    color:#000;
    font-size: 13px;
}
.outer-product-slider.vdo-part .product-item{
    padding:0px;
}
.vdo-part-img{
    width:100%;
    position:relative;
}
.vdo-cntnt{
    width:100%;
    display:inline-block;
    padding: 0px 10px 25px;
    box-sizing: border-box;
}
.vdo-part-img .vdo-play img{
    max-width:79px;
    cursor:pointer;
}
.vdo-play {
    position: absolute;
    bottom: -39px;
    right: 0;
}
.outer-product-slider.vdo-part .owl-carousel .owl-stage-outer{
    padding-bottom:10px;
}
.outer-product-slider.vdo-part .product-item:hover{
    transition:0.5s ease;
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}
.mouse-hover{
    display:none;
}
.outer-product-slider.vdo-part .product-item:hover .vdo-play.mouse-hover{
    display:block;
}
.outer-product-slider.vdo-part .product-item:hover .vdo-play{
    display:none;
}
.product-item .vdo-cntnt h3{
    color:#000;
}
.product-item .vdo-cntnt span img{
    max-width: 14px;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}
.product-item .vdo-cntnt span{
    padding: 5px 6px;
    border-radius: 25px;
    display: inline-block;
    border: 1px solid #d9d2d2;
    color:#333333c2;
    margin-top:5px;
}
.outer-product-package.vdo-top-part{
    margin-top:55px;
}

/*popup video*/
.home-page-popup-wrapper {
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    display: none;
}
.home-page-popup-wrapper.popupActive {
    display: block;
}
.home-page-popup-container {
    max-width: 1000px;
    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: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    padding: 0;
    width: 100%;
    height: 562px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.home-page-popup-container p.popupCancel {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    cursor: pointer;
}
.closes {
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer;
}
.closes.thick::before, .closes.thick::after {
    height: 2px;
    margin-top: -2px;
}
.closes::before, .closes::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background:red;
}
.closes::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.closes::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*end popup video*/
.outer-product-part.outer-msg-chatting {
    padding:0px;
    /* margin-bottom:50px; */
}
.outer-product-part.outer-msg-chatting .outer-product-package{
    padding: 20px 22px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
}
.out-main-cht{
    width:100%;
    height:100%;
    display:inline-block;
    /* position: absolute; */
    top: 0;
    bottom: 0;
}
.left-tab-part-chat{
    width:25%;
    float:left;
    border-right:1px solid #e9e9e9;
    /*min-height:720px;*/
    box-sizing: border-box;
    background: #f6f7fb;
    position:relative;
    height:100%;
}
.left-tab-part-chat ul li{
    width: 100%;
    display: block;
    list-style: none;
    padding: 10px 20px 11px 15px;
    box-sizing: border-box;
    border-left: 4px solid transparent;
    cursor:pointer;
}
.left-tab-part-chat ul li.active{
    background:#fff;
    border-left:4px solid #0a70f9;
}
.left-tab-part-chat ul li .data-part-cht{
    width:100%;
    display:inline-block;
}
.left-tab-part-chat ul li .data-part-cht .left-quston{
    color: #000;
    font-weight: 600;
    width: 100%;
    font-size: 16px;
    float: left;
    word-break: break-all;
}
.left-tab-part-chat ul li .data-part-cht .rgt-time{
    color: #9b9090;
    font-weight: 500;
    font-size: 14px;
    float: right;
    width: 100%;
    text-align: right;
    margin: 10px 0 0 0;
}
.left-tab-part-chat ul li .cntnt-chat{
    width:100%;
    display:inline-block;
    padding:10px 9px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
}
.left-tab-part-chat ul li .cntnt-chat h4{
    color: #000;
    line-height: 22px;
    text-align: left;
    font-size: 16px;
}
.left-tab-part-chat ul li .cntnt-chat p{
    color: #8e9aaa;
    line-height: 22px;
    text-align: left;
    font-size: 15px;
    margin:9px 0px 0px;
}
.left-tab-part-chat ul li.active .cntnt-chat{
    border-color:#fff;
}
.left-tab-part-chat ul li:last-child .cntnt-chat{
    border-color:transparent;
}
.btn-ask-and-expert{
    width:100%;
    position:absolute;
    bottom:20px;
    left:0;
    text-align:center;
}
.btn-ask-and-expert a{
    background: #1872cb;
    color: #fff;
    padding: 12px 28px;
    border-radius: 10px;
    font-size: 18px;
}
.btn-ask-and-expert a img{
    max-width: 13px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -4px
}
.right-tab-part-chat{
    width:75%;
    float:left;
    position:relative;
    padding:25px;
    box-sizing: border-box;
    height:100%;
}
.user-ask-qston{
    width:100%;
    display:inline-block;
    margin-bottom:15px;
}
.left-txt-usr{
    float:right;
    position:relative;
}
.left-txt-usr p{
    color:#000;
    font-size:16px;
    line-height:22px;
    text-align:left;
    max-width:93%;
    min-width:200px;
    background:#dce3eb;
    border-radius:10px 0px 10px 10px;
    padding: 12px 15px;
    box-sizing: border-box;

    margin-right: 57px !important;
}
.left-txt-usr b.day-part{
    text-align: right;
    display: block;
    margin-top: 8px;
    font-weight: normal;
    font-size: 14px;
    color: #333333b5;
    margin-right: 57px;
}
.user-profile-in {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
.user-profile-in img{
    width:100%;
    height:100%;
}
.left-txt-usr.student-txt{
    float:left;
}
.left-txt-usr.student-txt .user-profile-in {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.left-txt-usr.student-txt p{
    margin-left: 57px;
    color: #000;
    background: #fff;
    border-radius: 0px 10px 10px 10px;
    max-width:60%;
    margin-right:0px;
    word-break: break-all;
}
.left-txt-usr.student-txt  b.day-part{
    text-align: left;
    max-width:auto;
    margin-left: 57px;
}
.input-part-chat{
    width: 100%;
    display: inline-block;
    position: absolute;
    border-top: 1px solid #e9e9e9;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
}
.input-part-chat input{
    width: calc(100% - 155px);
    border: none;
    padding: 35px 15px 35px 25px;
    font-size: 16px;
    box-sizing: border-box;
    color: #393232;
    outline: none;
    overflow: scroll;
}
.input-part-chat input.sendchabtn{
	float: right;
    display: inline-block;
    width:45px;
    height:45px;
    background:#edf0f7;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    border: 0px solid ;
    cursor: pointer;
    background-image: url(../image/svg/send.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 55% 60%;
    color: transparent;
    padding:0px;
    font-size: inherit;
    position: absolute;
    right: 37px;
    top:22px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border:1px solid #edf0f7;
    outline:none;
 }
.btn-vw-dtail{
    position: absolute;
    width: auto;
    top: 2px;
    right: 0px;
}
.btn-vw-dtail ul li{
    list-style:none;
    display:inline-block;
}
.btn-vw-dtail ul li a{
    display: inline-block;
    border-radius:14px;
    padding: 4px 8px;
    font-size: 14px;
    margin-left: 8px;
    border: 1px solid #545454;
    color: #545454;
    background: #f4f5f9;
}
.btn-vw-dtail ul li a:hover{
    color:#fff;
    background: #0970f9;
    border-color:#0970f9;
}
.parent{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    z-index:9999;
}
.child {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width:320px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index:99999;
    border-radius:6px;
}
.parent-image{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    z-index:9999;
    display:none;
}
.report-popup-child-image{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:99999;
}
.cancel-pop-image{
    position:absolute;
    top:0;
    background: #ffffff6e;
    padding: 6px;
    cursor:pointer;
    right:0px;
}
.cancel-pop-image img{
    width: 8px
}
.banr-img {
    width: 100%;
    display: inline-block;
    height: 100%;
}
	.banr-img img {
    width: 100%;
    height: 100%;
}

    .banr-img .data-part{
         padding:20px;
         box-sizing: border-box;
        float: left;
    }
.btn-new-claim {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    padding-top: 16px;
}
.btn-new-claim a {
    text-decoration: none;
    color: #fff;
    background: green;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    border-radius: 3px;
}
	@media only screen and (max-width:768px) {
    .child {
        width:90%;
    }

        }

    .news-div .content-left-shadow,  .news-div  .content-right-shadow{
        background-image:none;
    }
    .content.news-div{
        padding-top:15px;
    }
       .news-div   .coupon-hading ul{
        background-color:#fff;
    }
    .news-div  .news-box{
        border-right:4px;
    }
        .news-div .news-detail{
        margin-top:10px;
    }


.input-part-chat input.sendchabtn.active {
        background: #0970f9;
        background-image: url(../images/svg/send.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 55% 60%;
        color: transparent;
        border:1px solid #0970f9;
        }
.outer-txt{
    width:100%;
    text-align:center;
    display:none;
    padding-top:8px;
}
.outer-txt p{
    font-size:18px;
}
.updated-address {
    padding-bottom: 20px;
}
.outer-txt p.popupCancel {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    cursor: pointer;
}
.updated-address h1{
    text-align:left;
    color:#333;
    font-size:18px;
    padding:10px;
    background:#e9e9e9;
}
.outer-text-area{
    width:100%;
    display:inline-block;
}
.outer-text-area textarea{
    min-height:100px;
    width: 100%;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    box-sizing: border-box;
    font-family: Roboto;
    line-height:24px;
    resize: none;
    border-bottom: 1px solid #e9e9e9;
}
.updated-address .popupCancel .closes.thick{
    top:15px;
}
.child.address-main{
    width:500px;min-width:420px;
    border-radius:0px;
}
.thankyou_container {
    position: absolute;
    width: 100%;
    bottom: 0px;
    overflow: hidden;
    transition: all .3s;
    background-color: #fff;
    left: 0px;
    height:0%;
}
.thankyou_container {
    position: absolute;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #d20a26;
    bottom: 0px;
    overflow: hidden;
    background: #ffffffe6;
}
.thankyou_message {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.thankyou_message img {
    max-width: 80px;
}
.thankyou_message h1 {
font-size: 18px;
color: #000;
margin-top: 15px;
}
.product-status-statement .thankyou_container{
   background-color: rgba(0, 0, 0, 0.56);
}
.product-status-statement .thankyou_message h1{
    margin:0px;
    color:#fff;
}
.outr-msg-nw{
    width:100%;
    display:inline-block;
    display:none;
}
.outer-cnt-frst{
    width:100%;
    height:100vh;
    position:relative;
}
.center-ask {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 320px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 99999;
    border-radius: 6px;
}
.outer-ask-pro-dta{
    width:100%;
    display:inline-block;
}
.askbtn-data{
    width:100%;
    display:inline-block;
    margin-top:30px;
}
.askbtn-data a{
    background: #0970f9;
    color: #fff;
    padding: 20px 28px;
    border-radius: 30px;
    font-size: 16px;
    display:inline-block;
    width: 170px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    font-weight:600;
}
.askbtn-data a img {
    max-width: 11px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}
.outer-cnt-snd{
    width:100%;
    height: 100%;
    display:inline-block;
    display:none;
}
.outer-cnt-snd .left-tab-part-chat{
    box-sizing:border-box;
    text-align:left;
    width:35%;
    background:#fff;
}
.outer-cnt-snd .right-tab-part-chat{
    box-shadow: 0px 0px 20px 0px #ccc;
    width:65%;
    padding:0px;
    text-align:left;
}
.outer-dopdwn{
    width:100%;
    display:inline-block;
    padding:20px 20px 0px 20px;
    box-sizing: border-box;
}
.left-drpdwn{
    width:84%;
    float:left;
    position:relative;
}
.rgt-icon{
    float:right;
    width:auto;
    position:relative;
}
.rgt-icon span{
    width: 20px;
    height: 20px;
    border:1px solid #e2e5ea9c;
    padding:8px;
    border-radius: 100%;
    display:inline-block;
    text-align:center;
}
.rgt-icon span img{
    vertical-align:middle;
    max-width:15px;
    cursor:pointer;
    opacity: .5;
}
.left-drpdwn .slct-bx{
    width: 100%;
    padding: 10px 24px;
    box-sizing: border-box;
    color: #000;
    font-weight: 700;
    background: #daebff;
    border-radius: 30px;
    font-size: 16px;
    cursor:pointer;
    border:1px solid #ccc;
}
.left-drpdwn .slct-bx.disableds{
    background: #dadada;
    color: #fff;
}
.by-default-user-info{
    width:100%;
    display:inline-block;
    margin-bottom:30px;
}
.user-info-pro{
    height:35px;
    width:35px;
    border-radius:100%;
    background: #f3f4f6;
    float:left;
    margin-right:5px;
}
.user-info-pro-text{
    border-radius: 6px;
    background: #f3f4f6;
    float: left;
    width: 75%;
    min-height: 85px;
}
.left-tab-part-chat .btn-ask-and-expert a{
    display: inline-block;
    width: 200px;
    border-radius: 4px;
    /* box-shadow: -5px 8px 15px rgba(0, 0, 0, 0.2); */
}
.left-tab-part-chat .btn-ask-and-expert a.dissabled{
    background:#dadada;
    color:#fff;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data{
    padding:10px 25px;
    background:#dfe4ea;
    color:#000;
    width:100%;
    box-sizing:border-box;

}
.email-to-data_copy{padding: 3px 25px !important;}
.outer-cnt-snd .right-tab-part-chat .email-to-data table{
    border-collapse:collapse;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td{
   padding: 0px 15px 0px 0px;
    border:none;
    vertical-align:middle;
    color:#000;
    font-size:18px;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td span img{
    height: 45px;
    width: 45px;
    border-radius: 100%;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td h1{
    margin: 0;
    color: #000;
    text-align: left;
    font-size: 16px;
    text-transform: initial;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td p{
    color:#a6aab3;
    font-size:14px;
}
.enter-type-msg{
    width:100%;
    padding:20px;
    box-sizing: border-box;
}
.outer-slct-data-part{
    width: 100%;
    padding: 10px 0px 20px;
    border-bottom: 1px solid #e0e3ea;
    color: #000;
    font-weight:500;
    font-size: 17px;
    background-image: url(../images/Dropdown.png);
    background-repeat: no-repeat;
    background-position: 99% 18px;
    text-indent: 16px;
    cursor:pointer;
    position:relative;
}
.enter-type-msg .ask-qstn-usr{
    width:100%;
    height:100%;
    display:inline-block;
    margin-top: 5px;
}
.enter-type-msg .ask-qstn-usr textarea{
    resize: none;
    min-height: 100%;
    border: none;
    padding: 20px 0;
    color: #000;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    max-height:30vh;
    font-family: Roboto;
    line-height: 22px;
    outline:none;
    font-size:16px;
}
.images-uplaod-data{
    width:100%;
    display:inline-block;
    border-top:1px solid #cccccc29;
    padding-top: 15px;
}
.images-uplaod-data-left{
    width:200px;
    height:200px;
    float:left;
    position:relative;
}
.images-uplaod-data-left img{
    width:100%;
}
.images-uplaod-data-left  span img{
    width:auto;
    position:absolute;
    top: -10px;
    right: -10px;
    cursor:pointer;
}
.remove{
    display:none;
}
.images-uplaod-data-left:hover .remove{
    display:block;
}
.upload-data-file{
    position: absolute;
    bottom:0;
    /* left:0; */
    left: -3px;
    width:100%;
    padding:0px;
    box-sizing: border-box;
    background:#fff;
}
.conversation{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:25px 30px;
    box-sizing: border-box;
    background:#fcd2d3;
    text-align:center;
}
.conversation p{
    font-size: 16px;
    color: #000;
}
.conversation p a{
    color:#ed1b24;
    text-decoration:underline;
}
.inner-attach{
    width:100%;
    /* padding:23.5px 15px; */
    padding:22px 15px;
    border-top:1px solid #e0e3ea;
    text-align:right;
    box-sizing: border-box;
}
.inner-attach a{
    text-decoration:none;
    padding:10px 20px;
    font-size:18px;
    border-radius:30px;
    display: inline-block;
}
.inner-attach a:first-child{
    border: 1px solid #3336;
    color: #333333bd;
    margin-right: 5px;
    position: relative;
    border-radius: 50%;
    padding: 0;
}
.inner-attach a:hover:first-child{
    border: 1px solid #333;
    color: #333;
}
.inner-attach a:last-child{
    background:#1872cb;
    color:#fff;
    border:1px solid #0970f9;
        /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); */
}
.inner-attach a img{
    width: 43px;
    vertical-align: middle;
}
.rgt-icon i{
    width: 5px;
    height: 5px;
    background: red;
    position: absolute;
    top: -6px;
    left: 0;
    right: -11px;
    bottom: 0;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 100%;
}
.query-outer-part{
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    width:100%;
}
.enter-type-msg .ask-qstn-usr::placeholder {
  color: #989898;
}
.qston-data{
    width:100%;
    display:inline-block;
    margin-top:8px;
    position: absolute;
    top: 60px;
    bottom: 89px;
    overflow: auto;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
}
.qston-data ul li.active {
   background: #f1f2f6;
     border-left:none;
}
 .qston-data ul li {
    width: 100%;
    list-style: none;
    padding:20px;
    box-sizing: border-box;
    border-left:none;
    cursor: pointer;
    border-bottom: 1px solid #e0e3ea;
     display:inline-block;
}
.qston-data .data-part-cht {
    width: 100%;
    display: inline-block;
}
 .qston-data ul li .cntnt-chat {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    box-sizing: border-box;
    border:none;
}
.qston-data ul li.active .cntnt-chat {
    border-color:none;
}
.qston-data ul li .cntnt-chat h4 {
    color:#929292;
    line-height: 22px;
    text-align: left;
    font-size: 16px;
}
.qston-data ul li.active .cntnt-chat h4 {
    color:#000;
}
.qston-data ul li .cntnt-chat p {
    color: #8e9aaa;
    line-height: 22px;
    text-align: left;
    font-size: 15px;
    margin: 9px 0px 0px;
}
.qston-data ul li:last-child{
    border:none;
}
.qston-data ul li .left-prfole{
    width:auto;
    float:left;
    margin-right:9px;
}
.qston-data ul li .left-prfole img{
    height: 40px;
    width: 40px;
    border-radius: 100%;
}
.qston-data ul li .rgt-cnt-sub{
   float:left;
    width:79%;
}
.subject-related-chat{
  width:100%;
  display:inline-block;
  padding:0px 30px;
  background:#fff;
  box-sizing: border-box;
}
.outer-icn-prt{
      width:100%;
      display:inline-block;
      padding: 28px 0px 20px;
      border-bottom:1px solid #e0e3ea;
}
.subject-related-chat .date-subject{
    float:left;
    color:#000;
    font-size:16px;
}
.subject-related-chat .icon-report{
    float:right;
    position:relative;
}
.subject-related-chat .icon-report img{
    width: 18px;
    margin-right: -10px;
    cursor: pointer;
    margin-top: -3px;
}
.chat-part-data{
    background:#f4f5f9;
    height:100%;
}
.part-chat-tab{
    padding:25px;
    width:100%;
    box-sizing: border-box;
    display:inline-block;
    max-height:80%;
    overflow:auto;
}
.upload-data-file .input-part-chat{
    position: initial;
}
.upload-data-file .sendfile{
	float: right;
    display: inline-block;
    width:45px;
    height:45px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    border: 0px solid ;
    cursor: pointer;
    background-image: url(../image/Attachment.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    color: transparent;
    padding:0px;
    font-size: inherit;
    position: absolute;
    right:100px;
    top:22px;
    cursor:pointer;
    border:1px solid #333;
 }
.upload-data-file .sendfile input{
    width: 100%;
    position: absolute;
    z-index: 9999;
    padding: 0;
    opacity: 0;
    height: 100%;
    left: 0;
    cursor:pointer;
}
.report-drpdown{
    position: absolute;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
    color: #000;
    right: -2px;
    top: 24px;
    cursor:pointer;
    display:none;
    font-size:14px;
}
.report-popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    z-index: 9999;
    display: none;
}
.report-popup-child{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 99999;
    border-radius: 6px;
    padding:25px;
    box-sizing:border-box;
    text-align:center;
}
.bubble, .progress-indicator > li.completed.half .bubble::after, .progress-indicator > li.completed.half .bubble::before{
    width:50%;
    z-index:999;
}
.center-image-data{
    width:100%;
    display:block;
    text-align:center;
}
.center-image-data img{
    width: auto;
}
.report-popup-child h1{
    font-size: 18px;
    color: #000;
    margin: 12px 0px;
    font-weight: 600;
}
.report-popup-child p{
    font-size: 14px;
    color: #333333d6;
}
.report-btn-pro{
    width:100%;
    display:inline-block;
    text-align: center;
    margin-top:30px;
}
.report-btn-pro a{
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 30px;
    display: inline-block;
}
.report-btn-pro a:first-child {
    border: 1px solid #333;
    color: #333;
    margin-right: 15px;
}
.report-btn-pro a:last-child {
    background: #ba151b;
    color: #fff;
    border: 1px solid #ba151b;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}
.user-upload-images{
    max-width:93%;
    display:inline-block;
    text-align:right;
    margin-right: 57px;
    margin-top:10px;
    float:right;
}
.user-upload-images img{
    width:100px;
    height:100px;
    border-radius:6px;
    margin-left:10px;
}
.satisfied-conversation{
    width:100%;
    text-align:right;
    display:inline-block;
    margin: 50px 0px 10px;
}
.satisfied-conversation p{
    text-align: right;
    font-size: 14px;
    margin-bottom: 10px;
}
.satisfied-conversation a{
    text-decoration: none;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 30px;
    display: inline-block;
    background: #e3e7f2;
    color: #000;
    border: 1px solid #33333373;
}
.satisfied-conversation a:hover{
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.ntficton{
    width:100%;
    display:inline-block;
    position: relative;
}
.notification-info {
    width: 100%;
    padding: 10px 24px;
    box-sizing: border-box;
    color: #000;
    font-weight: 700;
    background:#dadada;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    position:absolute;
    right:-370px;
    transition:         background-position 5ms ease-out;
    -moz-transition:   background-position 5ms ease-out;
    -webkit-transition: background-position 5ms ease-out;
    -o-transition:      background-position 5ms ease-out;
}
.notification-info span.cancel-notification{
    position: absolute;
    right: 20px;
    top: 14px;
}
.notification-info span.cancel-notification:before{
    content: '';
    width: 1px;
    background: #cccc;
    position: absolute;
    left: -13px;
    height: 20px;
    top: -4px;
}
.notification-info span.cancel-notification img{
    width:auto;
    cursor:pointer;
}
.dropdown-ui {
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
    border: 0;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);
    padding-bottom: 4px;
    overflow: hidden;
    position:absolute;
    top:40px;
    width:100%;
    display:none;
}
.dropdown-ui  ul li{
    list-style: none;
    font-size: 14px;
    color: #000;
    width: 100%;
    margin: 5px 0px;
    padding: 5px 20px;
}
.dropdown-ui  ul li a{
    text-decoration: none;
    font-size: 16px;
}
.left-drpdwn .slct-bx.gogle-drop{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: rgba(223,225,229,0);
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    background: #fff;
    color: #000;
}
.progress-indicator > li .left-arrow::before{
    display: block;
    position: absolute;
    top: 9px;
    width: 50%;
    height: 3px;
    content: '';
    background-image: url(../images/tik-tock.png);
    left: -50%;
    z-index:1;
}
/*active data*/
.left-drpdwn .slct-bx.active{
    background-image: url(../images/Dropdown.png);
    background-repeat: no-repeat;
    background-position: 93% 17px;
}
.outer-cnt-snd .right-tab-part-chat.second-data-active{
    box-shadow:none;
}
.second-data-active .email-to-data, .enter-type-msg{
    display:block;
}
.inner-attach a input{
    width: 100%;
position: absolute;
z-index: 9999;
padding: 0;
opacity: 0;
height: 100%;
left: 0;
cursor: pointer;
}
.outer-slct-data-part .dropdown-ui{
    display:none;
}
.outer-slct-data-part.gogle-drop {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: rgba(223,225,229,0);
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    background: #fff;
    color: #000;
}
#submitDubt {

    width: 100%;
    display: inline;

}


.input-part-chat .sent-btn.sendchabtn.active {

    background: #0970f9;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    background-image: url(../image/send.png);
    background-repeat: no-repeat;
    background-position: 9px;
    background-size: 46% 50%;
    color: transparent;
    border: 1px solid #0970f9;

}
.input-part-chat .sent-btn.sendchabtn {

    float: right;
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #edf0f7;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    border: 0px solid;
    cursor: pointer;
    background-image: url(../images/svg/send.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 55% 60%;
    color: transparent;
    padding: 0px;
    font-size: inherit;
    position: absolute;
    right: 37px;
    top: 22px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #edf0f7;
    outline: none;

}
.input-part-chat .sent-btn {

    width: 100%;
    border: none;
    padding: 35px 100px 35px 25px;
    font-size: 16px;
    box-sizing: border-box;
    color: #393232;
    outline: none;

}

.outer-slct-data-part  select.slct-bx{
    background:none;
    float: left;
    border: none;
    width: 100%;
    outline: none;
}
/*
.overvieworange-new .overviewbar span{
    background:orange;
}
*/
.overvieworange-new .overviewbar span{
    background:#f4e0b1;
}
.overvieworange-new .compareblk_hdng{
    color:orange;
}
/*add new part refer css add by satyam dubey*/
.main-refer-data{
    width: 100%;
padding: 40px 70px;
box-sizing: border-box;
}
.outer-refer-prt{
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    background:#fff;
    border-radius:8px;
    overflow: hidden;
    text-align:left;
}
.inner-banner-data-refer{
     width:100%;
    background-image:url(../images/background-refer.png);
    height:298px;
    background-repeat:no-repeat;
    background-size: cover;
}
.refer-earn-data{
    padding: 40px 80px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    position:relative;
}
.outer-data-earn{
    width:100%;
    display:inline-block;
}
.outer-data-earn h1{
    font-size: 20px;
    color:#fff;
    text-align: left;
    text-transform: inherit;
    font-weight: 600;
}
.outer-data-earn p{
    color:#fff;
    font-size:16px;
    margin:10px 0px;
}
.outer-data-earn p span{
    color:#f4f013;
}
.btn-data-refer{
    width:100%;
    float:left;
    margin: 20px 0px 20px;
}
.btn-data-refer a{
    font-weight:500;
    text-decoration: none;
    display: inline-block;
    font-size:18px;
    float: left;
}
.btn-data-refer input{
    background:#244372;
    border: 1px dashed #fff;
    color:#fff;
    padding: 10px 30px;
    border-radius: 6px 0px 0px 6px;
    position: relative;
    z-index: 9;
    font-weight:500;
    text-decoration: none;
    display: inline-block;
    font-size:18px;
    float: left;
    min-width:100px;
    max-width:150px;
    text-align:center
}
.btn-data-refer a:last-child{
    background:#fff;
    border: 1px solid#fff;
    color:#0972f8;
    padding: 10px 26px;
    margin-left: -4px;
    border-radius: 0px 6px 6px 0px;
}
.share-data-part{
    width:100%;
    display:inline-block;
}
.share-data-part h3{
    font-weight:500;
    color:#fff;
    text-align:left;
    font-size:16px;
    margin-bottom: 15px;
}
.share-data-part a{
    display: inline-block;
    margin-right: 10px;
}
.redeem-coins-btn{
    position:absolute;
    top: 32px;
    right: 36px;
}
.redeem-coins-btn a{
    background:#fff;
    border: 1px solid #fff;
    color:#0972f8;
    padding: 10px 16px;
    border-radius:25px;
    display:inline-block;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    font-size: 14px;
    font-weight: 600;
}
.redeem-coins-btn a img{
    margin-right: 6px;
}
.get-coins-outer{
    width:100%;
    display:inline-block;
    float:left;
}
.get-earn-data{
    padding:0px 80px 0px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
}
.get-data-in{
    width: 100%;
    display: inline-block;
    float: left;
    background:
    #e8eff7;
    padding: 30px 20px;
    box-sizing: border-box;
}

.get-data-in h1{
    color:#000;
    font-size:18px;
    text-align:left;
}
.get-data-in h1 span{
    color:#69ca9f;
}
.clear{
    clear:both;
}
.left-coins{
    width:50%;
    float:left;
}
.rigth-coins-img{
    width: auto;
    float:right;
}
.rigth-coins-img img{
    width:auto;
}
.one-refer-you-get{
    width: 215px;
    background: #fff;
    padding: 20px;
    border: 1px dashed #d0e1f5;
    box-sizing: border-box;
    margin: 20px 0px;
}
.one-refer-you-get h2{
    color:
    #000;
    font-weight: 600;
    font-size: 18px;
    margin: 0px 0px 10px;
}
.one-refer-you-get h3{
    color:
    #0970f9;
    font-weight: 600;
    font-size: 20px;
}

.get-text-info{
    width:100%;
    float:left;
}
.get-text-info ul{
    list-style:initial;
}
.get-text-info ul li{
    width:100%;
    list-style:disc;
    list-style-position: inside;
    margin-bottom: 10px;
    font-size: 16px;
    color:#333333c4;
}
.outer-coins{
    width:100%;
    display:inline-block;
    background: #e7e7e7;
    padding:15px 30px;
    box-sizing: border-box;
}
.reedem-coins{
    width:100%;
    box-sizing: border-box;
    padding: 25px 30px;
    min-height:67vh;
}
.reedem-coins h1{
    color:#000;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
}
.reedem-coins p{
    font-size:16px;
    color:#000;
}
.left-coins-new{
    float:left;
    width:auto;
}
.rgt-coins-btn{
    float:right;
    width:auto;
}
.rgt-coins-btn a{
    background:#0870fb;
    border: 1px solid #0870fb;
    color:#fff;
    padding: 10px 16px;
    border-radius:25px;
    display:inline-block;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    font-size: 14px;
    font-weight: 600;
}
.rgt-coins-btn a img{
    margin-right:6px;
}
.outer-earned-data{
    width:100%;
    display:inline-block;
}
.left-img-data{
    float:left;
    width: auto;
    margin-right: 25px;
}
.left-txt-data{
    float:left;
    width: auto;
}
.left-txt-data h2{
    font-size:17px;
    font-weight:500;
    color:#333333d9;
    margin-bottom: 4px;
}
.left-txt-data h3{
    font-size:18px;
    font-weight:700;
    color:#000;
}
.packages-redeem .outer-product-package{
    margin-top:5px;
}
.packages-redeem .outer-product-slider .owl-carousel .owl-nav button.owl-prev{
    left: -16px;
}

.packages-redeem .outer-product-slider .owl-carousel .product-item{
   padding:7px;
    transition:0.5s ease;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item:hover{
 box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
}
.packages-redeem .outer-product-slider .owl-carousel .product-item h3   {
    margin: 10px 0px 6px;
    font-weight: 600;
    font-size: 15px;
    min-height: 36px;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item .vdo-cntnt{
    padding: 0px 4px;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item .vdo-cntnt span{
    background:#fff;
    border-color:#fff;
    color:#000;
    padding: 7px 10px;
    font-size:14px;
}
.instuction-redeem{
    width: 100%;
    box-sizing: border-box;
    padding: 25px 30px;
    min-height: 67vh;
}
.instuction-redeem .accordion {
     width:100%;
    display:inline-block;
}
.instuction-redeem .accordion__answer {
  display: none;
  padding:15px;
  border: 1px solid #edf0f5;
  border-radius: 0px 0px 6px 6px;
}
.instuction-redeem .accordion__answer p{
  font-size:16px;
}
.instuction-redeem .accordion__item {
  margin-bottom:20px;
}
.instuction-redeem .accordion__question {
  position: relative;
  background:#edf0f5;
  border-radius:6px;
  padding:15px 15px 15px 15px;
  font-size: 1em;
 cursor: pointer;
}
/* .instuction-redeem .accordion__question::before {
  content: '';
  display: inline-block;
  border: solid #000;
  border-width: 0 2px 2px 0;
  padding: 3px;
  position: absolute;
  top: 40%;
  right:20px;
  transform: rotate(45deg);
  transition: transform .2s linear;
}

.instuction-redeem .expanded.accordion__question::before {
  content: '';
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 50%;
  right:20px;
  transform: rotate(-135deg);
  transition: transform .2s linear;
}*/
.instuction-redeem .accordion__question.expanded{
    border-radius: 6px 6px 0px 0px;
}
.outer-accordian-part-new{
    width:100%;
    display:inline-block;
}
.left-data-acco{
    width:auto;
    float:left;
}
.left-data-acco h1{
    font-size:16px;
    color:#000;
    font-weight:600;
}
.left-data-acco p{
    font-size: 15px;
    margin-top: 4px;
    color:
    #3333338a;
}
.left-data-acco.center{
    width:auto;
    float:right;
}
.left-data-acco.center span{
    display: inline-block;
    margin:0 auto;
    margin-top: 11px;
}
.left-data-acco.center span img{
    vertical-align:top;
    margin-right:8px;
}
.left-data-acco.center span b{
    color:red;
    font-size:16px;
}
.conts-cntnt{
    width:100%;
    display:inline-block;
}
.conts-cntnt p{
    color:#000;
    line-height:24px;
    font-size:15px;
}
.conts-cntnt ul {
    list-style: initial;
    margin-top:10px;
}
.conts-cntnt ul li {
    width: 100%;
    list-style: disc;
    list-style-position: inside;
    margin-bottom:5px;
    font-size: 15px;
    color:#000;
}
.outer-part-popup-coins{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    z-index:9999;
    display:none;
}
.outer-part-popup-coins-child{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:99999;
    background:#fff;
    width:60%;
    padding: 20px;
    box-sizing: border-box;
    border-radius:10px;
}
.outer-part-popup-coins-child.second-step{
    width:44%;
    display:none;
}
.outer-part-popup-coins-child p.popupCancel{
    background:none;
    width: 25px;
    height: 39px;
    position: absolute;
    top: -15px;
    right: -33px;
    cursor: pointer;
}
.close-btns{
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 14px;
    cursor: pointer;
}
.close-btns::before, .close-btns::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
}
.close-btns::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-btns:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.part-of-coins{
    width:100%;
    display:inline-block;
}
.left-data-popup-img{
    float:left;
    width:40%;
}
.left-data-popup-img img{
    width:100%;
}
.left-data-txt-new{
    width:57%;
    float:left;
    margin-left:3%;
    text-align:left;
}
.left-data-txt-new h1{
    font-weight:600;
    font-size:20px;
    color:#333;
}
.left-data-txt-new .data-rad{
    background: #fff;
    box-shadow: 0px 1px 11px 1px #b9a9a95e;
    color: #000;
    padding: 7px 10px;
    font-size: 14px;
    margin-top:10px;
    border-radius: 25px;
    display: inline-block;
}
.left-data-txt-new .data-rad img {
    max-width: 14px;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}
.packages-redeem .outer-product-slider .owl-carousel .owl-item .product-item .vdo-cntnt img{
    max-width:17px;
}
.outer-part-popup-coins .data-rad img{
     max-width:17px;
}
.outer-part-popup-coins .left-data-txt-new p{
    margin: 12px 0px 4px;
    font-size: 14px;
    line-height: 22px;
    color:#333;
}
.outer-part-popup-coins .key-features-data{
    margin:4px 0px 20px;
}
.outer-part-popup-coins .key-features-data p{
    color:#000;
    font-size:16px;
    text-align:left;
    margin:0px;
}
.outer-part-popup-coins .key-features-data ul{
    list-style: initial;
    margin-top:8px;
}
.outer-part-popup-coins .key-features-data ul li{
    width:100%;
    list-style:disc;
    list-style-position: inside;
    margin-bottom:4px;
    font-size: 14px;
    color:#000;
}
.rgt-coins-btn-new{
    width:100%;
    float:left;
    margin: 3px 0px 20px;
}
.rgt-coins-btn-new a {
    background: #0870fb;
    border: 1px solid #0870fb;
    color: #fff;
    padding: 13px 30px;
    border-radius: 25px;
    display: inline-block;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
    font-size: 14px;
    font-weight: 600;
}
.classroom-study-data{
    width:100%;
    padding:6px 14px;
    box-sizing: border-box;
}
.classroom-study-data h1{
    font-size:20px;
    text-align:left;
    color: #000;
    font-weight:600;
}
.outer-step-part{
    width:100%;
    padding:45px 50px 12px;
    box-sizing: border-box;
    float:left;
    text-align:left;
}
.pack-data-step{
    width:47%;
    float:left;
    box-sizing: border-box;
    margin-right:24px;
    border:1px dashed #ccc;
    border-radius:6px;
    text-align:center;
    padding:20px;
}

.pack-data-step h1{
    text-align:center;
    font-weight:600;
    text-transform:uppercase;
    color:#747474;
    font-size: 17px;
}

.pack-data-step .data-rad{
    background: #ff817e;
    box-shadow: 0px 1px 11px 1px #b9a9a95e;
    color: #000;
    padding: 7px 10px;
    font-size: 14px;
    margin-top:17px;
    border-radius: 25px;
    display: inline-block;
}
.pack-data-step .data-rad img {
    max-width: 14px;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}
.cntent-data-new{
    margin:20px 0px 0px;
    width:100%;
    display:inline-block;
    background:#fff8eb;
    padding:5px;
    box-sizing: border-box;
    border-radius:3px;
}
.cntent-data-new p{
    font-size:14px;
    color:#333;
}
.rgt-coins-btn-new-last{
    text-align:center;
    float: left;
    margin: 35px 0px 0px;
    width:100%;
}
.rgt-coins-btn-new-last a:first-child {
    background: #0870fb;
    border: 1px solid#0870fb;
    color:#fff;
    padding: 13px 30px;
    border-radius: 25px;
    display: inline-block;
    box-shadow: 0 0px 10px 0
    rgba(0,0,0,0.08), 0 0px 30px 0
        rgba(0,0,0,0.08);
        font-size: 14px;
        font-weight: 600;
}
.rgt-coins-btn-new-last a:last-child{
    background:none;
    color:#747474;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 30px;
}
.outer-product-slider #owl-carousel1.owl-carousel .owl-item .product-item img{
    width:230px;
    height:200px;
}
.btn-data-refer .copy-linkpart{
    background:#244372;
    border: 1px dashed #fff;
    color:#fff;
    padding: 10px 30px;
    border-radius: 6px 0px 0px 6px;
    position: relative;
    z-index: 9;
    font-weight:500;
    text-decoration: none;
    display: inline-block;
    font-size:18px;
    float: left;
    min-width:100px;
    text-align:center
}

/* new css report start by satyam dubey */

.outer-main-part-report-new-dashboard{
    width:100%;
    display:inline-block;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs{
    padding:0px;
    width: auto;
    border-bottom: 0px solid #e9e9e9;
    background: #fff;
    border-radius:6px;
    overflow: hidden;
    box-sizing: border-box;
    height:auto;
    display:inline-block;
    box-shadow:none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li{
  margin:0px;
  padding:10px 15px;
  border: 1px solid #ccc;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li:first-child{
    border-radius:6px 0px 0px 6px;
    border-right: none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li:last-child{
    border-radius:0px 6px 6px 0px;
    border-left: none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li.active{
    color:#fff;
border-color:#007aff;
font-family: RobotosemiBold;
background:#007aff;
}
.outer-headingpart-report{
     width:100%;
     display:inline-block;
    padding: 25px 0px;
    box-sizing: border-box;
    background: #e6e8f0;
}
.outer-headingpart-report .pagename{
    margin:0px;
}
.roport-main-info{
    width:100%;
    display:inline-block;
}
.outer-headingpart-report .content{
    width: 100%;
    padding:0px 45px;
    box-sizing: border-box;
   max-width:inherit;
}
.roport-main-info .content{
    width: 100%;
    padding:0px 45px;
    box-sizing: border-box;
   max-width:inherit;
   background: #eff1f7;
}
.outer-main-part-report-new-dashboard .overviewblock_main{
    width: 18.7%;
    margin:0px 12px;
    border: 1px solid #e6e9f4;
    box-shadow: none;
    padding:25px;
}
.outer-main-part-report-new-dashboard .overviewblock_main:first-child{
    margin-left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main:last-child{
    margin-right:0px;
}
.outer-main-part-report-new-dashboard .overanalysis_blockbig{
    width:31.7%;
    margin:0 28px 0px 0;
    border: 1px solid #e6e9f4;
    box-shadow: none;
}
.outer-main-part-report-new-dashboard .overanalysis_blockbig:last-child{
    margin-right:0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv{
     padding:25px;
}
.outer-main-part-report-new-dashboard .overviewblock_outr{
    margin-top: 35px;
}
.outer-main-part-report-new-dashboard .overanalysis_reporting{
    margin-top: 35px;
    border: 1px solid #e6e9f4;
    box-shadow: none;
}
.outer-main-part-report-new-dashboard .overviewblock_outr:first-child{
    margin-top:28px;
}
.outer-main-part-report-new-dashboard .cardinr.overviewblock_main.fullwidthblock_main{
    width:100%;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main{
    width:100%;
}
.outer-main-part-report-new-dashboard #solutionreport{
    margin-top:5px;
}
.outer-main-part-report-new-dashboard .score_count{
   color:#000;
    font-size: 20px;
    margin-bottom: 5px;
}
.outer-main-part-report-new-dashboard .overviewblock_main .grayinfo{
    color: #a9a9a9;
    margin-bottom: 25px;
    font-family:inherit;
    text-transform:inherit;
    font-size:14px;
}
.outer-main-part-report-new-dashboard .icon-data-part{
    width:100%;
    display:inline-block;
    margin: 0px 0px 30px;
}
.outer-main-part-report-new-dashboard .Report_heading{
    color:#000;
    font-size:14px;
    border-radius: 6px;
}

.outer-main-part-report-new-dashboard .overall_inrdiv.reward{
    padding:10px 10px 40px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .mark-part{
    background:#fff9e6;
    text-align:center;
    padding:15px 10px 25px;
}
.outer-data-reward-report{
    width:100%;
    display:inline-block;
}
.outer-data-reward-report .reward-image{
    width:100%;
    display:inline-block;
    padding:25px 0px 0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info{
    width:100%;
    display:inline-block;
    margin:20px 0px 0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part{
    width:31%;
    float:left;
    margin-right:12px;
    min-height:68px;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
    border-radius:6px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part:last-child{
    margin:0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.positive{
    background: rgb(228,245,207);
    background: linear-gradient(180deg, rgba(228,245,207,0.5) 0%, rgba(248,252,243,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.negative{
    background: rgb(246,224,224);
background: linear-gradient(180deg, rgba(246,224,224,0.5) 0%, rgba(252,244,244,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.left{
  background: rgb(226,235,248);
background: linear-gradient(180deg, rgba(226,235,248,0.5) 0%, rgba(248,250,252,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.positive h1{
    color:#7bb730;
    font-weight: 600;
    margin: 15px 0px 0px;
    font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.positive p{
 color:#7bb730;
 font-size: 14px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.negative h1{
    color:#e41a18;
     font-weight: 600;
    margin: 15px 0px 0px;
     font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.negative p{
 color:#e41a18;
 font-size: 14px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.left h1{
    color:#898989;
     font-weight: 600;
    margin: 15px 0px 0px;
     font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward  .user-reward-info .positive-part.left p{
 color:#898989;
 font-size: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main:first-child{
    margin-left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main{
    width:31.5%;
    padding:20px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main .grayinfo{
    color:#000;
    font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewgreen{
   width:25%;
    float:left;
    margin-right:30px;
    text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overvieworange-new{
    width:25%;
    float:left;
    margin-right:30px;
    text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .over-view-data{
    width:25%;
    float:left;
    text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .compareblk_hdng span{
    float:none;
    font-weight:600;
    color:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .over-view-data .compareblk_cmpr{
    margin:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewbar{
    height: 165px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .compareblk_hdng{
    font-weight:600;
    font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewbar.bottom span{
    width:100%;
    top:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .overviewgreen{
 width:100%;
 margin:0px 0px 0px;
background: #eee;
    border-radius: 14px;
position:relative;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .overvieworange-new{
 width:100%;
 margin:20px 0px 0px;
position:relative;
    background: #eee;
    border-radius: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .over-view-data{
 width:100%;
 margin:20px 0px 0px;
 position:relative;
    background: #eee;
    border-radius: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar {
height:60px;
margin:0px;
    width:76%;
    float:left;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar.bottom span{
    top: 0px;
    bottom: 0px;
    left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng{
    position: absolute;
    left: 11px;
    top: 22px;
    z-index: 9;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng.bottom-accuracy{
    right: 0;
    left: inherit;
    width: 20%;
    float: right;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng.bottom-accuracy span:after{
    content: '';
    height: 60px;
    background:#ccc;
    left: -7px;
    position: absolute;
    z-index: 9;
    width: 1px;
    top: -22px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data{
    width:100%;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparisiontable_outr{
    border:none;
    background:none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr{
    border:none;
    background:none;
    margin-bottom:10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div{
    border:none;
    font-weight:600;
    font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead div{
    text-align:left;
        background:none;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    color:#737373;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead{
    border:none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead{
   text-align:left;
    margin:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead div:last-child{
    margin-top:0px;
    margin-bottom:0px;
    }
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div{
    text-align: right;
    width: 16%;
    margin-right: 40px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 45px;
    line-height: 46px;
    background:#eeeff2;
    border-radius: 0px 4px 4px 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div:last-child{
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.active {
    border: 2px solid #3a9876;
    box-sizing: border-box;
    overflow: hidden;
    border-radius:6px;
    box-shadow:0px 0px 6px #999;
}
.outer-main-part-report-new-dashboard .inner_tab{
       background: none;
    padding: 0px;
    border-radius: 0px;
    overflow: hidden;
    border-bottom: 1px solid #e6e9f4;
    height: auto;
    margin-bottom: 20px;
}
.outer-main-part-report-new-dashboard .inner_tab li{
    padding:0px 20px;
    height:auto;
    color:#000;
}
.outer-main-part-report-new-dashboard .inner_tab li.active{
   color:#007aff;
    background:none;
    border-bottom: 3px solid #007aff;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation {
    border-top: none;
    border-radius:3px;
    padding-top:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slrprt_qn{
        color: #333;
        padding: 10px 0px;
        border-radius: 6px;
        display:inline-block;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_head{
    background: #f2f4f9;
    color: #000;
    font-weight: 600;
    border-color: #e6e9f4;
    height: 50px;
    line-height: 50px;
    box-shadow: 0px 0px 9px #e6e9f49e;
    margin-bottom:50px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_head.active{
     margin-bottom:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slide_icon img{
    margin-top:17px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation  .slider_content {
    margin-bottom:30px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng{
    position:relative;
    background:#e6e8f0;
    padding:6px 0px;
    box-sizing: border-box;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng:after{
     content: '';
    position: absolute;
    top: 0;
    height:49px;
    background: #e6e9f4;
    width:26px;
    right: -26px;
    left:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng:before{
    content: '';
    position: absolute;
    top: 0;
    height:49px;
    background: #e6e9f4;
    width:26px;
    left: -26px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slutnhdr_ryt{
    margin-top:2px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .mainquestion_solutnrprt{
    margin-top: 25px;
	margin-bottom: 12px;
}

.outer-main-part-report-new-dashboard.my-test-part .news-rowmainpage .tabs li{
    padding: 10px 50px;
    border:none;
}
.outer-main-part-report-new-dashboard.my-test-part .news-rowmainpage .tabs{
    height:auto;
}
.outer-filter-data-main{
    width:100%;
    display:inline-block;
    padding: 20px 0px 0px;
}

.outer-filter-data-main ul li{
    list-style:none;
    display:inline-block;
        border-bottom: 1px solid #e9e9e9;
}
.outer-filter-data-main ul li a{
        text-decoration: none;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    padding: 0px 20px 6px;
    font-size: 12px;
    display:inline-block;

}
.outer-filter-data-main ul li a.active{
    color:#007aff;
    border-bottom:3px solid #007aff;
}

.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content div {
    text-align: left;
    padding:18px 20px;
    box-sizing: border-box;
    border: none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content span{
    color:#000;
    margin-bottom:10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content .accuracy-fill-up{
    text-align: right;
    width:100%;
    margin-right: 40px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom:0px;
    height: 45px;
    line-height: 46px;
    background: #eeeff2;
    border-radius: 0px 4px 4px 0px;
    position:relative;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content .accuracy-fill-up .bg-cover-data{
    position: absolute;
    background: rgba(132,147,202,0.2);
    left: 0px;
    top: 0px;
    bottom: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .video-open{
    background: #fcecec;
    color: #000;
    padding: 7px 10px;
    display: inline-block;
    float: left;
    border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .video-open{
        margin-right: 3px;
    margin-top: -2px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .doubt-btn{
    background: #ab1522;
    color: #fff !important;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 6px;
    min-width:138px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slutnrprt_bookmark{
    padding: 5px 6px;
    background: #fff;
    border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .askanswer{
        background:#fcfae5;
    color: #000 !important;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .askanswer img{
    margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .doubt-btn img{
 margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .faq-data{
     background: #ecebfb;
    color: #000 !important;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 6px;
    float:left;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .faq-data img{
    margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar.bottom span{
    border-radius: 15px 0px 0px 15px;
}
/*test report css*/
.outer-main-part-test-report{
    color: #535352;
    font-weight: normal;
    line-height: 14pt;
    width:100%;
    display:inline-block;
}
.outer-main-part-test-report .new-part-report{
    border: 1px solid #e6e9f4;
    box-shadow: none;
    padding:15px;
    width:100%;
    box-sizing: border-box;
}
.outer-main-part-test-report .new-part-report .taketesthdr{
    padding:0px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdate_dash{
    width: auto;
    height: auto;
    border-radius: 6px;
    background: #f0f1f6;
    color: #000;
    padding: 7px 12px 5px;
    line-height: 18px;
    margin-bottom:16px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdetails_dash{
    margin:0px;
    width:100%;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdate_dash h3{
    margin:0px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .remaining_time .left-days{
    width:auto;
    float:left;
    margin-left:10px;
    text-align:center;
    color:#000;
}
.outer-main-part-test-report .new-part-report .taketesthdr .remaining_time .left-days .timing{
    background: #e5e5e5;
    padding:6px 13px;
    color: #000;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
}
.outer-main-part-test-report .new-part-report .taketest_footer{
   background:none;
}
.outer-main-part-test-report .new-part-report .taketest_footer .testinrdiv{
    border:none;
    padding:15px 0px 5px;
    width:20%;
}
.outer-main-part-test-report .new-part-report .viewreport_btn{
    margin:15px 0px 5px 15px;
}
.outer-main-part-test-report .new-part-report .left-images-test{
    width: auto;
    float: left;
    margin: 5px 13px 0px 0px;
}
 .outer-main-part-test-report .new-part-report .testinrdiv div{
   font-size:14px;
}
 .outer-main-part-test-report .new-part-report .viewreport_btn{
    border-radius:3px;
    padding: 0;
    text-transform: initial;
}
 .outer-main-part-test-report .new-part-report .testdetails_dash h3{
    margin:0px;
}
/* new css report End by satyam dubey */
.qston-data ul#chatLeftMenu{
    width:100%;
}
.proper_margin .bckbtn-rprt{
    min-width: 90px;
}

span.hdngquries_fourm {
    float: left;
    width: 100%;
    font-size: 26px;
    color: #000;
    font-weight: bold;
    padding: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
}

.play-btn {
    background: url(../image/play-btn.png) no-repeat scroll 0 0;
    bottom: 0;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    margin: auto;
    left: 0;
    cursor: pointer;
}
.dropdown-btn{
    width:100%!important;
    border:1px solid #e1e1e1;
    border-radius:3px!important;
    /* padding:8px 17px 8px 7px!important; */
    padding:8px 22px 5px 15px!important;
    color: rgba(0,0,0,0.89) !important;
    background: #f9f6f6;
    border: 1px solid #dcdfee !important;
    box-sizing: border-box;
    border-radius: 4px !important;
    font-size: 16px;
}

.dropdown-list{
    width:99%!important;
    padding-bottom:5px!important
}
.filter-textbox input{
    padding:4px 0px!important;
}
.dropdown-multiselect__caret:before{
    /* border-width: 9px 9px 0 !important; */
    /* right: 5px !important; */
    font-size: 0px;
    /* border-radius: 3px; */

}
.multiselect-item-checkbox input[type=checkbox]+ div:before{
        border: 1px solid #ccc!important;
}
.multiselect-item-checkbox input[type=checkbox] + div{
       padding-left: 23px!important;
}
.filter-textbox{
    padding:8px 10px!important
}
.multiselect-item-checkbox input[type=checkbox] + div:after{
    left:3px!important;
}
.selected-item{
    background:#E4E6EB!important;
    border:1px solid #E4E6EB!important;
    margin-bottom:3px!important;
    color: #020202 !important;
}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before{
    background: #0063c6!important;
    border: 1px solid #0063c6!important;
}
.dropdown-list li{
    padding:4px 10px!important
}
ul.item1{margin-bottom:8px!important}

.agreement-type {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc9c9;
}

.agreement-type p{
    margin: 10px 0;
    font-size: 16px;
    font-weight: 300;
}
.agreement-terms {
    display: flex;
    justify-content: space-around;
}

.term-true form {
    text-align: center;
}
.term-true h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}

.term-false form {
    text-align: center;
}

.term-false h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}

.term-statement {
    width: 51%;
}

.term-statement h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
}

.terms-type .terms-part {
    margin-bottom: 25px
}





span.inrsctn_pswrd {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #000;
    font-family: 'Roboto';
    font-weight: 600;
    margin:  10px 0 10px 0;
}

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

.listotr_psrdpoint {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    text-align: left;
    display: flex;
}

span.icnlftsctn img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

span.icnlftsctn {
    display: inline-block;
    width: auto;
}

span.txt_defltgdpr {
    display: inline-block;
    font-size: 11px;
    color: #268e6c;
    font-weight: 500;
}
span.txt_defltgdpr.notvalidgdpr {
    color: #d7373f;
}
.login_partitian.right {
    width: calc(100% - 600px);
    height: 100%;
}
input.inpt.otpinptlogn {
    margin-right: 20px;
    font-size: 28px;
    text-align: center;
    width: 56px !important;
    height: 70px;

}

input.inpt.otpinptlogn:last-child {
    margin-right: 0px;
}

.otpinptlogn {
    margin-right: 20px;
    font-size: 28px;
    text-align: center;
    width: 56px !important;
    height: 70px;
  }
span.txtaboutnext {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}
.txtaboutnext {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}
a.rsndotp {
    margin: -15px 0 15px 0;
    color: #0063c6;
    cursor: pointer;
}
a.inpt.btnin.new_regbtn.btnsubmitblue {
    background: #0063c6;
    color: #fff;
}
.cntntdv.pswrdvalidation {
    background: url(../image/outerbxpswrd.png);
    position: absolute;
    top: 34px;
    left: 5px;
    background-size: contain;
    width: auto;
    border-radius: 8px;
    z-index: 9999;
    padding: 40px 17px 16px;
    background-repeat: no-repeat;
}

.cntntdv.pswrdvalidation {
    /* Commented by AYush Bansal on 12-01-2022 */
    /* display: none; */
}

.cntntdv.pswrdotr:active .pswrdvalidation, .prflinpt.pswrdotr:active .pswrdvalidation {
    display: block;
}

.cntntdv.consentvalidity {
    margin-bottom: 0px;
    text-align: left;
}

.CoursePrice_sctn1_copy, .pricingdiv1_copy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.CoursePrice_sctn1_copy a, .pricingdiv1_copy a{
    margin: 0;
}
.inputSerchbox.addbannersrch{top: 198px}
.rightcntnt.addbanner_innr .emptyscreen{top: 80x}


/* ////////////////////////TE6-635 start////////////////////////////////// */


.multiselect-dropdown .dropdown-btn .selected-item {
    border: 1px solid #337ab7;
    padding: 4px 5px !important;
    height: 17px;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    white-space: nowrap;
}
.multiselect-dropdown .dropdown-btn .selected-item:hover {
    box-shadow: none !important;
    border: 1px solid #bdbdbd !important;
    background-color: #fff !important;
}
.multiselect-dropdown .dropdown-btn {
    max-height: 98px;
    min-height: 50px;
    overflow: auto;
    background-color: #fff;
    display: flex !important;
    align-items: center;
}
.dropdown-multiselect__caret{
   background-color: #fff;
   margin-top: 1px !important;
   width: 34px !important;
}

/* ////////////////////////TE6-635 end////////////////////////////////// */


[v-cloak] {
    display: none;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 1s !important;
}

.fade-enter,
.fade-leave-to {
    opacity: 0 !important;
}


/** Calendar **/

#cal {
    /* -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); */
    /* margin: 50px auto; */
    font: 13px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif;
    display: table;
}

#cal .header {
    cursor: default;
    background: #989696;
    background: -moz-linear-gradient(top, #adabab, #676767);
    background: -webkit-gradient(linear, left top, left bottom, from(#adabab), to(#676767));
    height: 34px;
    position: relative;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    /* text-shadow: 0px -1px 0 #222; */
    /* text-transform: uppercase; */
    margin-bottom: 15px;
}

#cal .header span {
    display: inline-block;
    line-height: 34px;
}

#cal .header .button {
    width: 24px;
    text-align: center;
    position: absolute;
    color: #0076BE;
}

#cal .header .left.button {
    left: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

#cal .header .right.button {
    right: 0;
    top: 0;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

/* #cal .header .button:hover {
    background-color: #6b6b6b;
} */

#cal .header .month-year {
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    background: #fff;
    color:black;
    font-size: 15px;
}

#cal table {
    background: #fff;
    border-collapse: collapse;
}

#cal td {
    color: #2b2b2b;
    width: 75px;
    /* height: 75px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px none;
    cursor: default;
}

#cal #days td {
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 90%;
    color: #9e9e9e;
}

#cal #days td:not(:last-child) {}

#cal #cal-frame td.today {
    background: #ededed;
    color: #8c8c8c;
    /* border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px; */
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#cal #cal-frame td span {
    font-size: 80%;
    position: relative;
}

#cal #cal-frame td span:first-child {
    bottom: 5px;
}

#cal #cal-frame td span:last-child {
    top: 5px;
}

#cal #cal-frame table.curr {
    float: left;
}

#cal #cal-frame table.temp {
    position: absolute;
}

table#days tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

table#days td.weekday {
    color: #5d5d5d !important;
    font-weight: 700;
}

div#cal {
    font-family: 'Roboto', sans-serif;
}

table.curr tbody tr:not(:last-child) {
    border-bottom: 1px solid #f1f1f1;
}

table.curr tbody tr:nth-child(5) {
    border-bottom: none !important;
}

table.curr tbody tr:last-child {
    border-bottom: none !important;
}

div#cal-frame div.day {
    margin: 5px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

.header a.prev,
.header a.next {
    color: #fff;
}

.day.weekend {
    color: #b5b5b5;
}

a.calendarLink {
    color: #222;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
    display: block;
}

div.today a.calendarLink {
    /* color: #b71616;
    font-weight: 700;
    background: #f3f3f3; */
    border-radius: 14px;
    color: #fff;
    background: #F7A81B;
    font-weight: 700;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

a.calendarLink.selected-link {
    background-color: #d8d8d8;
    border-radius: 14px;
    color: white;
    background: #175698;
    font-weight: 700;
}

a.calendarLinkAllowed {
    color: #fff;
    background: #4FA5FF;
    transition: 0.3s;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    cursor: pointer;
}

table#days tbody tr, table.curr tbody tr:not(:last-child) {
    border-bottom: none;
}

@media only screen and (max-width: 400px) {
    #cal td {
        width: 75px;
        height: 60px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    a.calendarLink {}
}


/** Calendar **/

.scrollbar{
    float: left;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 25px;
}
.lftmenu .scrollbar{
    height: calc(100% - 80px);
}
.force-overflow{
    /* min-height: 450px; */
    height: 100%;
}
#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: 4px;
    background-color: #F5F5F5;
    /* background-color: #33333387; */
}
#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%); */
    background-color: #33333387;
}
#style-2::-moz-scrollbar-track{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: white;
}
#style-2::-moz-scrollbar{
    width: 9px;
    /* background-color: #F5F5F5; */
    background-color: #33333387;
}
#style-2::-moz-scrollbar-thumb{
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,30%); */
    /* background-color: rgb(211 211 211 / 60%); */
    background-color: #33333387;
}
@-moz-document url-prefix() {
    .scrollbar{
      scrollbar-width: thin;
      /* scrollbar-color: #F5F5F5; */
      scrollbar-color:#33333387;
      border-radius: 4px;
    }
}

.maincontentinr_wrrpr{
    border-radius: 0px !important;
    position: fixed;
    bottom: 59px;
    margin: 0;
    left: 270px;
    right: 20px;
}
/* .maincontentinr_wrrpr_buyProduct{right: 338px;} */
.rightcntnt.addbanner_innr .maincontentinr.wrapper.maincontentinr_wrrpr {
    top: 116px !important;
}
.rightcntnt .maincontentinr.maincontentinr_wrrpr {
    /* top: 173px; */
    top: 280px;
}
.inrblocks_copy{
    box-shadow: none !important;
    right: 20px !important;
    bottom: 20px !important;
}
.outer-subject-copy{border: 1px solid #e1e1e1;border-radius: 4px}
.maincontentinr_spr, .emptyscreen_spr{
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
}

.table_qr_div{
    width: 100%;
    /* overflow: scroll; */
    overflow: auto;
}
.compare_rprt_copy{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.otp_inputs{
    width: 54px;
    height: 64px;
    float: left;
    margin: 15px 14px 0 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.left_inv_copy{width: 47% !important;}
.coursecntnt_bx_copy{padding: 0 20px !important;}
.pricingdiv1_copy{padding: 30px 15px 10px !important;}
.pkg_desc_copy{padding: 15px 15px 0 !important;}
.child_copy{
    /* height: 360px !important;
    width: 640px !important; */
    height: 78% !important;
    width: 80% !important;
    padding: 4px 4px 4px 4px;
    box-sizing: border-box;
    max-width: none !important;
}
.editinput_copy {
    padding-left: 10px !important;
    font-size: 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.packagedvright_copy {
    top: -21px;
    right: -338px;
}
.receipt_priceFont{font-size: 18px;}
.table_multiReport th, .table_multiReport td{
    padding: 10px 8px !important;
}
.bckbtn-rprt_copy{margin: 3px 0 0 14px !important;}
.bckbtn-rprt_copy a, .bckbtn-rprt_copy a:visited, .bckbtn-rprt_copy a:active {color: #000;}

/* .prflul_copy li:last-child{border-bottom: 0px !important;} */

/* //////////////////////////////////////////////////////////////////////////////////////////////rgvrege/// */



.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow: none !important}
.mat-expansion-panel-header{padding: 0 20px !important; height: 40px !important; }

.wach_copy{padding: 5px 0;}
/* ////////////////////////TE6-635 end////////////////////////////////// */

.loginmain.login_partitian.login-prt2{
    padding: 10px !important;
    box-sizing: border-box !important;
}

.loginmain.login_partitian.login-prt2 .inpttype{
    width: auto !important;
    margin: 20px 0 !important;
}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow: none !important}
.mat-expansion-panel-header{padding: 0 20px !important; height: 40px !important; }

[v-cloak] {
    display: none;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 1s !important;
}

.fade-enter,
.fade-leave-to {
    opacity: 0 !important;
}


/** Calendar **/

#cal {
    /* -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); */
    /* margin: 50px auto; */
    font: 13px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif;
    display: table;
}

#cal .header {
    cursor: default;
    background: #989696;
    background: -moz-linear-gradient(top, #adabab, #676767);
    background: -webkit-gradient(linear, left top, left bottom, from(#adabab), to(#676767));
    height: 34px;
    position: relative;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    /* text-shadow: 0px -1px 0 #222; */
    /* text-transform: uppercase; */
    margin-bottom: 15px;
}

#cal .header span {
    display: inline-block;
    line-height: 34px;
}

#cal .header .button {
    width: 24px;
    text-align: center;
    position: absolute;
    color: #0076BE;
}

#cal .header .left.button {
    left: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

#cal .header .right.button {
    right: 0;
    top: 0;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

/* #cal .header .button:hover {
    background-color: #6b6b6b;
} */

#cal .header .month-year {
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    background: #fff;
    color:black;
    font-size: 15px;
}

#cal table {
    background: #fff;
    border-collapse: collapse;
}

#cal td {
    color: #2b2b2b;
    width: 75px;
    /* height: 75px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px none;
    cursor: default;
}

#cal #days td {
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 90%;
    color: #9e9e9e;
}

#cal #days td:not(:last-child) {}

#cal #cal-frame td.today {
    background: #ededed;
    color: #8c8c8c;
    /* border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px; */
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#cal #cal-frame td span {
    font-size: 80%;
    position: relative;
}

#cal #cal-frame td span:first-child {
    bottom: 5px;
}

#cal #cal-frame td span:last-child {
    top: 5px;
}

#cal #cal-frame table.curr {
    float: left;
}

#cal #cal-frame table.temp {
    position: absolute;
}

table#days tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

table#days td.weekday {
    color: #5d5d5d !important;
    font-weight: 700;
}

div#cal {
    font-family: 'Roboto', sans-serif;
}

table.curr tbody tr:not(:last-child) {
    border-bottom: 1px solid #f1f1f1;
}

table.curr tbody tr:nth-child(5) {
    border-bottom: none !important;
}

table.curr tbody tr:last-child {
    border-bottom: none !important;
}

div#cal-frame div.day {
    margin: 5px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

.header a.prev,
.header a.next {
    color: #fff;
}

.day.weekend {
    color: #b5b5b5;
}

a.calendarLink {
    color: #222;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
    display: block;
}

div.today a.calendarLink {
    /* color: #b71616;
    font-weight: 700;
    background: #f3f3f3; */
    border-radius: 14px;
    color: #fff;
    background: #F7A81B;
    font-weight: 700;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

a.calendarLink.selected-link {
    background-color: #d8d8d8;
    border-radius: 14px;
    color: white;
    background: #175698;
    font-weight: 700;
}

a.calendarLinkAllowed {
    color: #fff;
    background: #4FA5FF;
    transition: 0.3s;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    cursor: pointer;
}

table#days tbody tr, table.curr tbody tr:not(:last-child) {
    border-bottom: none;
}

@media only screen and (max-width: 400px) {
    #cal td {
        width: 75px;
        height: 60px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    a.calendarLink {}
}


/** Calendar **/

.force-overflow{
    /* min-height: 450px; */
    height: 100%;
}
#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;
    /* background-color: #33333387; */
}
#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%); */
    background-color: #33333387;
}
#style-2::-moz-scrollbar-track{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: white;
}
#style-2::-moz-scrollbar{
    width: 9px;
    /* background-color: #F5F5F5; */
    background-color: #33333387;
}
#style-2::-moz-scrollbar-thumb{
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,30%); */
    /* background-color: rgb(211 211 211 / 60%); */
    background-color: #33333387;
}
@-moz-document url-prefix() {
    .scrollbar{
      scrollbar-width: thin;
      /* scrollbar-color: #F5F5F5; */
      scrollbar-color:#33333387;
      border-radius: 4px;
    }
}

.maincontentinr_wrrpr{
    border-radius: 0px !important;
    position: fixed;
    bottom: 39px;
    margin: 0;
    left: 220px;
    right: 0px;
}
.rightcntnt .maincontentinr.maincontentinr_wrrpr {
    /* top: 173px; */
    top: 116px;
}
.inrblocks_copy{
    box-shadow: none !important;
}
.outer-subject-copy{border: 1px solid #e1e1e1;border-radius: 4px}
.maincontentinr_spr, .emptyscreen_spr{
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
}

.cardoutr_copy{
    position: absolute;
    top: 100px;
}
.table_qr_div{
    width: 100%;
    overflow: scroll;
}
.compare_rprt_copy{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.otp_inputs{
    width: 30px;
    height: 30px;
    float: left;
    margin: 15px 15px 0 0;
    text-align: center;
}
.left_inv_copy{width: 47% !important;}
.coursecntnt_bx_copy{padding: 0 20px !important;}
.pricingdiv1_copy{padding: 30px 15px 10px !important;}
.pkg_desc_copy{padding: 15px 15px 0 !important;}
.child_copy{
    /* height: 360px !important;
    width: 640px !important; */
    height: 78% !important;
    width: 80% !important;
    padding: 4px 4px 4px 4px;
    box-sizing: border-box;
    max-width: none !important;
}
.emptyscreen_images{
    width: 250px !important;
    height: 250px !important;
}
.editinput_copy {
    padding-left: 10px !important;
    font-size: 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.packagedvright_copy {
    top: -21px;
    right: -338px;
}
.receipt_priceFont{font-size: 16px;}
.table_multiReport th, .table_multiReport td{
    padding: 10px 8px !important;
}
.bckbtn-rprt_copy a, .bckbtn-rprt_copy a:visited, .bckbtn-rprt_copy a:active {color: #000;}


.loginForm{text-align: center;}
.cntntdv_copy{
width:  48.4%;
}
.cntntdv_copy:nth-child(2n) {
    margin-left: 20px;
}
.registerForm{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: left;
    width: 100%;
    box-sizing: border-box;

}
.loginhead_signup{
    text-align: left;
    /* padding-left: 9%; */
    color: #333;
    margin-bottom: 32px !important;
    margin-top: 40px !important;
}
.upload_Text{
    margin: 0 !important;
    line-height: 48px !important;
    font-size: 16px !important;
    width: 69%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000000E3 !important;
    font-weight: unset !important;
}
.consentvalidity_copy{
    width: 82% !important;
    /* margin-top: 40px; */
    margin-top: 7px;
}
.registerOuter{
    width: 100%;
    display: flex;
}
/* .color_change{
    color: #ababab;
} */
/* .cntntdv_copy  span, .cntntdv_copy select{color: #626262 !important;} */
.candidate_logoin_copy{
    margin: 20px 0;
}
.inpt_copy{
    /* color: #a09e9e  !important; */
    color: #020202  !important;
    border: 1px solid #dcdfee !important;
    background: #fff !important;
    border-radius: 4px !important;
}
/* .inpt_copy::placeholder{color: #626262 !important;} */
.inpt_copy::placeholder{color: #4b4b4b !important;}
.ng-tns-c68-0.ng-star-inserted, .ng-tns-c68-1.ng-star-inserted {
    /* color: #a9a9a9 !important; */
    color: #525252 !important;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}
.document-table td, .document-table th {
    font-size: 16px;
    line-height: 21.05px;
    padding: 12px 21px;
    border-bottom: 1px solid #dcdfee;
}
#dob {
    background: #fff !important;
    border: 1px solid #dcdfee !important;
    color: #000000E3 !important;
    font-weight: unset;
    font-size: 16px;
    border-radius: 4px !important;
}
/* .cntntdv_rgistr{width: 40% !important;} */
.inpt_padding{padding: 10px  3% 0 15px !important;}
.mat-form-field-appearance-legacy .mat-form-field-label {
    padding-left:7px ;
}
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width: 22px !important;}
.glyph-icon.smallflaticon::before {font-size: 16px;}
#cnsentchck {
    width: 18px;
height: 18px;
}
.loginhead_candidate{
    /* padding-left: 17.5%; */
    text-align: left;
    color: #333;
    margin-top: 40px !important;
}
.cntntdv_register{
    /* width: 82% !important; */
    margin-top: 10px;
}
.cntntdv_forgetLastChild{text-align: left;}
.privacyLink:visited{color: #0063c6;}
.inpt_copy option {
    color: #020202;
    font-family: roboto !important;
}

.dropdown-multiselect--active .dropdown-multiselect__caret{top: 6px !important;}

.dropdown-btn .ng-star-inserted{
    /* font-weight: bolder; */
    font-weight: normal;
    font-size: 16px;
    color: #000000E3;
}
.forgetPassOuter{
    width: 100%;
}
.forgetPassInner{
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
.candidateLoginOuter{
    width: 65%;
    margin: 0 auto;
    text-align: left;
}
.signupOuter{
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
.cntntdv_forgetBelowLine{width: 100%;}
.cntntdv_forget{width: 100% !important;}
.rsndotpOuter {
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
}
.cntntdv_optInpt{width: 100%;}
.btnin_register:hover, .btnin_register:focus, .btnin_submit:hover, .btnin_submit:focus{
    background-color: rgb(6 23 120) !important;
    transition: all .2s ease-in !important;

}
.btnin_register, .btnin_submit{border: none !important;}

.inpt::placeholder {
    font-weight:normal;
    opacity: 1; /* Firefox */
}

.inpt:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight:normal;
}

.inpt::-ms-input-placeholder { /* Microsoft Edge */
    font-weight:normal;
}

.selectbox_arrow::before{
    content: "";
    position: absolute;
    top: 45%;
    right: 16px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
    z-index: 99;
    pointer-events: none;
}

.selectbox_multi .dropdown-btn{
    padding-left: 15px !important;
}


#reg_date{
    font-weight: unset;
    color: #000000E3;
    font-size: 16px;
    height: 41px;
}

.inrdiv.inrdiv_copy_pad{
    padding: 0 !important;
}
.cntntdv_copy_new{
    margin-bottom: 0;
}

.height_fix{
    /* height: 41px; */
    margin-bottom: 20px;
}
.height_fix .user-img-out{height: 48px;}

.flex_copy{
    align-items: normal !important;
}
.wid_50_copy{float: left;}
.flex_wrap{flex-wrap: wrap;}
.headerOuter {
    background: #EFF0F2;
    height: 60px;
    width: 100%;
}
.logoDiv{
    width: 125px;
    padding: 10px
}

#reg_date{
    height: 50px;
}
.inrdiv_copy_pad{
    padding: 0;
}


.inpt::placeholder {
    color: #6262628c !important;
    opacity: 1; /* Firefox */
    font-weight: 400;
  }

  :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #6262628c !important;
   font-weight: 400;
  }

  ::-ms-input-placeholder { /* Microsoft Edge */
   color: #6262628c !important;
   font-weight: 400;
  }

  /* #formVerifyOtp form{
    width: 65%;
    margin: auto;
  } */

  .forget_new{
    float: none;
  }

  .btnin_register:focus, .btnin_submit:focus {
    color: #fff;
}
.img_dwn_copy{
    padding-right: 77px !important;
}
/* jay scroll css */
.scrollbar_auto{
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 0px !important;
}
/* ///end */
.accordiancopy_wrapper h2{margin: 0 !important;}

.packagecard > li{
    width:22.8%;
    /* height: 334px !important; */
}
#style-2::-webkit-scrollbar{
    width: 4px;}

.table_qr_div_copy{
    overflow: auto;
}

.datecount_copy{
    width: auto !important;
    padding: 0 10px 0 0 !important;
}

.packagecard > li{
    width: 22.83%;
}
.scrlSctn_copy{top: 120px !important;}
.datetim input.mat-input-element#dob {width: 100% !important;}
.accordion__wrapperHeading .mat-expansion-panel-header-title{margin-top: 16px;}
.tableotr_scoll_copy{max-height: calc(100vh - 80px);}
.fixedportion_bookmark{top: 156px !important;}
.rightcntnt_bookmrkques{margin: 181px 0px 0 248px !important;}

.dltprfl_icon:before{
    content:"\e146";
    font-size: 17px;
    font-weight: 400;
    margin: -1px 5px 0 0;
}
.reportcards.reportcards_scroll .highcharts-container {width: 100%;}

/* ////////////////////// ihrp start ////////////////// */

#cal .header .button {
    width: 35px;
    text-align: center;
    position: absolute;
    color: transparent !important;
}

#next, #prev {
    display: block !important;
    margin: 9px 18px !important;
    width: 11px !important;
    height: 11px !important;
    /* border: 2px solid #a453d1; */
    border-radius: 0 !important;
    /* border-top-right-radius: 0px; */
    /* border-bottom: 2px solid #0076BE !important;
    border-left: 2px solid #0076BE !important; */

}



#next{
    border-bottom: 2px solid #0076BE !important;
    border-left: 2px solid #0076BE !important;
    transform: rotate(227deg) !important;
}
#prev{
    border-bottom: 2px solid #0076BE !important;
    border-right: 2px solid #0076BE !important;
    transform: rotate(131deg) !important;
}


.logoDiv.logoDiv_new{
    width: 200px;
    padding: 00px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.calendarLinkAllowed{
    color: #000000;
    background: #E1DEDE;
}


#cal .header .button {
    width: 35px;
    text-align: center;
    position: absolute;
    color: transparent !important;
}

#next, #prev {
    display: block !important;
    margin: 9px 18px !important;
    width: 11px !important;
    height: 11px !important;
    /* border: 2px solid #a453d1; */
    border-radius: 0 !important;
    /* border-top-right-radius: 0px; */
    /* border-bottom: 2px solid #0076BE !important;
    border-left: 2px solid #0076BE !important; */

}



#next{
    border-bottom: 2px solid #0076BE !important;
    border-left: 2px solid #0076BE !important;
    transform: rotate(227deg) !important;
}
#prev{
    border-bottom: 2px solid #0076BE !important;
    border-right: 2px solid #0076BE !important;
    transform: rotate(131deg) !important;
    /*! border: transparent; */
}


.logoDiv.logoDiv_new{
    width: 200px;
    padding: 00px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.calendarLinkAllowed{
    color: #000000;
    background: #4FA5FF;
}
.cal_div{
height: 100%;
}

.center_container {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
height:528px;
}

.center_container_form{
  max-height: 466px;
  min-height: 63vh !important;
}

.cal_div_new_pad{
    padding: 0 !important;;
}
.calander {

  box-shadow: 0px 3px 16px #00000029 !important;
}

div#cal-frame div.day{
    width: 42px !important;
}

.calander{
    width: 520px !important;
}

.cat_tooltip::before {
content: "";
position: absolute;
top: -5px;
left: 8px;
margin-top: -5px;
border: 5px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-bottom-color: #cfd7df;
}

.allCat::before {
top: 50%;
left: -10px;
border-color: transparent grey transparent transparent;
}


@media only screen and (max-height: 610px) {
    .ask_for_assesment_div, .ca_certification, .cal_div, .notProceedPage_outer, .scheduled_sucessful_div, .sp_certification, .spCrtificatonOuter_mainConatiner{
        height: calc(100vh - 0px) !important;
        /*! padding: 15px !important; */
    }

.cal_div{
	height: calc(100vh - 0px) !important;
}
    .payment_height{
        height: calc(100vh - 66px) !important;
    }
    .cal_div_new_pad{
    padding: 0 !important;;
}
    .center_container{
        height: 528px !important;;
    }
}

.app-body.panel-container.whitelablecntrotr .maincontentinr.wrapper.maincontentinr_wrrpr {
    bottom: 60px;
}


/* ////////////////////// ihrp end ////////////////// */

.quesText_dissform{word-break: break-word;}
.chat-part-data_maxh{max-height: 75%;}
.part-chat-tab_maxh{max-height: 100% !important;}

.test-attempt_copy{
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
    width: auto !important;
    float: none !important;
}

.scrlSctn_copy{overflow: unset;}
.comparisiontable_outr_overflow{overflow-y: auto;}

#input_container{
    width:60%;
    margin:auto;
}

.square_outr + .content{
    width:100% !important;
}

.submit_btn_div{
    width:98.5% !important;;
}

.loginr.mobileregister.mobileregister_full_wid .registerForm{
    padding:0;
  }

  .loginr.mobileregister.mobileregister_full_wid .cntntdv{
    width:100%;
  }


  .loginr.mobileregister.mobileregister_full_wid .cntntdv_copy:nth-child(2n) {
      margin-left: 0px;
  }

  .loginr.mobileregister.mobileregister_full_wid .consentvalidity_copy{
    width:100% !important;
  }

  .loginr.mobileregister.mobileregister_full_wid .cntntdv_register{
    width:100% !important;
  }

  .loginr.mobileregister.mobileregister_full_wid .alreadyreg{
    padding: 0 50px;
    margin:0;
  }

/* .app-body.panel-container.whitelablecntrotr .emptyscreen.emptyscreen_top2.wrapper{bottom:60px;}  */
.emptyscreen.wrapper{
    /* bottom:60px; */
    bottom: 38px;
}

.minibox_copy{width: 21.7% !important;}

#hr_training_hours_menu{
    position:absolute;
}

#othercategory_menu .flex, #othersubcategory_menu .flex{
    cursor:pointer;
}

.center_pos_abs_rpt.center_pos_abs_rpt_pos.center_pos_abs_rpt_add{width:88%}

#mat-dialog-0.mat-dialog-container,#mat-dialog-1.mat-dialog-container,#mat-dialog-2.mat-dialog-container,#mat-dialog-3.mat-dialog-container,#mat-dialog-4.mat-dialog-container,#mat-dialog-5.mat-dialog-container,#mat-dialog-6.mat-dialog-container,#mat-dialog-7.mat-dialog-container,#mat-dialog-8.mat-dialog-container,#mat-dialog-9.mat-dialog-container,#mat-dialog-10.mat-dialog-container,#mat-dialog-11.mat-dialog-container,#mat-dialog-12.mat-dialog-container{
    padding: 10px 24px 24px 24px;
}
.logodiv_copy{
 height:100%;
 padding:4px 10px;
 box-sizing: border-box;
 width: auto;
}
.logodiv_copy a{
    display: inline-block;
    height: 100%;
}
.logodiv_copy .img_thinkcopy{
    position: static;
    max-height: 100%;
}
#othercategory_menu {
    bottom: 0;
  }

#hr_training_hours_menu, #hr_related_qualification_menu, #inp_othersubcategory, #othersubcategory_menu {
bottom: 0;
}

#othercategory_menu {
bottom: 0;
}

.center_pos_abs_rpt.center_pos_abs_rpt_pos.center_pos_abs_rpt_add{width:88%}

.candidate_logoin_copy{
    margin: 20px auto;
    max-width: 160px;
    width: auto;
    max-height: 74px;
    height: auto;
    text-align: center;
}
.candidate_logoin_copy img{
    max-width: 160px;
    width: auto;
    max-height: 74px;
    height: auto;
}
/* /////////////utkarsh/////////// */
.outer_purchase_cntnt{background: #cccccc7a;padding-bottom: 20px;}
.outer_product p{display: inline-block;width: 100%;padding: 26px 0px 0px 17px;color: #333333;font-weight: 600;font-size: 16px;box-sizing: border-box;}
.outer_product{background: #fff;}
.outer_rpoduct_Preference1 p {
    padding-left: 17px;
    padding-top: 0px;
    color: #3B3B3B;
    font-size: 13px;
    font-weight: normal;
}
.outer_rpoduct_Preference1 select {
    margin-left: 17px;
    border: 1px solid #ccc;
    background: #fff;
    width: 240px;
    height: 40px;
    color: #3B3B3B;
    font-weight: 800;
    font-size: 13px;
    border-radius: 4px;
    margin-bottom: 22px;
    outline: none;
    padding: 0 34px 0 10px;
    text-overflow: ellipsis;
    -webkit-appearance: none;
}
.outer_rpoduct_Preference1 {
    float: left;
    width: 16%;
    position: relative;
}
.outer_rpoduct_Preference1 :after {
    content: "\e030";
    color: #8E8E8E;
    font-family: 'Flaticon';
    font-size: 31px;
    position: absolute;
    top: 44px;
    right: 2px;
    pointer-events: none;
}

.wrapper_login {
    width: 630px;
    margin: 0 auto;
}
.boxscroll_overflow{overflow: unset !important;}
.resend_bottom{bottom: -32px;}
.cntntdv_margin{margin-bottom: 15px;}
.rsndotpOuter_margin{
    margin-bottom: unset;
    font-size: 18px;
}
.cntntdv_resndotp{font-size: 18px;}
.textalgnLeft{text-align: left;}
.dwnapp_font a{
    color: #000000e3 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.cntntdv.pswrdvalidation.pswrdvalidation_copy{
    width: 300px !important;
    background-size: 100% 100%;
}
span.icnlftsctn.pswrd_lft{
    width: 9%;
    float: left;
}
span.txt_defltgdpr.pswrd_ryt{
    width: 260px;
    float: left;
}
.paswrd_clear{clear: both;}
.bckbtn_hdr a{
    float: left;
font-size: 16px;
color: #000;
cursor: pointer;
margin: 3px 0 0 0;
background: #f1f1f1;
text-align: center;
width: 6%;
position: relative;
height: 50px;
line-height: 50px;
border-radius: 4px;
padding-left: 8px;
box-sizing: border-box;
}
.bckbtn_hdr::before{
    font-family: flaticon;
content: "\e009";
font-size: 18px;
color: #000;
position: absolute;
left: 4px;
}
.backbtn_candidate_report {
    width:8% !important;
    margin: 12px 10px 0 14px !important;
}
.backbtn_candidate_report2 {
    width:8% !important;
    margin: 30px 10px 0 14px !important;
    float: left;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    margin: 3px 0 0 0;
    background: #f1f1f1;
    text-align: center;
    width: 6%;
    position: relative;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    padding-left: 8px;
    box-sizing: border-box;
}
.backbtn_viewreport{
    background: none;
    width: 60px !important;
    margin: 0 !important;
    float: left;
}
.backbtn_viewreport a{color: #fff !important;}
.backbtn_viewreport::before{
    left: -8px;
    color: #fff;
}
.backbtn_viewreportlinH{line-height: 45px !important;z-index: 999;}
.rightcntnt .maincontentinr.maincontentinr_wrrpr.maincontainrreports{
    top: 0px !important;
    left: 250px; 
    right: 0px;
}

.captcha_div{
    width: 100%;
    margin: 10px 0 20px 0;
}
.captcha_div re-captcha{height: unset !important;}

.custom_selectbox select {
    width: 133px;
    height: 40px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 8px;
    color: #3f3f3f !important;
}
.selectoption_list_ryt {
    width: 100%;
    text-align: left;
    margin: 0 0 16px 0;
}
.captcha_div{
    width: 100%;
    margin: 10px 0 20px 0;
}
.captcha_div re-captcha{height: unset !important;}
.coupondiv_image_copy {
    padding: 0px 0 23px;
}
.coupondiv .cpnbtn_applybtn {
    margin-top: 6px;
}
.inrdiv_width_recreate{width: 830px !important;
    background-color: #fff !important;
    border-radius: 5px;
    height: 90%;
    overflow: auto;
}
.inrdiv_width_recreate.paymentPopup{
    height: 90%;
    overflow: hidden;
    overflow-y: auto;
   }
   .inrdiv_width_recreate.paymentPopup .payprc2{
    display: flex;
   }
   .inrdiv_width_recreate.paymentPopup select{
    width: 100%;
    margin-left: 0;
   }
   .inrdiv_width_recreate.paymentPopup p{
        padding-left: 0px;
    }
   .inrdiv_width_recreate.paymentPopup  .outer_rpoduct_Preference1{
    z-index: 0;
   }
   .inrdiv_width_recreate.paymentPopup  .outer_rpoduct_Preference1::after{
    z-index: 1;
   }
.closepopup_angular_btn {text-align: end;}
.buy_product {float: left;font-weight: bold;}
.closebtn_byproduct{width: 100%;border-bottom: 1px solid #ccc;padding: 0px 0px 10px 0px;}
.pkgnampay_new_div{text-align: left;}
h2.pkgnampay.product_create{margin: 0 !important;}
.coupondiv_text_left {text-align: left;}
.payinstrctn.payinstrctn_copy_aliment{text-align: left;}
.currentReportList_box{height: 400px;}
.home_candidate {
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 4px;
    margin-top: -6px;
}
.maincontentinr_compare{
    top: 110px !important;
    right: 20px;
    left: 270px;
    bottom: 59px;
}
.ntfctnul_height .nano{height: 200px;}
.viewDiv {
    position: absolute;
    bottom: 15px;
    left: 8px;
    right: 8px;
}
.packagecard li.box_reportCards{height: 328px;}
.packagecard li.box_reportCards .inrbx{
    float: unset;
    margin: 0;
    padding: 15px;
}
.mkePymnt{height: auto;}
.profile_documentDiv{
    width: 100%;
    margin-top: 20px;
    display: block;
}
.profile_documentHdng{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}
.profile_documentInnr{width: 100%;}
.profl_documntDiv{
    width: 115px;
    float: left;
    margin-right: 10px;
}
.profl_documntinnr {
    width: 115px;
    height: 100px;
    border-radius: 4px;
}
.profl_documntinnr img {
    width: 115px;
    height: 100px;
    border-radius: 4px;
}
.documnt_type{
    color: #151414bd;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.format_txt{
    color: #000000E3;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: -2px;
}

.loginr.mobileregister.mobileregister_full_wid .inpttype {
    position: static;
}
.subtopc_name.subtopc_width{
    width:80%;
    word-wrap: break-word;
}
.course_checkimg {
    width: 20px;
    height: 20px;
    float: right;
}
.loginr.mobileregister.mobileregister_full_wid .inpttype {
    position: static;
}
.chprtwise_sctn.chprtwise_padding{padding: 0 20px 60px 20px;}
.chptrhdng_course.chptrhdng_align{padding: 20px 0 10px 0;}
.multiselect-dropdown .dropdown-btn .selected-item span {
    white-space: nowrap !important;
    padding-right: 10px;
}

.multiselect-dropdown .dropdown-btn {
    max-height: 98px !important;
    overflow: auto !important;
}
span.flagiconemplemet:after {
    /* content: "\e081";
    font-family: 'Flaticon';
    font-size: 15px; */
}
span.flagiconemplemet {
    float: right;
    /* width: 22px; */
    display: inline-block;
    margin-left: 6px;
    position: absolute;
    top: 21px;
    right: 3px;
    cursor: pointer;
}
.packagecard li.box_reportCards span.flagiconemplemet{
    float: unset;
    width: 30x;
    height: 30px;
    display: inline-flex;
    margin-left: 6px;
    position: absolute;
    top: 15px !important;
    right: 31px !important;
    cursor: pointer;
    border-radius: 50%;
    transition: .3s all ease-in;
}
.packagecard li.box_reportCards span.flagiconemplemet:after {
    font-size: 12px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.packagecard li.box_reportCards span.flagiconemplemet:hover{
    background: #e9e9e9;
}
.packagecard li.box_reportCards .viewDiv{
    left: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}
.packagecard li.box_reportCards .viewDiv a{
    flex-basis: 50%;
    margin: 0;
}
.testname_icon{
    float:left;
}
.div_popup.subject_poolPopUP {
    display: flex;
    align-items: center;
    justify-content: center;
}
.div_popup {
    z-index: 999;
    position: fixed;
    top: 0px;
    display: block;
    background: #0000004f;
    left: 0;
    right: 0;
    bottom: 0;
}
.subjectTopicAddPopup, #test-setting {
    width: 457px;
    margin: -30px auto;
    left: 0;
    right: 0;
    position: absolute;
    background: #FFF;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
    height: 270px;
    border-radius: 4px;
}
.popup_innr_poolType {
    width: 100%;
    display: block;
}
.savecancel_button {
    position: unset;
}
.savecancel_button {
    text-align: right;
    width: 100% !important;
    /* background: #ebebeb; */
    margin: 11px 0px 10px 14px;
}
.rytbtnfin_copy {
    border: 0 solid;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 1s ease;
    margin: 0px 18px 0px 10px;
}
.cnclbtn {
    border: 1px solid #505050;
    color: #fff;
    transition: all .3s ease;
}
.sve_cncl {
    background: #0063c6 none repeat scroll 0 0;
    border: 0 solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 1s ease;
    margin-right: 32px;
}
.cnclbtn a {
    color: #000;
}
.sve_cncl a {
    color: #fff;
}
.popup_container_crsbtn button::after {
    content: "\e055";
    font-family: 'Flaticon';
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 36px;
    cursor: pointer;
    color: #6e6e6e;
}
h1.headingdiv.popuphdr {
    background: #0063c6;
    color: #fff;
    text-align: center;
    padding: 6px 10px;
    border-radius: 4px 3px 0px 0px;
}
.testhdng label{
    padding-left: 10px;
}
.testhdng input{
    margin-left: 10px;
}
.flagflaticon{
    width: 100%;
}

#zmmtg-root {
    display: none;
}
.answersheet_change{
    margin-right: 13px;
}
span.examdatena{
    width: 80%;
    display: inline-block;
}
span.nadate{
   display: inline-block;
    width: 20%;
}
.marginfix{
    margin-top: 19px !important;
}
.paddingfixbottom{
    padding-bottom:7px !important;
}
.marksinr_copy{
    margin-left: 0px !important;
}
input[type="text"].outerdivfocushide:focus, input[type="text"].outerdivfocushide{
    outline: none !important;
}
input[type="text"].inpt_padding_paddng:focus{
    outline: none !important;
}
input[type=text].inpttypedoubleborder:focus{
    outline: none !important;
}
::-webkit-scrollbar {
    width: 6px !important;
    height: 4px !important;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #979696 !important;
}
.disabled-link {
    pointer-events: none;
    color: grey;
}
input::-ms-reveal, input::-ms-clear {display: none;}

.securelive_outerpopup{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00000082;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.securelive_innr{
    width: 400px;
    /* height: 480px; */
    height: auto;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
}
.securelive_main{
    width: 100%;
}
.secure_downHdng{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.secure_downImg{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 35px 0 28px 0;
}
.secure_downImg img{
    width: 216px;
}
.secure_down_contentbox{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.secure_down_contentTxt{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
}
.secure_down_btnox{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.cancel_btn{
    width: 160px;
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #505050;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-family: roboto;
    margin-right: 20px;
    cursor: pointer;
}
.cancel_btn:hover{background-color: #000;}
.download_btn{
    width: 160px;
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #0063c6;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-family: roboto;
    cursor: pointer;
}
.download_btn img{
    vertical-align: middle;
    margin-right: 8px;
}
.download_btn:hover{background-color: #0359ae;}
input::-ms-reveal, input::-ms-clear {display: none;}

.logoDivbackground{
    background: #175698;
}
.logoDivbackground a{
    height: 30px !important;
}
.logoimage {
    width: 145px;
    height: 31px;
    padding: 10px 10px;
    float: left;
}
.candidatename{
    float: right;
  margin: 14px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.pagescroll_innrblank{
    margin-bottom: 0px;
    overflow: auto;
}
.cntntpage_scrollwork{
    height: 100%;
    overflow-y: auto;
    margin-bottom: 0px;
}
.Coursepanel_responsive .chprtwise_sctn{
    padding: 0 10px 10px 10px;
}
.mat-form-field-infix input.mat-input-element#dob.inputfield_dateofbirth {
    width: 323px !important;
}
.loginalert {
    width: 100%;
    background: #fee99c;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}
span.infolocate img{vertical-align: middle;}
span.infolocate{width: 22px;display: inline-block;vertical-align: top;}
.infocntnt_login{
    width: calc(100% - 22px);
  display: inline-block;
  font-size: 12px;
  color: #333;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}
.prflinpt_groupWidth{width: calc(100% - 330px) !important;}
.prflinpt_groupWidth textarea{width:100%;}
.secureBrwsrPopupOuter {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0009;
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
}
.secureBrwsrPopupInnr {
    width: 500px;
    height: auto;
    background: #fff;
    border-radius: 3px;
    padding: 40px 20px;
    box-sizing: border-box;
}
.securebrwsrContent {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
}
.securebrwsrBtnBox {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0px 0;
    text-align: center;
}
.securebrwsrBtns {
    width: auto;
    padding: 8px;
    background: #0063c6;
    border: 1px solid #0063c6;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    margin: 5px 10px;
    cursor: pointer;
}
.otrimgsctn{
    margin: 0 10px;
    cursor: pointer;
  }
  .otrimgsctn img{
    width: 26px;
  }
  .leftmenu_pddng{
    padding-left:15px;
    box-sizing: border-box;
  }
  .leftmenu_outr .leftmenu_pddng li .leftmenu_drpdwn.leftmenu_pddng li:last-child{margin: auto;}
  .leftmenu_drpdwn.leftmenu_pddng li{
    padding:10px 0 !important;
    width: 92% !important;
}
  .leftmenu_drpdwn.leftmenu_pddng li div.liinrcntnt{padding: 2px 0;}
  .largeTxt{
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    width: 80%;
  }
  /* #subCatUl_1, #subCatUl_2, #subCatUl_3, #subCatUl_4{display: none;} */
  .leftmenu_drpdwn.leftmenu_pddng li div.liinrcntnt div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .leftmenu_drpdwn.leftmenu_pddng li div.liinrcntnt div span {
    float: left;
    width: 85%;
  }
  .leftmenu_drpdwn.leftmenu_pddng li div.liinrcntnt div img {
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    float: right;
    margin-right: 5px;
  }

  .selectbox  select{
    height: 50px;
  }

  .selectbox select.inpt{
    color: #000000E3 !important;
    padding-left: 15px;
  }
  .mat-form-field-appearance-legacy .mat-form-field-label {
    font-size: 16px;
    color: #000000E3 !important;
  }
  .mat-form-field-label {
    top: 15px !important;
  }
  .multiselect-dropdown .dropdown-btn .selected-item a {
    color: #020202 !important;
  }

  .dropdown-list{
    position: absolute;
    padding-top: 6px;
    width: 100%;
    z-index: 9999;
    border: 1px solid #bdbdbd !important;
    border-radius: 0px;
    background: #fff;
    margin-top: 0px !important;
    box-shadow: 0 5px 9px #E4E6EB !important;
}

.dropdown-list li {
    font-size: 16px;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
    top: 12px !important;
}
.multiselect-item-checkbox input[type=checkbox] + div:after {
    top: 12px !important;
}
  span.iconmytest img {
    width: 20px;
    vertical-align: middle;
}

.leftmenu_outr ul li.activeli span.mytest {
    font-weight: bold;
    vertical-align: middle;
}
.leftmenu_outr ul li span.mytest {
    padding-left: 8px;
}
h2.pgnam {
    display: inline-block;
    width: 56%;
    padding: 2px 15px 14px 0px;
    font-size: 24px !important;
    line-height: 24px !important;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    float: left;
    font-weight: 500 !important;
}
li.box.box_reportCards:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.cardoutr.overtble_crdotr {
    width: 49%;
}

.cardoutr.overtble_crdotr .reportcards {
    border-radius: 8px;
    margin-right: 0;
}

.cardoutr.overtble_crdotr th.tablehdng {
    text-transform: capitalize;
    background: #f6f8fc;
    border-bottom: 1px solid #e1e1e1;
}

.cardoutr.overtble_crdotr .inrdiv > div {
    font-size: 18px;
    font-weight: bold;
    padding: 0 5px;
}
.cardoutr.cardoutr_subjectReport.crdotr_grph.overtble_crdotr {
    float: right;margin: 0;
}

.cardoutr.overtble_crdotr .reportcards.reportcards_scroll .highcharts-container {
    height: 195px !important;
    width: 100% !important;
}

.cardoutr.overtble_crdotr .pievaluehoriz{
    margin: 10px 0;
}
.cardoutr.overtble_crdotr.subetcwise_crdotr{
    width: 100%;
}
.cardoutr.cardoutr_subjectReport.sbjctanlysis_crdotr .outrwrpr{
    margin-top: 15px;
}
.sbjctanlysis_crdotr span.pievaluehoriz {
    float: right;
    width: 20%;
    margin: -24px 0 0;
}

.sbjctanlysis_crdotr span.pievaluehoriz ul li {
    width: 100%;
}
.otrsctncrdstats {
    float: left;
    width: 50%;
}

.cardoutr.cardoutr_subjectReport.sbjctanlysis_crdotr .cardul > li {
    padding: 8px 0;
}

.cardoutr.cardoutr_subjectReport.sbjctanlysis_crdotr .cardul {
    background: #f6f8fc;
    padding: 0 15px;
    border-radius: 8px;
    border-top: none;
}

.cardoutr.cardoutr_subjectReport.sbjctanlysis_crdotr .card1.border {
    border: 1px solid #e1e1e1;
}
.cardoutr.cardoutr_subjectReport.sbjctanlysis_crdotr .reportcards{border-radius: 8px;}
.overtble_crdotr.cardoutr.table_qbrprt {
    width: 100%;
}
.sbjctrprt_cardul {
    width: 96%;
    margin: -8px auto 15px;
}
.disabletb, .shownrml{display: inline-block;vertical-align: middle;
    width: 18px;}
.actvtab, .showactive{display: none;vertical-align: middle;
    width: 18px;} 

.modules.actvsubmdule .disabletb ,.leftmenu_outr ul li.activeli .shownrml {
    display: none;
    vertical-align: middle;
    width: 18px;
}

.modules.actvsubmdule .actvtab, .leftmenu_outr ul li.activeli .showactive {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
}
.prfldiv ul li a{font: 14px;}
.prfldiv ul li a img{margin-right: 8px;vertical-align: middle;width: 14px}
.prfldiv ul li span{vertical-align: middle;text-transform: lowercase;}
.box:last-child {
    margin-right: 0;
}
.testbtn_viwRport{
    border: 1px solid #ebebeb;
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
.maincontentinr{
    z-index: -9 !important;
}

.emptyscreen .force-overflow{
    margin: 0 !important;
    padding: 0;
}

span.send-message-btn svg {
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -webkit-transform: translateY(2px);
}
footer{
    z-index: -1;
}
.packagedvright-inner .new {
    position: absolute;
    top: 0;
    right: 72px;
}
.overflowDottedText{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 98%;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
}
.txtCourse_less img {
    width: 100%;
}
@media only screen and (max-width: 800px){
    .inrdiv_width_recreate.paymentPopup .payprc2{
      display: inline-block;
     }
  }

/* For French */
body.french-text-style, 
body.french-text-style * {
  text-transform: inherit !important;
}