@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body,html{margin:0;padding:0;background-color:#e8e8e8;font-family:Roboto;font-size:12px;color:#666;border:none;outline: none;height: 100%;}
.maincontainer{
 min-width:100%;
 min-height: 100%;
 display: inline-block;
 position: relative;
 float: left
}

.leftmenu_outr.new-menu ul li a .left-icon.new-icon {
  width: 33px;
  height: 24px;
  display: inline-block;
  background: url(../image/icon-bar.png) 0 0 no-repeat !important;
  background-position: 0 0 bottom;
  position: absolute;
  left: -2px;
  top: 10px;
  background-size: 241px;
}
.leftmenu_outr.new-menu ul li a.active .left-icon.new-icon {
  width: 33px;
  height: 24px;
  display: inline-block;
  background: url(../image/icon-bar-hover.png) 0 0 no-repeat !important;
  background-position: 0 0 bottom;
  position: absolute;
  left: -2px;
  top: 10px;
  background-size: 241px;
}

.leftmenu_outr.new-menu ul li a .left-icon.not-boar.new-icon {
  width: 110px;
  height: 28px;
  display: inline-block;
  background: url(../image/icon-bar.png) 0 0 no-repeat !important;
  background-position: 0 0 bottom;
  position: absolute;
  left: -37px;
  top: 10px;
  overflow: hidden;
  background-size: 71px 29px !important;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.not-boar.new-icon {
  width: 110px;
  height: 28px;
  display: inline-block;
  background: url(../image/icon-bar-hover.png) 0 0 no-repeat !important;
  background-position: 0 0 bottom;
  position: absolute;
  left: -37px;
  top: 10px;
  overflow: hidden;
  background-size: 71px 29px !important;
}


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:153px;position: fixed;width:100%;z-index: 10}
.logodiv{background:#fff none repeat scroll 0 0;border-bottom:1px solid #e1e1e1;float:left;height:153px;text-align:center;vertical-align:middle;width:250px;display: table-cell;vertical-align: middle}
/*.logodiv img{width:75%}*/
.mainhdr{margin-left: 250px;}
.hdrbtm{background:#264796 !important;display:inline-block;width:100%}
.hdrprfl{background: rgba(0,99,198,1);
height: 45px;
line-height: 45px;
color: #fff;
font-size: 14px;}
.hdrprfl a{color:#fff}
.hdrprfl ul li{float:left;padding:0 13px;}
.hvr{cursor:pointer}
.flaticon:before{font-family:flaticon;float:left}
.ntfcn:before{content:"\e01e"}
.inrprfl{display: inline-block;float: right;font-weight: bold;margin-right: 20px;text-transform: uppercase;}
.prflimg{height:40px;width:40px;border:1px solid #fff;border-radius:100%;display:inline-block;background:#fff;vertical-align:middle;margin:0 12px 0 0;overflow:hidden;}
.prflimg img{width:100%;vertical-align: top}
.notif{background: red none repeat scroll 0 0;border-radius: 8px;display: inline-block;font-size: 9px;height: 15px;line-height: 14px;margin-left: -10px;padding: 0 5px;position: absolute;text-align: center;top: 8px;width: auto;min-width: 5px;}
.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 #e1e1e1;position:absolute;right:0;width:99%;line-height: 18px; box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:99}
.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}
.prfldiv ul li a{font-size: 13px;color: #333;display: block}
.prfldiv ul li a:hover{background: #f2f2f2}
.prfldrpdwn{position:relative;min-width:100px;cursor: pointer;}
.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 20px;padding:0}
.pgnam{color:#fff;font-size:22px;padding:22px 0}
.hdrmodule{border-top:1px solid rgba(0,0,0,0.2);width:100%;float:left;}
.hdrmodule li{float:left;cursor: pointer}
.modules{color:#fff;float:left;font-size:12px;font-weight:700;line-height:10px;margin:0;padding:12px 15px;text-transform:uppercase}
.modules.actvsubmdule{border-bottom:3px solid #fff}
.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: 153px;
    width: 250px; bottom: 0;}
.mytest:before{content:"\e035";font-weight:400;font-size:21px;margin:-2px 3px 0 0}
.analysis:before{content:"\e01a";font-weight:400;font-size:19px;margin:-2px 3px 0 0}
.buypkg:before{content:"\e112";font-weight:400;font-size:20px;margin:-2px 3px 0 0}
.buypkg.bookmrk-icn:before {
    content: "\e024";
}
.notbell:before{content:"\e0d6";    font-size: 17px;
    font-weight: 400;
    margin: -1px 5px 0 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 {

    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:#fff none repeat scroll 0 0;margin:20px;padding:0;border-radius: 4px;}
/*.rightcntnt{background:#e8e8e8 none repeat scroll 0 0;border-left:1px solid #e1e1e1;margin-left: 250px;margin-top: 153px; border:  1px solid #e8e8e8;margin-bottom: 34px;}*/
.rightcntnt{
margin-left: 250px;
margin-top: 153px;
border: 1px solid #e8e8e8;
 background: #e8e8e8;
 margin-bottom: 34px;
 }
.inrblocks{display:inline-block;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);width:100%;overflow: auto;}
.box{border:1px solid #e1e1e1;display:inline-block;width:31.9%;border-radius:0px}
/*.box:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)}*/

/*.inrdiv{padding:1%}*/
.inrdiv{
    padding: 1%;
    width: 100%;
    box-sizing: border-box;
    float: left;
}
.testpage .box{margin-bottom: 20px;border-radius: 4px; min-height: 282px;}
.rprtinr .box{margin-bottom: 20px; height: 405px}
.testpage{margin-bottom: 0px}
.midlbox{margin:0 1.5%}
.inrbx{margin:20px; margin-bottom: 0px;}
.tsthdng{font-size:16px;font-weight:700;height:60px;color: #000;line-height: 20px;}
.clndr:before{content:"\e02c";font-size:13px;margin:0 4px}
.insidetest{font-size:14px;margin:12px 0; height: 90px; margin-top: 10px}
.wach:before{content:"\e144";font-size:18px}

.testbtn{border:1px solid #e1e1e1;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:5px;}
.certificate-btn{width: 46%;}
/*.testbtn:hover{color:#0063c6;border:1px solid #0063c6}*/
/*.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;
padding: 9px 0;
text-align: center;
width: 100%;
position: absolute;
min-height: 15px;
bottom: 0;display: none;}
.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:#4caf50 none repeat scroll 0 0;border:1px solid #28a52c;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{border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:14px;margin:18px 0 20px;padding:3px 0;width:100%}
.datecount .clndr:before{font-weight:400;margin:3px 4px;float:none}
.reportdv{display:inline-block;
         /*border-bottom:1px dashed #ccc; padding-bottom:20px;margin-bottom:10px;*/
         width:100%;float:left}
.lftrprt{display:inline-block;float:left;font-size:14px;width:49%}
.rytrprt{float:left;width:49%;display:inline-block;border-left:1px dashed #ccc; margin-bottom: 10px}
.maxmarks{font-weight:700;font-size:20px;color:#000;width:100%;float:left}
.marksinr{margin-left:20px}
.rytattemp{border-bottom:1px dashed #ccc;margin:7px 0;padding:0 0 6px;color: #aaa}
.rytattemp > span{display:inline-block;font-size:14px;margin:0;width:100%}
.rytattemp > span.green{color:#10c469;font-size:15px;font-weight:700}
.rytattemp > span.red{color:#ff5b5b;font-size:15px;font-weight:700}
.rytattemp > span.yellow{color:#f9c851;font-size:15px;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:10px 0 0;color: #aaa}
.pgnamul{padding:39px 0;font-size:22px;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:#ccc;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-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  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); }

.profile:before{content: "\e158";font-size: 16px;margin-right:3px}
.setting:before{content: "\e048";font-size: 16px;margin-right:3px}
.lgout:before{content: "\e0f1";font-size: 16px;margin-right:3px}
.mail:before{content: "\e069";font-size: 14px;margin-right:3px}
.log {    font-size: 14px !important;border-top: 1px solid #ccc}

.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: 14px;
    height: 550px;
    margin: auto;
    overflow: visible;
 width: 700px;}
.loginmain{
/*    box-shadow: 0 4px 1px #ccc;*/
    display: inline-block;
    width: 100%;}
.logoin img{width:150px}
    .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;}
.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: #f5f5f5  none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 496px;
    overflow: hidden;
    vertical-align: middle;
    width: 350px;}
.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");
    background-origin: padding-box;
    background-position: 0px 0;
    background-repeat: repeat;
    background-size: cover;}
 .loginhead {
    font-weight: 500;
    margin: 6px 0 24px;
    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: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 2%;
    width: 100%;
    color: #616161;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.inpt:focus {
 border: 1px solid #0063c6;
 box-shadow: 0 0 4px #0063c6
}

select.inpt{width:100%;-moz-appearance:none;-webkit-appearance:none;background: transparent;position: relative;z-index: 4;cursor: pointer}
.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;
}
.cntntdv {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.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: #0063c6;border: 1px solid #0063c6;color: #fff;font-weight: normal;cursor: pointer;text-transform: uppercase;font-size: 12px;}

.frgtpswrd {
    color: #666;
    display: inline-block;
    font-size: 14px;
    margin: 0px 0 0;
 float: right;
}
.frgtpswrd:hover{text-decoration: underline;cursor: pointer;}
.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: 11px 0px;text-align: center}
/*.prfldrpdwn:hover .prfldiv{display: block !important}*/
.maincontainrreports {
    background: transparent none repeat scroll 0 0;
    margin-top: 140px;
}
.reportcards{background: #fff;display: inline-block;width: 100%}
.reportstudent{display: inline-block;width: 100%;float: left;height: 32px;}
.reportstudent li{    border-right: 1px solid #e9e9e9;
    float: left;
    width: 24.8%;}


.leftrprthdng {
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px;
    text-align: left;
    text-transform: capitalize;
    width: 33%;
    color: #aaa;
}
.rightrprthdng {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 20px;
    color: #666
}
.reportstudent li:last-child{border-right: 0px}
.cardoutr {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}

.outrcard{width: 50%;float: left;background:#e8e8e8}
.card1 {
    background: #fff none repeat scroll 0 0;
    margin-right: 10px;
    padding: 10px 15px;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);
 position: relative
}
.card2{
    margin-left: 10px;
    margin-right: 0px;

}
.right{float: right}
.cardvalue {
    float: none;
    padding: 0px 0;
    text-align: center;
    width: 60%;
    display: inline-block;
    margin-bottom: 5px;
}
.card1.margin-add-cls .minibox{
    width: 23%;
}
.minibox{border: 0;}

.cardul {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
}
.cardul > li {
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0;
    font-size: 14px
}
.marktype{color: #aaa}

.markvalue {
    color: #666;
    float: right;
    font-weight: bold;
    font-size: 15px;
}
.cardul > li:last-child{border: 0px;padding-bottom: 0}
.card3{margin-top: 20px}
.reportmain{display: inline-block;width: 100%}
.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: 18px 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:rgb(29,137,228)}
.correct{background: rgb(102,187,106)}
.incorrect{background: rgb(255,107,107)}
.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: 10px;}
.card1 .testhdng{height: 25px;}
.maincontainrreports .tsthdng{text-transform: uppercase}
.red{color: red}
.fixedportion {

left: 270px;
position: fixed;
right: 21px;
top: 100px;
width: auto;
z-index: 1;
background: #e8e8e8;
padding-top: 16px;
}

.inrdiv.rprtinr {
   padding: 20px;
background: #fff;
margin: 0;

}
.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:rgba(116, 198, 120, 1);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: #4CAF50;border-color: rgba(28, 140, 32, 1)}
.incmplete:hover{color:#fff;background: #f35852;border-color: rgba(179, 26, 20, 0.5);}

.submitted_test{background:rgba(38, 71, 150, 1);border-color: rgba(25, 48, 102, 0.5);color: #fff}
.submitted_test:hover{color:#fff;background: #234390;border-color: rgba(25, 48, 102, 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;}
.star:before{content:"\e129";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;
}
/*.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: 40px;
    line-height: 22px;
    font-family: RobotoMedium;}
 .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;}
.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: #ababab;top: 13px;}
.del svg{fill: #ababab}
.mainprc{font-size: 18px;color: #ababab}
.mainprc svg{fill: #ababab;margin-right: -4px}
.mainprc.red svg{fill:rgb(255,99,100)}
.mainprc.red{color: rgb(255,99,100);font-weight: bold;display: inline-block;height: 14px;}
.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: 10px;
    left: 1px;
    position: absolute;
    top: 5px;

    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg) perspective(999px);
}
.offamnt{margin-left: 0px;font-size:10px;}
.pdnginrdiv{margin:0;padding:2%;border-bottom:1px solid #ccc}
.pdnginrdiv:last-child{
	border-bottom:0px solid #ccc
}
.bighdng{color: #333;font-size:22px}
.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;}
.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;
    line-height: 29px;
    padding: 0 4px;
    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: 200px;
 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: 50%;
}
.rgt_inv {
    float: right;
    width: 50%;
}
.emptyscreen{
background: #fff 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: 172px; */
top: 71px;
left: 268px;
right: 17px;
bottom: 50px;
overflow: auto;

}
.emptydiv{display: inline-block;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 240px;}
.emptydiv h2{color: #777;
    font-size: 18px;
 margin-bottom: 10px;font-weight: 400;}
.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
}
.popupproduct .popupinr{
	margin: 0 auto;
	background: transparent
}
.popupinr > h1 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 10px 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: 3px}
.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: #666; }
.inpt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
.inpt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; }
.inpt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; }

.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: 25px 25px 30px;
    text-align: left;
 width: 300px;
 transition: all 0.3s ease;
 left: 0;
}
/*.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:125px;}
.infocntnt{font-size: 14px;color: #999;}
/*
.reginr .login_partitian{height: 496px;}
.reginr .login_partitian:last-child{height:493px}
*/
.alreadyreg {
    color: #555;
    display: block;
    font-size: 13px;
    margin-top: 14px;
    text-align: center;
}
.alreadyreg:hover{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
{
}
.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;
}
.status {
    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{

 display: inline-block;
 width:100%;
}
.leftmenu_outr ul li{
width: 222px;
 text-transform:capitalize;
 font-weight:600;
 padding-left: 25px;
 cursor: pointer;
 display: inline-block;
 transition: all 0.2s ease;
 /*border-left: 4px solid transparent;*/
 font-size: 14px;
}

.leftmenu_outr ul li:hover{
  /* background: rgb(235,239,242); */
}

.leftmenu_outr ul li .liinrcntnt{
  padding:15px 0;
 position: relative;
}
.leftmenu_outr ul li .liinrcntnt span, .leftmenu_outr ul li .liinrcntnt .analysis, .appdiv .dwnapp .android, .appdiv .dwnapp .ios{
margin-left: 8px;
}
.leftmenu_outr ul li .liinrcntnt span.buypkg:before, .mytest:before, .analysis:before, .notbell:before, .android:before, .ios:before{
margin: -5px 3px 0 -10px !important;
}
.leftmenu_outr ul li .liinrcntnt .mytest{
  margin-left: 0 !important;
}

.leftmenu_outr ul li .leftmenu_drpdwn li{
width: 193px;
height: auto;
/*line-height: 33px;*/
display: inline-block;
border-left: 0px;
font-weight: 500;
border-radius: 4px;
padding: 1px 0 10px 28px;
position: relative;
font-size: 13px;
}
.leftmenu_outr ul li .leftmenu_drpdwn li:hover{
  color: #0063c6;
}
.leftmenu_outr ul li .leftmenu_drpdwn li:last-child{
 margin-bottom: 10px;
}
.leftmenu_outr ul li.activeli{
 background: #F6F9FF;
 border-left: 4px solid #0063c6;
}
.leftmenu_outr ul li:first-child{
 padding-top: 9px;
}
.leftmenuicon:after{
 content:"\e008";
 font-family: flaticon;
 float: right;
 position: absolute;
 right: 15px;
 font-size: 17px;
 top: 15px;
}
.leftmenuicondown:after{
 content: "\e007"
}

.broadcast:before{
    content: "";
    background-image: url('../image/broadcast.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    height: 26px;
    width: 26px;
    margin: -5px 2px 0 -10px !important;
}

.mentor:before{
    content: "";
    background-image: url('../image/my-mentor.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    height: 26px;
    width: 26px;
    margin: -5px 2px 0 -10px !important;
}

.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 30px 209px;margin:auto;}
.highligntSelected {
    color: rgba(0, 99, 198, 0.9);
    /* background-color: #ffffff; */
}
/*.img_think {
      max-width: 220px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}*/
.img_think {
    width: 225px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.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: rgba(255,255,255,1) 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: 155px; */
    top: 71px;
    left: 250px;
    right: 0;
    bottom: 0;
 z-index: 3
}
.sideloader .emptyscreen .img{
 width: 59px;
}
.receiptbtn{
 border: 0px;
 border-top: 1px solid #ccc;
 border-radius: 0px;
 margin-top: 30px;
}
.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: 16px;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
display: inline-block;
width: 100%;
padding-bottom: 7px;
}
.logodiv a{
     height: 153px;
    width: 100%;
    position: relative;
    float: left;
}
#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: 85px;
    bottom: 0;
    margin: auto;
}

#popup_title {
    display:none;
}
#popup_container #popup_ok:hover {
    background: #264796;
    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: #264796;
    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: 20px;
}
.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: inline-block;
    float: left;
    width: 90%;
}
span.BookMarktxt_drpdwn {
    display: inline-block;
    float: left;
    width: 86%;
    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 {
    display: block;
     float: right;
    margin: 0 15px 0 0;
    width: 50%;
    height: 25px;
    line-height: 25px;
/*    background: #ee4035;*/
    text-align: right;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}
.Bookmrkdrpdwn_cntnt {
/*    padding: 0 15px 15px;*/
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 14px;
    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: 8%;
    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: 14%;
    border: 1px solid #ccc;
    background: none;
    height: 28px;
    border-radius: 3px;
    margin-left: 20px;
    font-size: 10px;
    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%;
}
/*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;
    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: 15px;
    margin: 8px 15px;
    width: 15px;
    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;
}



.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;
}
.inrspn {
    color: #777;
    float: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: 33px;
    margin-left: 3px;
}
.rdoinr.gndr-rdio{
    width: 13px;
    height: 13px;
    margin: 8px 5px;
}
.gndr-txt{
        float: left;
    line-height: 30px;
    margin-right: 45px;
}

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

#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;
}

/* end - documents page css */

/*login-page--> */
.user-img{
/*background-image: url(/student/assets/image/profile.png);*/
    height: 60px;
    width: 60px;
    border-radius: 50%;

    background-repeat: no-repeat;
    /* width: auto; */
    border: 2px solid #0063c6;
    float: left;
    margin: 13px;
    background-size: cover;
}
.user-img img {
    width: 100%;
overflow: hidden;
height: 100%;
border-radius: 50%;
}

.user-img-out{
  width: 99%;
  height: 90px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.user-browse{
   padding-top:13px;
    float: left;
    box-sizing: border-box;
}
.user-browse h2{
  font-size: 14px;
    font-weight: 600;
}
.user-browse button{
      color: #fff;
    background-color: #0063c6;
    border: none;
    padding: 10px 40px;
    border-radius: 3px;
    font-weight: 300;
    margin: 10px 0px;
    outline: none;
    cursor: pointer;
}
.user-browse button:hover{

}

.resend-main{
   position: relative;
}
.resend-cls{
   position: absolute;
    right: 0px;
    bottom: -25px;
    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 15px;
  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 img{
    max-width: 390px;
    padding: 25px 0px 20px;
}
.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: right
}
.test-attempt {
    width: 100%;
    display: inline-block;
}
.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;
    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-rprt:before {
    font-family: flaticon;
    content: "\e009";
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 4px;
}
button.btn-rprtvw {
        background: #fff;
    color: #505050;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    padding: 10px 30px;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
}
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 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;
}

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: 36px;
    font-size: 10px;
    line-height: 24px;
}
.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 10px;
    }
    span.coursehndg {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    margin: 12px 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: 32px;
    overflow: hidden;
}
.CoursePrice_sctn {
    float: left;
    width: 100%;
    padding: 26px 0 10px;
}
.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: 100%;
}

.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: #333;
    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 20px 30px;
    box-sizing: border-box;
}
.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: 5px 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: #333;
    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;
}
.active_subtpics_course{
    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: 4px 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: 4px 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;
}
.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);*/
}

.reportcards .comparetr div:nth-child(2) {
    width: 15%;
}
.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: 16px;
    display: inline-block;
    color: #666;
    text-transform: uppercase;
}
.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;
    width: 100%;
    border-bottom: 1px solid rgb(221,221,221);
}
.tablehead {
    background: #f6f6f7;
    height: 60px;
    line-height: 60px;
}
.comparetr {
    border-radius: 6px 6px 0 0;
}
.comparetr div {
    float: left;
    width: 20%;
    border-right: 1px solid #e9e9e9;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 14px;
    /*color:#666;*/
}
.tablehead div {
    line-height: 60px;
}
/*.tablehead div:first-child {
    width: 16%;
}*/
.comparetr div:last-child {
    border-left: 0px solid #e9e9e9;
    width: 15%;
}
.comparetr {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgb(221,221,221);
}
.comparetr {
    border-radius: 6px 6px 0 0;
}
.comparetr .row_hdng {
    background: #f6f6f7;
    font-size: 12px;
    text-transform: uppercase;
    width: 30%;
    float: left;
    color:#000;
}

.reportcards .comparetr div:nth-child(2) {
    width: 15%;
}
.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:14px;
}
.CoursePrice_sctn.packagecourse_sctn {
    padding: 26px 10px 10px;
    box-sizing: border-box;
}

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

.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: 30px;
}

input.searchDcmnt {
    border: 1px solid #fff;
    height: 45px;
    padding: 0 32px 0 15px;
    border-radius: 4px;
    font-size: 16px;
    width: 220px;
    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;
}

#serchSol:before{
    position: absolute;
    content: "\e10d";
    font-family: flaticon;
    color: #666;
    font-size: 20px;
    right: 0;
    top: 10px;
    right: 10px;
}
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: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer;
}
	.parent .close.thick::before, .parent .close.thick::after {
    height: 2px;
    margin-top: -2px;
}
.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 iframe {
width: 100%;
height: 100%;
    }
	@media only screen and (max-width:768px) {
    .child {
        width:90%;
        height:auto;
    }
    .banr-img iframe #player{
    width:100% !important;
}
}
.new-btn button{
    width: 80%;
    float: none;
}
.new-btn {
    text-align: center;
}
.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;
}
/* span.flaticon.lctre::before {
    content: "\e0e1";
} */
span.flaticon.lctre::before {
  content: "";
    background-image: url('../image/myschedule.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
span.flaticon.mycourse:before {
  content: "";
    background-image: url('../image/courses.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
.mytest:before {
  content: "";
    background-image: url('../image/mytest.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
.mynoticeboard:before {
  content: "";
    background-image: url('../image/noticeboard.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}

.feedback:before {
  content: "";
    background-image: url('../image/feedback-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    height: 26px;
    width: 26px;
    margin: -5px 2px 0 -10px !important;
}

.homework:before {
    content: "";
    background-image: url('../image/home-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}

.my-notes:before {
    content: "";
    background-image: url('../image/notes-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}

.help:before {
    content: "";
    background-image: url('../image/help-support.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
    margin: -5px 3px 0 -10px !important;
}

.leftmenu_outr ul li .help1 a {
    color: inherit;
}
/* report */
.analysis:before {
  content: "";
    background-image: url('../image/reports.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
.buypkg.bookmrk-icn:before {
  content: "";
    background-image: url('../image/bookmark.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
.outer-subject-accordian .expanded.accordion__question::before {
  content: '';
  border: solid #555;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(-135deg);
  transition: transform .2s linear;
}
.outer-subject-accordian .accordion__answer:last-child{
    margin-bottom:15px;
}
.outer-subject-accordian .accordion__answer {
  display: none;
  padding: 16px 16px 0;
}
.outer-subject-accordian .accordion__question h2{
    font-size:19px;
    font-weight: 500;
    color:#666;
}
.outer-subject-accordian .accordion__question {
  position: relative;
  padding:10px 15px 10px 16px;
  font-size: 1em;
  cursor: pointer;
  background:#e9e9e9;
}
.video-part-subject{
    width:100%;
    display:inline-block;
    position:relative;
}
.video-part-subject ul li{
    list-style:none;
    display:inline-block;
}
.video-part-subject ul li a{
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-right:6px;
}
.video-part-subject ul li a.active{
    background:#e22027;
    color:#fff;
    border-color:#e22027;
}
.outer-vdo-thumnail{
    width:100%;
    display:inline-block;
    margin-top:8px;
}
.outer-vdo {
    width: 25%;
    float: left;
}
.vdo-prt-main {
    width: 100%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}
.main-part-vdo {
    background:  #000;
    height: 180px;
    position: relative;
}
.ytd-thumbnail-overlay-time-status-renderer {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 4px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.80);
    padding: 2px 4px;
    border-radius: 2px;
    color: #FFFFFF;
    letter-spacing: .5px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2rem;

}
.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;
}
.vdo-prt-main h3 {
    background: #fff;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-top: 4px;
    text-align: left;
}
.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-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 {
    color: #333;
}
.home-page-popup-container p.popupCancel {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    cursor: pointer;
}
.home-page-popup-wrapper.popupActive {
    display: block;
}
.closes::before, .closes::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: red;
}
.closes.thick::before, .closes.thick::after {
    height: 2px;
    margin-top: -2px;
}
.closes::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.closes::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.closes {
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer;
}

/* for scheduler */
.scheduler_wrap{
  padding:0 !important;
}
.myscheduler{
  width: 100%;
  float: left;
  height: 100%;
  background: #f8f8fa;
}
.myscheduler *{
  box-sizing: border-box;
}
.myscheduler .left_block{
  width: 330px;
  float: left;
}
.myscheduler .left_block .top_welcome{
  width: 100%;
  float: left;
  height: 156px;
  /* background-image: linear-gradient(to bottom, #264796, #4076dc); */
  padding:25px 15px 50px 20px;
  background-image: url(/student/assets/image/bluebg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: #f8f8fa;
}
.myscheduler .left_block .top_welcome .up_content{
  position: relative;
  width: 100%;
  float: left;
  padding-left: 60px;
}
.myscheduler .left_block .top_welcome .up_content span.cnttt{
  position: absolute;
  width: 42px;
  height: 42px;
  top: 0;
  left: 0;
}
.myscheduler .left_block .top_welcome .up_content span img{
  width: 100%;
  height: 100%;
}
.myscheduler .left_block .top_welcome .up_content .p1{
  /* font-family: Roboto; */
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
   /* text-transform: capitalize; */
}
.myscheduler .left_block .top_welcome .up_content .p1 span.wishes{
  /* font-family: Roboto; */
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
}
.myscheduler .left_block .top_welcome .up_content .p2{
  /* font-family: Roboto; */
  font-size: 14px;
  color: #ffffff;
  margin-top: 6px;
}
.myscheduler .left_block .fiter_by_tag{
 width: 100%;
 float: left;
 padding:15px 30px 40px 30px;
 background: #f8f8fa;
}
.myscheduler .left_block .fiter_by_tag > p{
  /* font-family: Roboto; */
   font-size: 16px;
   font-weight: 500;
   color: #1e3561;
   margin-bottom: 15px;
}
.myscheduler .left_block .fiter_by_tag .fitered{
 width: 100%;
 float: left;
 margin-bottom: 25px;
 padding-bottom: 10px;
}
.myscheduler .left_block .fiter_by_tag .fitered span{
  height: 32px;
  background-color: rgba(85, 142, 248, 0.1);
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #1e3561;
  margin-right: 6px;
  display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
}
.myscheduler .left_block .calender{
    padding: 0px;
    background: #ffffff;
    float: left;
    box-shadow: 0 3px 6px 0 var(--black-16);
    background-color: #ffffff;
/*    width: 270px;*/
    width: 100%;
}
.myscheduler .right_block{
  width: calc(100% - 330px);
  float: left;
  height: 100%;
  position: relative;
  background-color: #ffffff;
}
.myscheduler .right_block .right_blockhead{
  padding:15px 20px;
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.myscheduler .right_block .right_blockhead p{
  /* font-family: Roboto; */
  font-size: 18px;
  font-weight: 500;
  color: #1e3561;
}
 .filterss{
  width: 104px;
  height: 38px;
  /* opacity: 0.2; */
  border-radius: 8px;
  /* box-shadow: -5px -5px 10px 0 #ffffff; */
  border: solid 1px #87878730;
  /* background-color: #f5f4f720; */
  background-color: #ffffff;
  display: inline-block;
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  padding: 10px 30px 10px 30px;
  position: relative;
  cursor: pointer;
  z-index: 5;
  line-height: 15px;
}
 .filterss .grid{
  position: absolute;
  left: 9px;
  top: 10px;
  width: 14px;
  height: 16px;
}
 .filterss .arrowdown {
  position: absolute;
    right: 10px;
    top: 16px;
    width: 10px;
    height: 5px;
    display: inline-block;
}
 .filterss .arrowdown img {
  width: 100%;
    height: 100%;
}
 .filterss .arrowdown.vis img {
transform: rotate(180deg);
}
.right_block .scheduled_strip{
  width: 100%;
  float: left;
  position: relative;
  padding:0 15px 0 118px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.right_block .scheduled_strip:not(.noHov):hover {
  background-color: #e5eeff;
  transition: 0.2s ease-in-out;
}
/* .right_block .scheduled_strip:hover .arrow__right{
  display: block !important;
} */
.right_block .scheduled_strip .left_box{
  width: 74px;
  height: 74px;
  border-radius: 8px;
  /*background-color: #f8f8fa;*/
  position: absolute;
  left: 22px;
  top: 13px;
}
.breakbg{
  background-image: url('../image/breakbg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.breakbg .time .time1, .breakbg .time .time2{
  color:#ffffff !important;
}
.break_time{
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
}

.mid{
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px;
}
.right_block .scheduled_strip .left_box .innerbox{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.right_block .scheduled_strip .left_box .innerbox .time{
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 14px 9px;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time .time1{
  /* font-family: Roboto; */
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
  /*color: rgba(0, 0, 0, 0.8);*/
  text-align: center;
  line-height: 1.29;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time .time2{
  /* font-family: Roboto; */
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 1.29;
  margin-top: 3;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_red{
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 14px 9px;
  transition: 0.2s all;

}
.right_block .scheduled_strip .left_box .innerbox .time_red .time1{
  /* font-family: Roboto; */
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
  /*color: rgba(255, 1, 1);*/
  text-align: center;
  line-height: 1.29;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_red .time2{
  /* font-family: Roboto; */
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
  /*color: rgba(255, 0, 0, 0.67);*/
  text-align: center;
  line-height: 1.29;
  margin-top: 3px;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_old{
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 16px 10px;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_old .time1{
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.14px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  line-height: 1.29;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_old .time2{
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 1.29;
  margin-top: 3;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_red_old{
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 16px 10px;
  transition: 0.2s all;

}
.right_block .scheduled_strip .left_box .innerbox .time_red_old .time1{
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.14px;
  color: rgba(255, 1, 1);
  text-align: center;
  line-height: 1.29;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box .innerbox .time_red_old .time2{
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14px;
  color: rgba(255, 0, 0, 0.67);
  text-align: center;
  line-height: 1.29;
  margin-top: 3px;
  transition: 0.2s all;
}
.right_block .scheduled_strip .left_box span.green__{
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: -3px;
  top: -3px;
}
.right_block .scheduled_strip .left_box span.livenowclass{
    display: inline-block;
    position: absolute;
    left: 12px;
    bottom: -9px;
    z-index: 1;
    width: 51px;
    height:18px;

}
.cbt-link-waves{
  height: 18px;
    left: 0;
    position: absolute;
    bottom: -6px;
    transform: translate(0%, 0%);
    width: 51px;
    z-index: 0;
}
.cbt-link-waves .wave-1{
  -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.cbt-link-waves .wave-2{
  -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.cbt-link-waves .wave-3{
  -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.cbt-link-waves .waves{
  position: absolute;
  width: 90px;
      height: 40px;
    background: rgba(255, 0, 0, 0.2);
    background-clip: border-box;
    opacity: 0;
    border-radius: 320px;
    background-clip: padding-box;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    animation-delay: 0s;
    bottom: -14px;
    left: -8px;
}
@keyframes waves{0%{opacity:0;transform:scale(.2,.2)}50%{opacity:.9}100%{opacity:0;transform:scale(.9,.9)}}
@-webkit-keyframes waves{0%{opacity:0;transform:scale(.2,.2)}50%{opacity:.9}100%{opacity:0;transform:scale(.9,.9)}}
.right_block .scheduled_strip .left_box span img{
  width: 100%;
  height:100%;
}
.right_block .scheduled_strip .left_box img.imgg{
  width: 22px;
 height: 22px;
 margin:auto;
}
.right_block .scheduled_strip .strip_content{
  width: 100%;
  float: left;
  /* padding:0 100px 0 118px; */
  border-bottom:1px solid #2c2e2f20;
}
.right_block .scheduled_strip .strip_content .inner_content{
  width: 100%;
  float: left;
  padding:20px 110px 20px 0;
  position: relative;
}
.right_block .scheduled_strip .strip_content .inner_content .arrow__right{
  /* width: 32px; */
  height: 16px;
  display: inline-block;
  /*position: absolute;*/
  /*right: 15px;*/
  /*top: 50%;*/
  /*transform: translate(0px, -50%);*/
  /* color: rgba(0, 0, 0, 0.9); */
  line-height: 1.22;
  font-size: 14px;
  /* font-family: Roboto; */
  font-weight: 500;
  /* display: none; */
  margin: 7px 10px 7px 0;
  float: right;
}
.right_playbtn{
    position: absolute;
right: 0;
width: 120px;
top: 10px;
bottom: 10px;
}

.right_block .scheduled_strip .strip_content .inner_content .arrow__right span.imggg{
  width: 16px;
  height: 16px;
  float: right;
  margin-left: 6px;
}

.right_block .scheduled_strip .strip_content .inner_content .arrow__right img{
  width: 100%;
  height: 100%;
}
.upcoming{
  color: rgba(0, 0, 0, 0.9);
}
.cancelled{
    color: red;
}
.view_report{
  color: #264796;
}
.resume_test{
  color: #ed7c2e;
}
.start_test{
  color: #3cb700;
}
.expired{
  color: #e31e25;
}
.locked{
  color: rgba(0, 0, 0, 0.5);
}
.locked .imggg{
  width: 12px;height:16px;
  margin-right: 5px;
  float: left;
}
.right_block .scheduled_strip .strip_content .mainhead{
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  line-height: 12px;
  position: relative;
  padding-left: 25px;
}
.right_block .scheduled_strip .strip_content .mainhead .inn_content{
   line-height: 20px;
}
.right_block .scheduled_strip .strip_content .mainhead span.head_icon{
  width: 13px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  position: absolute;
    left: 0;
    top: 2px;
}
.right_block .scheduled_strip .strip_content .mainhead span.head_icon img{
  width: 100%;
  height: 100%;
}
.right_block .scheduled_strip .strip_content .lighthead{
  opacity: 0.6;
  /* font-family: Roboto; */
  font-size: 14px;
  color: #000000;
  margin-top: 5px;
}
.right_block .scheduled_strip .strip_content .show_status{
  width: 100%;
  float: left;
  /* margin-top: 10px; */
}
.right_block .scheduled_strip .strip_content .show_status .subject__{
  height: 26px;
  border-radius: 4px;
  background-color: rgba(85, 142, 248, 0.1);
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 600;
  color: #1e3561;
  padding:5px 10px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.right_block .scheduled_strip .strip_content .show_status .live__{
  height: 26px;
  border-radius: 4px;
  background-color: rgba(227, 30, 37, 0.1);
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: 600;
  color: #e31e25;
  padding:5px 10px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.schedulermain_wrap{
  position: fixed;
    top: 71px;
    left: 250px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}
.schedulermain_wrap .inrblocks, .schedulermain_wrap .inrblocks .scheduler_wrap{
  width: 100%;
    float: left;
    height: 100%;
    overflow: unset;
}
.schedulermain_wrap .inrblocks .scheduler_wrap .main_wrapp{
  width: 100%;
    float: left;
    overflow-y: auto;
    height: calc(100% - 90px);
}
.bttn__{
  min-height: 26px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  /* font-family: Roboto; */
  margin-top: 10px;
  line-height: 15px;
}
.notes__{
  background-color: rgba(85, 142, 248, 0.1);
  color: #264796;
}
.onlinetest__{
  background-color: rgba(237, 124, 46, 0.1);
  color: #ed7c2e;
}
.video__{
  background-color: rgba(85, 142, 248, 0.1);
  color: #264796;
}
.viewreport__{
  background-color: #ed7c2e;
  color: #ffffff;
}
.subjects__{
  background-color: #264796;
  color: #ffffff;
}
.mode__{
  float:right;
  background-color: #777575;
  color: #ffffff;
}
.topic__{
  color: #264796;
  background-color: rgba(85, 142, 248, 0.1);
}
.totalquestion__{
  background-color: #264796;
  color: #ffffff;
}
.totalmarks__{
  color: #264796;
  background-color: rgba(85, 142, 248, 0.1);
}
.sheet-detail-black{
  z-index: 3;
    /* position: absolute; */
    top: 0px;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.90);
    position: absolute;
    overflow: hidden;
    /* transition: 0.2s ease-in-out; */
    transition: all .2s ease-in;
    visibility: hidden;
    opacity: 0;
}
.timer h4 {
    background: transparent;
}

.access_middle {
    font-weight: bold;
}

.showpopup{
  visibility: visible;
  opacity: 1;
}
.bgblack_inner{
  /* width: 100%; */
  /* height: 100%; */
  /* float: left; */
  position: relative;
}
.bgblack_inner .middleWrapper {
  width: 550px;
  height: 365px;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
  right: 21px;
  top: 70px;
  padding: 15px;
  box-shadow: 0 3px 6px 0 var(--black-16);
  z-index: 6;
  box-sizing: border-box;
}
.inetestWrapper{
  float: left;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}
.interest_outwrapper{
  width: 100%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
  padding: 5px 0;
  margin-bottom: 10px;
  max-height: 155px;
  overflow: auto;
}
.interest_outwrapper p{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.21;
  color: rgba(0, 0, 0, 0.9);
  /* font-family: Roboto; */
  margin-bottom: 15px;
}
.middleWrapper .inetestWrapper .checkbox {
    display: none;
    position: relative;
}
.middleWrapper .inetestWrapper .checkbox:checked + label {
    background-color: #264796;
    color: #ffffff;
    border: 1px solid #264796;
    transition: 0.1s ease-in-out;
}
.middleWrapper .inetestWrapper label {
    border-radius: 30px;
    margin-bottom: 0;
    opacity: .8;
    border-radius: 40px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    border-radius: 20px;
    border: solid 1px rgba(85, 142, 248, 0.2);
    background-color: rgba(85, 142, 248, 0.05);
    font-size: 14px;
    font-weight: 600;
    color: #646464;
    user-select: none;
    transition: 0.1s ease-in-out;
}
.apply-filter{
  /* height: 20px; */
  font-size: 16px;
  font-weight: 600;
  color: #264796;
  text-transform: uppercase;
  width: 50%;
  float: left;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: 12px;
  left: 0;
}
.apply-filter1{
  /* height: 20px; */
  font-size: 16px;
  font-weight: 600;
  color: #264796;
  text-transform: uppercase;
  width: 50%;
  float: left;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: 12px;
  right:0;
}
/* course card section */
.course_item *{
  box-sizing: border-box;
}
.course_item{
    margin: 0 0 15px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
    list-style: none;
    text-align: center;
    position: relative;
     height: 335px;
    padding-right: 0;
    width: 25%;
}
.course_item .course_cont {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
    float: left;
    border-radius: 5px;
    padding: 10px;
}
.course_item .course_cont .course_img_div {
    width: 100%;
    height: 125px;
    position: relative;
    border-radius: 5px 5px 0 0;
}
.course_item .course_cont .course_img_div .course_img {
    float: left;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    height: 100%;
}
.course_item .course_details {
    /* height: 210px; */
    position: relative;
    padding: 15px 5px 0px;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.course_item .course_details .course_name {
    width: 100%;
    float: left;
    line-height: 18px;
}
.course_item .course_details .course_name p {
    float: left;
    width: 100%;
    color: #2c2e2f;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}
.card-course-rating {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.course_detail {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.card-course-rating .couse_last_change {
    color: rgba(44,46,47,.7);
    margin-bottom: 0;
}
.card-course-rating label {
    color: rgba(44,46,47,.4);
    font-weight: 500;
    float: left;
    font-size: 14px;
}
.course_detail ul{
   padding-left: 16px;
}
.course_detail ul li{
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.course_detail ul li::before {
  content: "\2022";
  color: #264796;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 16px;
}
.view-course-wrapper{
    border-top: 1px solid #f8f8fa;
    padding: 10px 15px 5px;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    float: left;
    margin-top: 15px;
    color: #264796;
    cursor: pointer;
    font-weight: 500;
}
.course-content-wrapp{
  width: 100%;
  float: left;
  height: 130px;
}
.hdrprfl{
  float: right;
  height: 40px !important;
  padding: 12px 0px !important;
  background: #264796 !important;
}

header{
  height: 70px !important;
  /* overflow: hidden; */
}
.rightcntnt{
  margin-top: 71px !important;
}
.lftmenu{
  top: 75px !important;
  box-shadow: 0 2px 10px -1px rgb(0 0 0 / 18%);
  z-index: 9;
}
/* .leftmenu_outr ul li:first-child{
  padding-top: 0 !important;
} */
.logodiv{
  height: 75px;
  /* box-shadow: 0 2px 10px -1px rgb(0 0 0 / 18%); */
}
.logodiv a{
  height: 75px;
}
.pgnamul{
  padding: 22px 0 !important;
}
.inputSerchbox{
  right: 320px !important;
}
.pgnam{
  float: left;
}
.leftmenu_outr ul li .leftmenu_drpdwn li::before{
    content: '';
    height: 4px;
    width: 4px;
    background: rgba(131,132,138,.89);
    position: absolute;
    left: 35px;
    top: 11px;
    transform: translateY(-50%);
    border-radius: 100%;
    display: none;
}
.emptyrecord{
  position: absolute !important;
    top: 71px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
.popup_video{
    position: fixed;
    top: 15px;
    background: #ffffff;
    float: left;
    z-index: 11;
    bottom: 15px;
    left: 9%;
    right: 9%;
    border-radius: 5px;
    overflow: hidden;
}
.popup_video iframe{
    width: 100%;
    height:100%;
    border: transparent;
}

.headingdiv{background:#fff none repeat scroll 0 0;border-bottom:1px solid rgba(204,204,204,0.34);color:#0063c6;font-weight:700;font-size:16px;height:42px;line-height:42px;padding-left:20px;text-align:left;width:auto;padding-right: 20px;}
.popuphdr{background:#e8e8e8!important;color:#000!important}
.center_section{
  width: 100%;
  height: 100%;
}

#unsatFile {
    max-width: 270px;
}

@media only screen and (max-height:768px){
  .myscheduler .left_block .fiter_by_tag {
    padding: 15px 20px 40px 20px;
   }
   .myscheduler .left_block .fiter_by_tag .fitered{
     margin-bottom: 10px;
   }
   .cld-rwd{
     right: 35px;
   }
   .myscheduler .left_block .fiter_by_tag > p{
     margin-bottom: 5px;
   }
}
/* css for digitalnotes page */
 .digitalNotes *{
   box-sizing: border-box;
 }
  .digitalNotes{
  width: 100%;
float: left;
height: 100%;
 }
.digitalNotes .studyhead{
  width: 100%;
  float:left;
  padding: 15px 20px;
  border-bottom: solid 1px rgba(112, 112, 112, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.digitalNotes .studyhead h2{
  /* font-family: ProximaNova; */
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
  color: #1e3561;
}
.digitalNotes .notesmainbody{
  width: 100%;
  /* padding: 0px 20px 10px 20px; */
  float: left;
  height: calc(100% - 65px);
  overflow-y: auto;
}
.notesmainbody .content_strip{
  width: 100%;
      float: left;
      padding: 15px 50px;
      position: relative;
      /* border-bottom: solid 1px #70707020; */
      /* margin-left: 20px;
      margin-right: 20px; */
      cursor:pointer;
}
.notesmainbody .content_strip:hover{
  background-color: rgba(85, 142, 248, 0.1);
}
.notesmainbody .content_strip .left_img{
  position: absolute;
  left:20px;
  top:15px;
  width: 17px;
  height: 19px;
  display: inline-block;
}
.notesmainbody .content_strip .left_img img{
   width: 100%;
   float: left;
}
.notesmainbody .content_strip .arrow_right{
  position: absolute;
  right:20px;
  top:20px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.notesmainbody .content_strip .arrow_right img{
  width: 100%;
  float: left;
}
.notesmainbody .content_strip .notesheading{
  /* font-family: ProximaNova; */
  font-size: 12px;
  /*font-weight: 500;*/
  line-height: 22px;
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  width: 40%;
  float: left;
}
.notesmainbody .content_strip .notesheading .headingcontent{
  display: inline-block;
  float: left;
  transition: all 0.2s ease;
}
.notesmainbody .content_strip .notesheading .headingcontent:hover{
  color: #1973cb;
  margin-left: 2px;
}
.notesmainbody .content_strip .notesdate{
  /* font-family: ProximaNova; */
  font-size: 12px;
  /*font-weight: 500;*/
  line-height: 22px;
  text-align: left;
  width: 10%;
  float: left;
  text-align: center;
}
.notesmainbody .content_strip .notesdate .headingcontent{
  display: inline-block;
  float: left;
  transition: all 0.2s ease;
}
.notesmainbody .content_strip .notesdate .headingcontent:hover{
  color: #1973cb;
  margin-left: 2px;
}
.notesmainbody .content_strip .notes_topics{
  width: 20%;
  float:left;
}
.notesmainbody .content_strip .notes_topics .subject_btn{
  padding: 5px 15px;
  border-radius: 15px;
  display: inline-block;
  /* font-family: ProximaNova; */
  font-size: 11px;
  /*font-weight: 600;*/
  margin-right: 5px;
  min-height: 26px;
  line-height: 16px;
}
.notesmainbody .content_strip .notes_subject{
  width: 25%;
  float:left;
}
.notesmainbody .content_strip .notes_subject .subject_btn{
  padding: 8px 15px;
  border-radius: 15px;
  display: inline-block;
  /* font-family: ProximaNova; */
  font-size: 11px;
  /*font-weight: 600;*/
  margin-right: 5px;
  min-height: 26px;
  line-height: 16px;
}
.notesmainbody .content_strip .notes_subject .subject_btn{
        font-size: 10px;
        line-height: 10px;
    }
.blue_clr_{
  background-color: #264796;
  color: #ffffff;
}
.lightblue_clr{
   background-color: rgba(85, 142, 248, 0.1);
   color: #264796;
}
.stripcontainer{
  width: 100%;
  float: left;
  border-bottom: solid 1px rgba(112, 112, 112, 0.1);
  height: auto;
transition: max-height 0.25s;
}
.stripcontainer.slide{
  max-height: 1000px;
  transition: max-height 0.25s;
}
.sub_doc_list{
  width: 100%;
  float:left;
  display: none;
}
.sub_doc_list .substrip{
  width: 100%;
  float:left;
  padding:10px 75px;
  position: relative;
  cursor: pointer;
}
.sub_doc_list .substrip:hover{
  background-color: rgba(85, 142, 248, 0.1);
}
.sub_doc_list .substrip .subleft_img{
  position: absolute;
    left: 50px;
    top: 11px;
    width: 12.5px;
  height: 16px;
    display: inline-block;
}
.sub_doc_list .substrip .subleft_img img{
  width: 100%;
  float: left;
}
.sub_doc_list .substrip p{
  /* font-family: ProximaNova; */
  font-size: 13px;
  /*font-weight: 500;*/
  color: rgba(0, 0, 0, 0.8);
  float: left;
  transition: all 0.2s ease;
}
.sub_doc_list .substrip p:hover{
  color: #1973cb;
  margin-left: 2px;
}
.showcontent{
  display: block;
}
.rotateimg{
  transform: rotate(90deg);
}
span.flaticon.digitalnote:before {
    content: "";
    background-image: url('../image/digitalnotes.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
span.flaticon.doubt:before {
    content: "";
    background-image: url('../image/doubt.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 26px;
    width: 26px;
}
span.flaticon.noticeboard:before {
    content: "";
    background-image: url('../image/noticeboard.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 16px;
    width: 18px;
    margin: 16px 0;
}

.ntcbrd{
    margin-left: -2px;
    top: 5px;
}
.ntcboard{
    border-radius: 50%;
    padding: 0 16px !important;
    background: rgba(255,255,255,0.1);
}
.sidenavnoticeboard *{
  box-sizing: border-box;
}
.sidenavnoticeboard {
  height: calc(100% - 72px);
  width: 360px;
  float:left;
  position: fixed;
  z-index: -1;
  top: 72px;
  left: -120px;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: 6px 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #f8f8fa;
  bottom: 0;
}

.sidenavnoticeboard .sectionlink  a {
  font-size: 14px;
   color: #000000;
}
.addwidth{
  left:250px;
}

.innerNoticeboard{
  width:100%;
  float:left;
  position: relative;
  height: 100%;
}
.innerNoticeboard .headnotice{
  padding: 15px;
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    position: absolute;
    width: 100%;
    top: 0;
}
.innerNoticeboard .headnotice .arrowImg{
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.innerNoticeboard .headnotice .arrowImg img{
  width:100%;
  float:left;
}

.innerNoticeboard .innerboxnotice{
  width: 100%;
  float:left;
  margin-top: 49px;
  padding: 0 15px 15px 15px;
  height: calc(100% - 49px);
  overflow-y: auto;
}
.innerboxnotice::-webkit-scrollbar {
  width: 8px;
}
.innerboxnotice::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.innerboxnotice::-webkit-scrollbar-thumb {
  background: #88888880;
}
.innerboxnotice .section_notice{
  width:100%;
  float:left;
  padding:10px;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-bottom: 10px;
}
.innerboxnotice .head_hd{
  width:100%;
  float:left;
  padding:10px 0;
  color: #264796;
  font-size: 16px;
  font-weight: bold;
}
.innerboxnotice .section_notice .time__{
  /* font-family: Roboto; */
  font-size: 12px;
  font-weight: 500;
  color: #ed7c2e;
}
.innerboxnotice .section_notice .noteheading{
  /* font-family: Roboto; */
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 10px;
}
.innerboxnotice .section_notice .noticeconetent{
  /* font-family: Roboto; */
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  line-height: 18px;
}
.section_notice .video_container{
  width: 100%;
  float:left;
  max-height: 175px;
  border-radius: 6px;
  border: solid 1px rgba(34, 34, 34, 0.2);
  margin-top:10px;
  position: relative;
}

.section_notice .video_container .layer_video{
  position: absolute;
  left: 0;
  right:0;
  top:0;
  bottom: 0;
  z-index: 1;
}

.section_notice .video_container iframe{
  border:transparent;
}
.section_notice .sectionlink{
    width: 45%;
    float: left;
    padding: 15px 15px 15px 45px;
    border-radius: 6px;
    background: rgb(235,239,242);
    position: relative;
    font-size: 16px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
}
.section_notice .sectionlink .immg__{
  width: 16px;
    display: inline-block;
    float: left;
    position: absolute;
    top: 15px;
    left: 15px;
}
.section_notice .sectionlink .immg__ img{
   width: 100%;
   float:left;
}

.dateSticky {
  padding: 10px 10px 10px 40px;
    background: #ffffff;
    width: 100%;
    float: left;
    font-size: 16px;
    position: -webkit-sticky;
   position: sticky;
    top: 0px;
    z-index: 2;
}
.request_agn{
  width:45%;
  cursor: pointer;
  color: #f05050;
  font-size:14px;
}
.bgblack_inner .req_again_wrap{
  margin: auto;
  right: auto;
  z-index: 7;
  padding: 0;
}
.req_again_wrap h2{
  padding: 10px 15px;
  background: rgb(235,239,242);
  border-radius: 6px 6px 0 0;
}
.middle_sectionreq{
  width: 100%;
  float: left;
  padding: 20px;
}
.dt_fullwidth{
  width: 100%;
  float:left;
  margin-bottom: 15px;
}
.dt_section{
  width:50%;
  float:left;
  padding:0 15px;
}
.dt_section label{
  display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
.dt_section input {
  font-size: 16px;
    display: block;
    padding: 5px 10px;
    width: 100%;
}
.dt_section select {
  font-size: 14px;
    display: block;
    padding: 5px 10px;
    width: 100%;
    height:38px;
}
.dt_section select:focus, .dt_section textarea:focus, .dt_section input:focus{
  outline: none;
  /* border: 1px solid #0063c6; */
}
.dt_section textarea {
  resize: none;
  width: 100%;
  padding:5px;
  min-height:100px;
}
 .sub_mit .btn__{
  background: #fff none repeat scroll 0 0;
    border: 1px solid #0063c6;
    border-radius: 3px;
    color: #0063c6;
    display: inline-block;
    /* float: right; */
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    width: 80px;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    margin-top:10px;
}
.sub_mit .btn__:hover{
  background: #0063c6;
  color: #ffffff;
}
.sub_mit .btn__:focus{
  background: #0063c6;
  color: #ffffff;
  outline: none;
}
.sub_mit{
  width: 100%;
    float: left;
    padding: 20px;
    position: absolute;
    bottom: 0;
}
.nboard{
  background: #264796;
    border-radius: 18px;
    font-size: 10px;
    /* height: 15px; */
    /* position: absolute; */
    font-weight: 600;
    text-align: center;
    min-width: 16px;
    height: 16px;
    width: auto;
    color: #ffffff;
    /* top: 0px; */
    /* right: 20px; */
    padding: 1px 4px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* line-height: 2px; */
    margin-left: 2px;
}

.popupproduct.notice__Board{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
}
 /* .sheet-detail-black{
  position: fixed;
  top: 0px;
  display: block;
  z-index: 9999;
  width: 100%;
    height: 101%;
    background: #000;
    opacity: 0.6;
    overflow: hidden;
    bottom: 0;
} */
 .popupinr{
     position: fixed;
     z-index: 9999;
     width: 100%;
     width: 1000px;
     background: #fff;
     max-height: 580px;
     opacity: 1;
     border-radius: 3px;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
}
 .sheet-detail-black .closepopup{
  float: right;
      background: #ccc;
      height: 42px;
      width: 42px;
      line-height: 42px;
      text-align: center;
      transition: all 0.2s ease;
      cursor: pointer;
      display: flex;
}
 .sheet-detail-black.ntc_board{
  position: fixed; top: 0px; display: block; z-index: 9999;visibility: visible;opacity: 1;
}
.sheet-detail-black .closepopup img{
   margin:auto;
}
/* .videodiv{
  width: 912px;
    margin: 5% auto;
    background: #fff;
    height: 500px;
    opacity: 1;
    border-radius: 3px;
} */
.videodiv .playr1{
  float: left;
    width: 100%;
    height: 100%;
}
*{
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Open-sans;
}
.crossiconss{
  display: inline-block;
    position: absolute;
    top: 68px;
    right: 10px;
    background: #cccccc;
    z-index: 7;
    padding:5px;
    width:22px;
    height:22px;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
}
.crossiconss img{
   width:100%;
   height:100%;
}

/* schedule color classes */
/* #00ad67 */
.color_00ad67 .left_box{
  background-color: #ebfff7;
}
.color_00ad67 .strip_content .inner_content .show_status .bttn__.subjects__{
  background-color: #00ad67;
  color: #ffffff;
}
.color_00ad67 .strip_content .inner_content .show_status .bttn__.topic__{
  background-color: rgba(0, 173, 103, 0.1);
  color: #00ad67;
}
.color_00ad67 .expired_schedule{
  background-color: #00ad67;
}
/* #a277fe */
.color_a277fe .left_box{
  background-color: #f1ebff;
}
.color_a277fe .strip_content .inner_content .show_status .bttn__.subjects__{
  background-color: #a277fe;
  color: #ffffff;
}
.color_a277fe .strip_content .inner_content .show_status .bttn__.topic__{
  background-color: rgba(162, 119, 254, 0.1);
  color: #a277fe;
}
.color_a277fe .expired_schedule{
  background-color: #a277fe;
}
/* #f15e7a */
.color_f15e7a .left_box{
  background-color: #fdecef;
}
.color_f15e7a .strip_content .inner_content .show_status .bttn__.subjects__{
  background-color: #f15e7a;
  color: #ffffff;
}
.color_f15e7a .strip_content .inner_content .show_status .bttn__.topic__{
  background-color: rgba(241, 94, 122, 0.1);
  color: #f15e7a;
}
.color_f15e7a .expired_schedule{
  background-color: #f15e7a;
}
/* #f85d30 */
.color_f85d30 .left_box{
  background-color: #ffeeea;
}
.color_f85d30 .strip_content .inner_content .show_status .bttn__.subjects__{
  background-color: #f85d30;
  color: #ffffff;
}
.color_f85d30 .strip_content .inner_content .show_status .bttn__.topic__{
  background-color: rgba(248, 93, 48, 0.1);
  color: #f85d30;
}
.color_f85d30 .expired_schedule{
  background-color: #f85d30;
}
/* #2470d5 */
.color_2470d5 .left_box{
  background-color: #edf3ff;
}
.color_2470d5 .strip_content .inner_content .show_status .bttn__.subjects__{
  background-color: #2470d5;
  color: #ffffff;
}
.color_2470d5 .strip_content .inner_content .show_status .bttn__.topic__{
   background-color: rgba(85, 142, 248, 0.1);
  color: #264796;
}
.color_2470d5 .expired_schedule{
  background-color: #2470d5;
}

.right_threedot{
  float:right;
  position: absolute;
  right: 10px;
  top: 20px;

}
.right_threedot .inner___right{
  float:right;
  position: relative;
}
.right_threedot .right_dotimg{
   width:12px;
   height:12px;
   display: inline-block;
   float: right;

}
.right_threedot .right_dotimg img{
   width:100%;
   height: 100%;

}
.drpdown_schedule{
  width: 160px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    background: #ffffff;
    /* border: 1px solid gray; */
    border-radius: 5px;
    box-shadow: 0 2px 10px -1px rgb(0 0 0 / 18%);
    z-index: 1;
}
.drpdown_schedule .drpdown_inner{
  width: 100%;
    height: 100%;
    float: left;
    padding: 5px 0;

}
.drpdown_schedule .drpdown_inner span{
  display: block;
    padding: 5px 10px;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 500;
    user-select: none;
}
.drpdown_schedule .drpdown_inner span:hover{
  background-color: #dee9f5;
}
.activeTab{
  background-color: #dee9f5;
}
.class_view_content{
  width:100%;
  float: left;
  margin-bottom: 10px;
}
.class_view_content .viewStrip{
  width: auto;
   padding: 7px 12px 7px 30px;
   margin-right: 10px;
   float: left;
   background-color: #ffffff;
   border-radius: 15px;
   font-weight: 500;
   margin-top: 10px;
   border: 1px solid #9fc8f5;
   box-shadow: 0px 0px 5px 0px #9fc8f5;
   position: relative;
   /* height: 32px; */
    line-height: 13px;
}
.class_view_content .viewStrip .classImgs{
  display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 10px;
    top: 6px;
}
.class_view_content .viewStrip .classImgs img{
  width: 100%;
  height: 100%;
}
.arrowUpclose{
  width: 45px;
    height: 25px;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -1px;
}
.drpdown_studentdetail *{
  box-sizing: border-box;
}
.drpdown_studentdetail{
  position: absolute;
    background-color: #ffffff;
    top:calc(100% + 10px);
    right: 10px;
   -webkit-transition: max-height 0.2s ease-in-out;
    -moz-transition: max-height  0.2s ease-in-out;
    -ms-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    max-height: 0;
    display: block;
    opacity: 0;
    box-shadow: 0 2px 10px -1px rgb(0 0 0 / 18%);
    border-radius:6px;
    width: 290px;
     /* height: 198px; */
     border-radius: 8px;
     /* box-shadow: 0 3px 6px 0 var(--black-16); */
     background-color: #ffffff;
     overflow: hidden;
}
.drpdown_studentdetail .drp_inner{
    width: 100%;
    float: left;
    height: 100%;
    overflow: hidden;

}
.drpdown_studentdetail .drp_inner.height100{
    height: 100%;
    transition:0.5s ease-in-out;
}
.drpdown_studentdetail .drp_inner .student__profile{
  width: calc(100% - 20px);
  float: left;
  padding: 10px 0 15px 85px;
  position: relative;
  min-height: 100px;
  border-bottom: 1px solid #70707020;
  margin: 0px 10px;
}
.drpdown_studentdetail .drp_inner .student__profile .user__image{
    display: block;
    float: left;
    position: absolute;
    left: 10px;
    top: 18px;
    width: 66px;
    height: 66px;
    box-shadow: 0 2px 4px 0 var(--black-10);
    border: solid 1px #264796;
    border-radius: 50%;
}
.drpdown_studentdetail .drp_inner .student__profile .user__image img{
    width: 100%;
    height:100%;
    float:left;
    border-radius: 100%;
}
.drpdown_studentdetail .drp_inner .student__profile .user_fullName{
   width: 100%;
   float: left;
   line-height: 18px;
   font-weight: 500;
   font-size: 16px;
   font-weight: 600;
   text-align: left;
   color: rgba(0, 0, 0, 0.9);
   margin-top: 10px;
   text-transform: capitalize;
}
.drpdown_studentdetail .drp_inner .student__profile .user_stream{
  width: 100%;
    float: left;
    font-weight: normal;
    color: #666;
    line-height: 30px;
 font-size: 14px;
 text-align: left;
 color: rgba(0, 0, 0, 0.6);
}
.drpdown_studentdetail .drp_inner .student__profile .user_session{
  width: 100%;
    float: left;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 30px;
  font-size: 14px;
  line-height: 1.36;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
}
.drpdown_studentdetail .drp_inner .user_activitylist{
  text-decoration: none;
    width: 100%;
    float: left;
    margin: 10px 0;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__{
  width: 100%;
   float: left;
   padding: 10px 10px 10px 40px;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.16;
   color: rgba(0, 0, 0, 0.9);
   position: relative;
   transition: 0.3s;
   cursor: pointer;
   text-transform: capitalize;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__ .sub_password{
  width: 100%;
   float: left;
    padding: 10px 10px 0px 0px;
    font-size: 14px;
     font-weight: normal;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__ .sub_password:hover{
  color: #1973cb;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__ .arrowPass{
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
    top: 15px;
    transform: rotate(-90deg);
    transition: 0.2s;
}
.rotareicon{
  transform: rotate(0deg) !important;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__ .arrowPass img{
  width: 100%;
  height: 100%;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__:hover{
  background-color: rgba(85, 142, 248, 0.1);
  transition: 0.3s;
}
.drpdown_studentdetail .drp_inner .user_activitylist .user__.hoveractive{
  background-color: rgba(85, 142, 248, 0.1);
}

.drpdown_studentdetail .drp_inner .user_activitylist .user__ > img{
  position: absolute;
  left: 15px;
  width: 15px;
  height: 15px;
  top: 12px;
}
.profiledropimg{
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: -11px;
  transform: rotate(180deg);
}
.profiledropimg.rotateicon{
  transform: rotate(0deg);
}
.profiledropimg img{
   width: 100%;
   height: 100%;
}

.drpdown_studentdetail.hovermaxHeight{
  max-height: 350px;
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.select-drop-data{
 width:auto;margin-top: 10px;height: 30px;
border: none;
color: #fff;
font-weight: 500;
appearance: none;
padding:0px 25px 0px 15px;
}
select.select-drop-data{
	background:#0063c6 url('../images/down-arrow.svg') no-repeat right;
	background-position: 88% 8px;
        background-size: 12px;
        border: 1px solid #fff;
        font-weight: bolder;
}
.selectoptn{
    float:right;
}

.respons-tab {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.inner-screen{
    width: 86%;
    max-height: 800px;
    /*max-width: 500px;*/
    /*height: 91%;*/
    /*background: white;*/
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
/*    -webkit-box-shadow: 0 10px 90px rgba(0,0,0,0.8);
    box-shadow: 0 10px 90px rgba(0,0,0,0.8);*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 10px 0px;
}
.plate-contents {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.inner-screen .candidate_logoin h1{
        font-size: 2rem;
        margin-bottom: 15px;
}

.inner-screen .candidate_logoin h2{
    padding: 0px 0px 10px 0px;
}
.inner-screen .dowload-app strong{
    margin: 0 0 40px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.dowload-app ul li label{
    float: left;
    font-weight: normal;
    color:#666;
    opacity: 0.9;
    margin-bottom: 5px;
    font-size: 14px;
    width: 100%;
    text-align: center
}
.inner-screen .dowload-app ul li{
    width: 100%;
    margin: 0
}
.inner-screen .dowload-app ul{
    max-width:240px;
    margin: auto;
}
.mobile_screen{
  display: none;
}
.login_deskscreen{
  display: block;
}
@media only screen and (max-width:640px){
  .mobile_screen{
    display: block;
  }
  .login_deskscreen{
    display: none;
  }
}
.select_no{
  width:100%;
  float: left;
  margin-bottom: 10px;
}
.select_no .display_no{
  width:100%;
  float: left;
  margin-bottom: 5px;
  position: relative;
    padding-left: 22px;
}
.select_no .display_no input{
  position: absolute;
    top: 3px;
    left: 0;
    cursor: pointer;
}
.select_no .display_no label{
  font-size: 14px;
  cursor: pointer;
}
.selectno_contain{
  width:100%;
  float: left;
}
.selectno_contain h3{
  width:100%;
  float: left;
  margin-bottom: 15px;
}
.forgetpassword_inner *{
  box-sizing: border-box;
}
.forgetpassword_inner{
  position: fixed;
    z-index: 9999;
    width: 380px;
    max-height: 402px;
    background: #fff;
    opacity: 1;
    border-radius: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 3px 6px 0 var(--black-16);
    margin: auto;
}
.close_popup{
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  right:20px;
  cursor: pointer;
}
.close_popup img{
  width: 100%;
  height:100%;
}
.forgetpassword_inner .changePassword_wrap{
   width:100%;
   float:left;
   height: 100%;
   padding:40px 30px 85px 30px;
}
.forgetpassword_inner .changePassword_wrap .imgg{
   width:100%;
   float:left;
   /* height: 100%; */
   text-align: center;
   margin-bottom: 15px;
}
.forgetpassword_inner .changePassword_wrap .imgg .imgg_cont{
  width: 40px;
  height: 40px;
  display: inline-block;
}
.forgetpassword_inner .changePassword_wrap .imgg .imgg_cont img{
   width: 100%;
   height:100%;
}
.changePassword_wrap .cont_1{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  color: #000000;
  text-align: center;
  margin-bottom: 5px;
    width: 100%;
    float: left;
}
.changePassword_wrap .cont_2{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.36;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  margin-bottom: 25px;
  width: 100%;
  float: left;
}
.changePassword_wrap .cntntdv_pass{
  display: inline-block;
   margin-bottom: 15px;
   width: 100%;
}
.changePassword_wrap .cntntdv_pass .inpt{
  height: 38px;
  background-color: rgba(167, 170, 189, 0.2);
    border: 1px solid rgba(167, 170, 189, 0.2);
    border-radius: 6px;
    padding:10px;
}
.changePassword_wrap .cntntdv_pass .inpt:focus{
  background-color: #ffffff;
}
.changePassword_wrap .cntntdv_pass .change_pass_sub{
  height: 44px;
    border-radius: 10px;
    background-color: #264796;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    width: 100%;
    outline: none;
    border: none;
    cursor: pointer;
}
.displaySuccess{
  width: 100%;
  float:left;
  height: 100%;
  display:flex;
  flex-flow: column;
  align-items: center;
  /* justify-content: center; */
  padding-top: 50px;
}
.displaySuccess .succ_gif{
  width: 199px;
  height: 198px;
  display: inline-block;
}
.displaySuccess .succ_gif img{
  width:100%;
  height: 100%;
  float:left;
}
.displaySuccess h3{
  width: 172px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  color: #000000;
}
.center_course{
  /* position: absolute;
    top: 50%;
    right: calc(50% - 100px);
    transform: translate(50%,-50%); */
    float: right;
    margin-top: 17px;
}
.center_course .arrowSelect{
  width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 12px;
    transform: rotate(90deg);
}
.center_course .arrowSelect img{
width: 100%;
height:100%;
float:left;
}
.center_course select{
  padding: 10px 30px 10px 15px;
    font-size: 14px;
    font-weight: 500;
    border: transparent;
    outline: none;
    background: #3d59a2;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    width: auto;
    max-width: 500px;
}

.stuNameText{
    display: inline-block;
    width: auto;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.center_course h2{
 font-weight: 500;
   font-size: 14px;
}
.windowPopup .display_no{
  width:100%;
  float: left;
  margin-bottom: 15px;
  position: relative;
    /* padding-left: 22px; */
}
.windowPopup .display_no input{
  position: absolute;
    top: 3px;
    left: 0;
    cursor: pointer;
}
.windowPopup .display_no label{
  font-size: 14px;
  cursor: pointer;
}
.windowPopup .cont_1{
  /* margin-bottom: 30px; */
}
.windowPopup .cntntdv_pass.select_session{
  position: absolute;
   left: 30px;
   right: 30px;
   bottom: 30px;
   width: calc(100% - 60px);
}
.windowPopup .display_no{
   /* padding-left: 28px; */
}
.windowPopup .display_no input{
  width: 16px;
   height: 16px;
   top: 2px;
}
.windowPopup .display_no label{
  font-size: 16px;
}
.windowPopup .forgetpassword_inner{
   /* max-height: 260px; */
   transform: translate(-50%, -50%);
    left: 50%;
    right: unset;
    top: 45%;
    bottom: unset;
}
.loginr .inpttype{
  margin: 50px 25px 30px;
}
.loginhead{
  margin: 6px 0 70px;
}
.loginhead::after{
  content: " ";
    position: absolute;
    background: #666;
    height: 3px;
    width: 70px;
    top: 55px;
    display: block;
    left: 50%;
    transition: all 0.4s ease-in-out;
    display: block;
    transform: translate(-50%, -50%);
}
.login_partitian{
  border-top:none !important;
}
.changePassword_wrap .display_no .radiobox {
    display: none;
    position: relative;
}
.changePassword_wrap .display_no .radiobox:checked + label {
    /* background-color: #264796; */
    /* color: #ffffff; */
    border: solid 1px #264796;
    transition: 0.1s ease-in-out;
}
.changePassword_wrap .display_no label {
    border-radius: 6px;
    margin-bottom: 0;
    /* opacity: .8; */
    padding: 10px 15px;
    cursor: pointer;
    display: inline-block;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.8);
    user-select: none;
    transition: 0.1s ease-in-out;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    width:100%;
    text-align: center;
}
.racPlayer_full{
    position: absolute;
    opacity: 0.4;
    /* padding: 20px; */
    cursor: pointer;
    filter: drop-shadow(1px 1px   #fff);
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    background: #ffffff;
    width: 40px;
    box-sizing: border-box;
    height: 40px;
    z-index: 9;
}
.racPlayer_full:hover{
    opacity: 0.8;
    filter: drop-shadow(1px 1px 2px #fff);
}
.racPlayer_full:hover .img_fsx{
    width: 100%;
   height: 100%;
   float: left;
}
.racPlayer_full:hover .img_fs{
    width: 100%;
    height: 100%;
    float: left;
}
.racPlayer_full .img_fsx{
  width: 100%;
  height: 100%;
  float: left;
}
.racPlayer_full .img_fs{

  width: 100%;
  height: 100%;
  float: left;
}
.center_course h2{
  font-weight: 500;
    font-size: 14px;
}
.cardoutersection{
  width: 100%;
  float:left;
  padding:20px 20px 20px 5px;
}
.cardoutersection .cardgrid{
  width:33.33%;
  float: left;
  padding-left: 15px;
  padding-bottom:15px;

}
.cardoutersection .cardgrid .cardinner{
  width:100%;
  float:left;
  border-radius: 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
/*  background-color: #ffffff;*/
    background-color: #ffffff;

  overflow: hidden;
}
.cardoutersection .cardgrid .cardinner .banner__wrap{
  width:100%;
  float:left;
  height: 174px;
  overflow: hidden;

}
.cardoutersection .cardgrid .cardinner .banner__wrap img{
  width:100%;
  float:left;
  /*height: 100%;*/
  object-fit: contain;
}
.cardoutersection .cardgrid .cardinner .content_wrap{
  width:100%;
  float:left;
  box-shadow: 0 3px 6px 0 var(--black-16);
  /*background-color: #ffffff;*/
  padding:15px 15px 25px;
}
.cardoutersection .cardgrid .cardinner .content_wrap .date__{
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: left;
  color: #1e3561;
  margin-bottom: 10px;
  display: block;
}
.cardoutersection .cardgrid .cardinner .content_wrap .heading__{
  font-size: 16px;
 font-weight: bold;
 text-align: left;
 color: #1e3561;
 margin-bottom: 5px;
 display: block;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;

}
.cardoutersection .cardgrid .cardinner .content_wrap p{
  font-size: 14px;
  font-weight: normal;
  color: #222222;
  height: 35px;
  /*line-height: 18px;*/
}
.cardoutersection .cardgrid .cardinner.cardinners{
  width:100%;
  float:left;
  border-radius: 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #d5d5d5a3;
  opacity: .7;
  /*background: linear-gradient(to bottom, #B8FAF5, #B6BBF0);*/
  overflow: hidden;
}
.cardoutersection .cardgrid .cardinner.cardinners .banner__wrap{
  width:100%;
  float:left;
  height: 174px;
  overflow: hidden;

}
.cardoutersection .cardgrid .cardinner.cardinners .banner__wrap img{
  width:100%;
  float:left;
  /*height: 100%;*/
  object-fit: contain;
}
.cardoutersection .cardgrid .cardinner.cardinners .content_wrap{
  width:100%;
  float:left;
  box-shadow: 0 3px 6px 0 var(--black-16);
  /*background: linear-gradient(to bottom, #B8FAF5, #B6BBF0);*/
  padding:15px 15px 25px;
}
.cardoutersection .cardgrid .cardinner.cardinners .content_wrap .date__{
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  text-align: left;
  color: #1e3561;
  margin-bottom: 10px;
  display: block;
}
.cardoutersection .cardgrid .cardinner.cardinners .content_wrap .heading__{
  font-size: 16px;
 font-weight: bold;
 text-align: left;
 color: #1e3561;
 margin-bottom: 5px;
 display: block;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;

}
.cardoutersection .cardgrid .cardinner.cardinners .content_wrap p{
  font-size: 14px;
  font-weight: normal;
  color: #222222;
  min-height: 33px;
  /*line-height: 18px;*/
}
.inetestWrapper.date_range{
   width:100%;
   float:left;
}
.inetestWrapper.date_range input{
  margin-bottom: 0;
   opacity: 1;
   border-radius: 40px;
   padding: 5px 15px;
   cursor: pointer;
   display: inline-block;
   border-radius: 20px;
   border: solid 1px rgba(85, 142, 248, 0.2);
   background-color: rgba(85, 142, 248, 0.05);
   font-size: 14px;
   font-weight: 600;
   color: #1c1a1a;
   user-select: none;
   transition: 0.1s ease-in-out;
   text-align: center;
   /* background: #264796;
    color: #ffffff; */
}
.inetestWrapper.date_range input:focus{
  background: #264796;
   color: #ffffff;
}
.inetestWrapper.date_range input.ng-touched:valid{
  background: #264796;
   color: #ffffff;
}
.inetestWrapper.date_range input:focus::-webkit-input-placeholder{
  background: #264796;
   color: #ffffff;
}

/* ------- date range picker -------- */
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* end date range picker */

.testsummTopMargin{
    margin-top:105px !important;
}

/* start doubt css */
.doubt_contianer{
  width:100%;
  height:100%;
  float:left;
  padding:15px 15px 0 0;
}
.card_wrap{
  width:33.33%;
  float:left;
  padding:0 0 15px 15px;

}
.card_wrap .card_inner{
  width:100%;
  float:left;
  border-radius: 10px;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  overflow: hidden;

}
.card_wrap .card_inner .doubt_heading{
  width:100%;
  float:left;
  height: 70px;
  padding: 10px 5px 10px 10px;
  background-color: #f6f9ff;
  display: flex;
  flex-flow: row;

}
.card_wrap .card_inner .doubt_heading .dbt_heading{
  font-size: 16px;
 font-weight: 600;
 color: #1e3561;
 /* display: inline-block; */
 margin-right:10px;
 line-height: 23px;
}
 .dbt_imgg{
  width: 50px;
  height: 50px;
  border-radius: 6px;
  /* border: solid 1px rgba(85, 142, 248, 0.5); */
  display: inline-block;
  margin-right:10px;
  cursor: pointer;
}
 .dbt_imgg .dbtinner{
  width: 50px;
  height: 50px;
  float:left;
  border: solid 1px rgba(85, 142, 248, 0.5);
  border-radius: 6px;
  overflow: hidden;
}
.dbt_imgg img{
  width: 50px;
  height: 50px;
  float:left;
}
 .dbt_rec{
  width: 50px;
  height: 50px;
  padding: 8px 10px 5.5px;
  border-radius: 6px;
  border: solid 1px rgba(85, 142, 248, 0.5);
  background-color: #e1ebff;
  display: inline-block;
  margin-right:10px;
  display: flex;
    flex-flow: column;
    align-items: center;
}
 .dbt_rec2{
  width: 40px;
  height: 40px; 
}
 .dbt_rec .rec_icon{
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-bottom: 2px;
  cursor: pointer;
}
 .dbt_rec:hover .rec_icon.headphones{
  display: none;
}
 .dbt_rec .rec_icon._playMode{
    display: none;
}
 .dbt_rec:hover .rec_icon._playMode{
    display: inline-block;
}
 .dbt_rec .rec_icon._pauseMode{
    display: none;
}
 .dbt_rec:hover .rec_icon._pauseMode{
    display: inline-block;
}
.rec_icon._voiceMode{
    width: 30px;
    height: 24px;
    margin-top: -4px;
    margin-bottom: 0;
}
.dbt_rec:hover .rec_icon._voiceMode{
  display: none;
}
 .dbt_rec .rec_icon img{
  width: 100%;
  float:left;
}
 .dbt_rec .rec_time{
  font-size: 12px;
  font-weight: 600;
  color: #264796;
  display: inline-block;
}
.card_wrap .card_inner .doubt_content{
  width:100%;
  float:left;
  padding:10px;

}
.card_wrap .card_inner .doubt_content .doubt_chips{
  width:100%;
  float:left;
  margin-bottom: 10px;

}
.card_wrap .card_inner .doubt_content .doubt_chips .d_chips{
  width:auto;
  float:left;
  padding: 4px 12px;
  border-radius: 13px;
  /* background-color: #2470d5; */
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 14px;
  height: 23px;
}
.chips_blue{
  background-color: #2470d5;
}
.chips_red{
  background-color: #f15e7a;
}

.card_wrap .card_inner .doubt_content .cont_dbt{
  width:100%;
  float:left;
  font-size: 14px;
  font-weight: 600;
  color: #1e3561;
  margin-bottom: 5px;

}
.card_wrap .card_inner .doubt_content .doubt_date{
  width:100%;
  float:left;
  font-size: 12px;
  font-weight: 600;
  color: rgba(30, 53, 97, 0.6);

}
.card_wrap .card_inner .doubt_content .view_solution{
  /* width:100%; */
  float:left;
  font-size: 12px;
  font-weight: 600;
  color: #00c5a2;
  position: relative;
  padding-right:16px;
  cursor: pointer;
  float:left;
}
.card_wrap.dt_resolved .card_inner .doubt_content .view_solution{
  display: none;
}
.card_wrap .card_inner .doubt_content .view_solution .sltion{
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
    right: 0;
}
.card_wrap .card_inner .doubt_content .view_solution .sltion img{
  width:100%;
  height:100%;
  float:left;
}
.dt_resolved .card_inner:hover .view_solution{
   display: inline-block !important;
}
.dt_resolved .card_inner:hover .doubt_date{
   display: none;
}
.resolved_container{
  width:100%;
  float:left;
}
.resolved_container .left_thumbnail{
  width: 350px;
  height: 100%;
  padding:15px;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  float: left;
  overflow-y: auto;
}
.resolved_container .right_chat{
  width:calc(100% - 350px);
  float:left;
  /* background-color: rgba(232, 232, 232, 0.4); */
  height: 100%;
}
.right_chat .card-body{
  /* flex: 1 1 auto; */
    padding: 20px;
    overflow-y: auto;
    background-color: rgba(232, 232, 232, 0.4);
    height: 100%;
}
.right_chat .card-body .d-flex{
  margin-bottom: 30px;
  margin-top: 10px;
  display: flex;
  position: relative;
}
.justify-content-start{
  justify-content: flex-start;
}
.justify-content-end{
  justify-content: flex-end;
}
.d-flex .msg_cotainer{
  margin-top: auto;
    margin-bottom: auto;
    margin-left: 55px;
    border-radius: 10px 10px 10px 0;
    padding: 10px 5px 10px 10px;
    position: relative;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  font-size: 14px;
  color: #222222;
  max-width: 280px;
}
.d-flex .msg_cotainer .msg_time{
  position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 12px;
  font-weight: 600;
  color: rgba(30, 53, 97, 0.6);
  min-width: 140px;
}
.d-flex .img_cont_msg{
  height: 44px;
    width: 44px;
    bottom: 2px;
    position: absolute;
    border: solid 2px #ffffff;
    border-radius: 50%;
}
.d-flex .img_cont_msg .rounded-circle{
  border-radius: 50%;
}
.d-flex .img_cont_msg .user_img_msg{
    height: 100%;
    width: 100%;
    float: left;
}
.msg_cotainer_send{
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 60px;
    border-radius: 10px 10px 0 10px;
    padding: 10px 15px;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #264796;
    font-size: 14px;
    color: #ffffff;
    max-width: 280px;
}
.msg_time_send{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(30, 53, 97, 0.6);
    min-width: 130px;
}
.msg_cotainer:after{
  content: "";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 0;
    margin-top: -15px;
    left: 0;
    border-right-color: #ffffff;
    border-left: 0;
    margin-left: -14px;
}
.msg_cotainer_send:after{
  content: "";
      position: absolute;
      top: 100%;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom: 0;
      margin-top: -15px;
      right: 0;
      border-left-color: #264796;
      border-right: 0;
      margin-right: -15px;
}
.left_thumbnail .card_wrap{
  width: 100%;
  float: left;
  padding: 0 0 10px 0px;
}
.oneline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.twoline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.threeline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.activeborder{
  border: solid 2px #264796;
}
.d-flex .dbt_imgg, .d-flex .dbt_rec{
  margin: 0;
  cursor: pointer;
}
.left_thumbnail .nano-content{
    right: 15px !important;
    top: 15px;
    left: 15px;
    bottom:15px;
}
.card-body.msg_card_body .nano-content{
  right: 0 !important;
    top: 20px;
    left: 20px;
    bottom: 80px;
    padding-right: 20px;
    padding-top: 15px;
}
.image_popup .popupinr{
    max-width: 90%;
    max-height: unset;
    width: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image_popup .popupinr img{
  width: auto;
  height: auto;
  max-height:500px;
  max-width:100%;
  transition: all .450s ease-out;

}
.noticeboard_viewer .studyhead{
  position: relative;
  width:100%;
  float:left;
  display: block;
  padding-left: 60px;
}
.noticeboard_viewer .studyhead .backtopage {
  width: 49px;
    height: 50px;

    position: absolute;
    top: 11px;
    left: 5px;
    padding: 15px;
    cursor: pointer;

}
.noticeboard_viewer .studyhead .backtopage img{
  width: 100%;
  float:left;

}
.noticeboard_viewer .studyhead .viewer_heading{
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #1e3561;
  margin-bottom: 5px;
    line-height: 1;
}
.noticeboard_viewer .studyhead .sub_heading{
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #1e3561;
}
.noticeboard_viewer .viewcontent{
  font-size: 16px;
 text-align: left;
 color: #222222;
 margin-bottom: 15px;
}
.inner_viewer{
  width:100%;
  float:left;
  padding:15px 20px;
}
.inner_viewer .viewer_img, .inner_viewer .viewer_video{
  width:100%;
/*  float:left;
  height: auto;*/
  text-align: center;
}
.inner_viewer .viewer_img img{
  width:80%;
/*  height: 100%;
  float:left;*/
}
.inner_viewer .viewer_video iframe{
  width:100%;
  height: 100%;
  float:left;
}
.oneline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.twoline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.threeline{
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.right_block .scheduled_strip .strip_content .inner_content .arrow__right .expire{
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-align: right;
    size:6 !important;
    font-size:6px !important;
    face:arial;
    color:#08000;
}

.label22 {
    padding-top: 2px;
font-size: 10px;
font-weight: 400;
}
.countdown {
    font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: right;
font-size: 30px;
width: 180px;
}

.countdown > .time{
   padding: 5px;
    border-radius: 8px;
    background: #00BF96;
    display: inline-block;
    text-align: center;
}

.countdown .time > span{
    padding: 6px;
border-radius: 50%;
background: #00816A;
display: inline-block;
font-size: 12px;
font-weight: 400;
}
.outer_container *{
  box-sizing: border-box;
}
.outer_container{
  width:100%;
  height: 100%;
  float:left;
  display: flex;
    justify-content: center;
    align-items: center;
}
.switch_courseOuter{
  width: 360px;
  height: 399px;
  padding: 30px 30px 90px 30px;
  border-radius: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  position: relative;
}
.switch_courseOuter .heading__{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-bottom: 5px;
}
.switch_courseOuter .sub_heading{
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 30px;
}
.select__topics{
  width:100%;
  float: left;
}
.select__topics .sel__button{
  width: 47%;
  /* height: 38px; */
  padding:10px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  float: left;
  margin-right: 15px;
  cursor: pointer;
  transition: 0.2s;

}
.activebtn{
  border: solid 1px #264796 !important;
  background-color: #f6f9ff !important;
}
.exercise_submit{
  position: absolute;
      left: 30px;
      right: 30px;
      bottom: 30px;
}
.exercise_submit .ex_submit_btn{
    padding: 12px;
    border-radius: 10px;
    background-color: #264796;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    outline: none;
    border: 1px solid #264796;
    width: 100%;
    cursor: pointer;
}
.switch_tab {
  margin-top: 20px;
  width:100%;
  float:left;
}
.execerciseWrapper{
  width: auto;
    float: left;
    margin-right: 10px;
}
.execerciseWrapper .checkbox {
    display: none;
    position: relative;
}
.execerciseWrapper .checkbox:checked + label {
    background-color: #264796;
    color: #ffffff;
    border: 1px solid #264796;
    transition: 0.1s ease-in-out;
}
.execerciseWrapper label {
    border-radius: 30px;
    margin-bottom: 0;
    /* opacity: .8; */
    border-radius: 40px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    border-radius: 20px;
    border: solid 1px rgba(85, 142, 248, 0.2);
    background-color: rgba(85, 142, 248, 0.05);
    font-size: 12px;
    font-weight: 600;
    color: #646464;
    user-select: none;
    transition: 0.1s ease-in-out;
}
.seclectCodeId{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.seclectCodeId p{
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}
.switch_tab .search_input{
  width: 100%;
  float: left;
}
.switch_tab .search_input input{
  height: 38px;
 padding: 10px;
 border-radius: 6px;
 background-color: rgba(167, 170, 189, 0.2);
 outline: none;
 border: 1px solid transparent;
 width:100%;
 float:left;
}
.exercise_container{
  width: 100%;
  height:100%;
  float:left;
}
.exercise_container{
  width: 100%;
  height:100%;
  float:left;
  padding: 15px 15px 15px 0;
}
.video_cards{
  width: 25%;
    float: left;
    height: 130px;
    padding-left: 15px;
    margin-bottom: 15px;
}
.video_cards .card__videoinner{
  width:100%;
  height:100%;
  float:left;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
.video_cards .card__videoinner iframe{
  width:100%;
  height:100%;
}
.viewer_count{
  width: auto;
    /* height: 15px; */
    border-radius: 4px;
    background-color: rgba(34, 34, 34, 0.5);
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    right: 5px;
    top: 5px;
}
.inn_er{
      width: 100%;
      height: 100%;
      float: left;
      position: relative;
      padding: 5px 5px 5px 20px;
      line-height: 9px;
}
.viewer_count .show_eye{
  width: 11px;
    height: 7px;
    float: left;
    position: absolute;
    left: 4px;
    top: 6px;
}
.viewer_count .show_eye img{
  width: 100%;
    height: 100%;
    float:left;
}
.bottom_container{
  width: 100%;
    height: 26px;
    padding: 0 10px;
    background-color: rgba(34, 34, 34, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom_container .time__{
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
}
.bottom_container .sub_cod{
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
}
.bottom_container .sub_cod .left_code{
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  padding-right:5px;
  margin-right: 5px;
  position: relative;
}
.bottom_container .sub_cod .left_code:after{
      content: " ";
      position: absolute;
      background: #ffffff;
      height: 2px;
      width: 12px;
      /* bottom: -8px; */
      display: block;
      right: -6px;
      top: 7px;
      transform: rotate(90deg);
}
.exercise_head{
  position: relative;
  float: left;
  padding-left:40px;

}
.exercise_head .img_wrap{
  position: absolute;
    left: -6px;
    top: -4px;
    width: 36px;
    height: 36px;
    padding: 10px;
    cursor: pointer;
}
.exercise_head .img_wrap img{
  width:100%;
  height:100%;
  float:left;
}
.exercise_head .code_que{
  font-size: 20px;
  font-weight: bold;
  color: #1e3561;
  font-weight: normal;
  position: relative;
  margin-right: 10px;
    padding-right: 15px;
}
.exercise_head .code_que:after{
  content:"|";
  position: absolute;
  top: 0;
  right:0;
  font-weight: bold;
}
.image_thumb{
  position: absolute;
  width: 42px;
  height: 42px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  cursor: pointer;
}
.image_thumb img{
  width: 100%;
  height:100%;
  transition: 0.2s;
}
.card__videoinner:hover .image_thumb img{
  transform: scale(1.5);
}
.search_video_option{
  display: inline-block;

}
.search_video_option input{
  width: 175px;
  height: 36px;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(167, 170, 189, 0.2);
  outline: none;
    border: 1px solid transparent;
}
.search_video_option{
  display: inline-block;
  float: right;
}
.search_video_option .content{
  font-size: 12px;
  font-weight: 600;
  color: #1e3561;
}
.search_video_option .vid_yes, .search_video_option .vid_no{
  height: 34px;
  padding: 8px 12px;
  border-radius: 10px;
  background-color: #264796;
  color:#ffffff;
  margin-left:10px;
  cursor:pointer;
}
.search_video_option .vid_no{
  border: solid 1px rgba(85, 142, 248, 0.6);
  background: #ffffff;
  color:#666;
}
.exercise_vid_popup .cntntdv_pass{
  width: 100%;
  margin-top: 30px;
}
.exercise_vid_popup .cntntdv_pass textarea{
  width: 100%;
  resize: none;
  height:auto !important;
}

.choosefile label{
  width: 16px;
  height: 16px;
  float: left;
  display: inline-block;
  margin-right: 10px;
}
.choosefile p{
  margin-top: 10px;
}
.exercise_vid_popup .cntntdv_pass.sub{
  margin-bottom: 0;
    position: absolute;
    left: 30px;
    right: 30px;
    width: auto;
    bottom: 30px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Add Attachment';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  /* border: 1px solid #999; */
  border-radius: 3px;
  /* padding: 5px 8px; */
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #1e3561;
}
.select_sub{
  margin-bottom: 15px;
}

.full_width{
  width:100%;
  float:left;
  margin-right: 5px;
}
.left_align{
  float:left;
}
.d-flex .showchatbox > span{
  margin-right:5px;
}
.d-flex .showchatbox:last-child{
  margin-right:0px;
}

.select2-container--default .select2-selection--single{
  border-radius: 6px;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
 background-color: #ffffff;
 padding: 10px 15px;
 height: auto;
 font-size: 14px;
 font-weight: 600;
 border: 1px solid transparent;
}
.select2-search--dropdown .select2-search__field{
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 3px 15px;
  border-radius: 6px;
  background-color: rgba(167, 170, 189, 0.2);
  border:1px solid transparent !important;
  height: 32px;
}
.select2-results__option{
  padding: 6px 15px;
  user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
  font-weight: 600;
  color: rgba(34, 34, 34, 0.8);
}
.select2-dropdown{
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #264796;
  background-color: #ffffff;
}
.select2-container{
  width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #f6f9ff;
  font-size: 14px;
  font-weight: 600;
  color: #222222;
}
.select2.select2-container--open .selection .select2-selection.select2-selection--single{
  border: solid 1px #264796;
  border-bottom: 1px solid transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: transparent transparent #264796
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 10px;
 right: 10px;
}
.select2-container--default .select2-results > .select2-results__options{
  margin-bottom: 10px;
}
.expired_schedule{
  position: absolute;
    height: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #7151b7; */
    padding:0;
    display: flex;
    justify-content: center;
    word-break: break-word;
    flex-flow: column;
    line-height: 13px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    transition: 0.2s all;
    border-radius: 6px;
}
.expired_schedule .valid_till{
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  display: block;
  margin-top: -5px;
  margin-bottom: 4px;
}
.expired_schedule .valid_time{
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  line-height: 15px;
}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time{
  height: calc(100% - 50px);
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;

}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time .time1{
  font-size: 12px;
  float: left;
  transition: 0.2s all;
}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time .time2{
  font-size: 12px;
  float: left;
  margin-top: 0;
  transition: 0.2s all;
  margin-left:2px;
  color: rgba(0, 0, 0, 0.5);
}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .expired_schedule{
  height: calc(100% + 2px);
}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time_red{
  height: calc(100% - 50px);
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;

}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time_red .time1{
  font-size: 12px;
  float: left;
  transition: 0.2s all;
}
.right_block .scheduled_strip:not(.noHov):hover .left_box .innerbox .time_red .time2{
  font-size: 12px;
  float: left;
  margin-top: 0;
  transition: 0.2s all;
  margin-left:2px;
  color: rgba(255, 0, 0, 0.67);
}
.changePassword_wrap .cntntdv_pass .inpt+span {
  display: none;
  position: absolute;
  left: 10px;
  top: 45px;
  background: #d92929;
  color: #fff;
  padding: 5px;
  z-index: 1;
  font-size: 11px;
  font-weight: 500;
}

.changePassword_wrap .cntntdv_pass .inpt.ng-touched.ng-invalid + span:before {
  content: "\A";
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #d92929;
  position: absolute;
  top: -12px;
  transform: rotateZ(271deg);
  left: 16px;
}

.changePassword_wrap .cntntdv_pass {
  position: relative;
}

.changePassword_wrap .cntntdv_pass .inpt.ng-touched.ng-invalid+span{
    display: block;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/*.middleWrapper .interest_outwrapper:nth-last-child(2) {
    max-height: 70px;
}*/


.notice-sel.notice-sel.notice-sel .interest_outwrapper {
  max-height: 115px;
  overflow: auto;
}
.notice-sel .middleWrapper {
  height: 420px;
}

.lightpick__month-title-bar{
    height: auto!important;
    position: static;
    margin-bottom: 15px;
}

.lightpick__reset-action{
    padding: 7px 10px;
}


.top_tab{
    display: none;
}


.top_welcome.top_tab {
  width: 100%;
  background: #264796;
  color: #fff;
  padding: 8px;
}
.top_welcome.top_tab .wishes.ng-binding {
  display: inline-block;
  /*! font-size: 18px; */
}
.top_welcome.top_tab .cnttt.ng-scope {
  float: left;
  margin-right: 7px;
}
.top_welcome.top_tab .p1.ng-binding {
  font-size: 18px;
}

.top_welcome.top_tab .pull-right {
    float: right;
    display: inline-block;
    margin-top: -42px;
    margin-right: 15px;
}

.pull-right input {
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    padding: 5px;
}


.request_agn {
  border: 1px solid #e8e8e8;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  /*! display: flex; */
  /*! padding-top: 8px; */
  border-radius: 8px;
  border: solid 1px rgba(85, 142, 248, 0.6);
  background-color: rgba(85, 142, 248, 0.1);
}
.request_agn img {
  max-width: 15px;
  vertical-align: middle;
}


.acess_sec h2 {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  background: #fff;
  color: #000;
  padding-bottom: 7px;
}
.acess_sec h4 {
  text-align: center;
  font-weight: 500;
  background: #fff;
  margin-bottom: 10px;
}

.acess_sec .middleWrapper.req_again_wrap {
  border-radius: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  overflow: hidden;
}

.access_middle {
  padding: 10px 10px 7px;
  background-color: rgba(85, 142, 248, 0.1);
  text-align: center;
}
.access_middle p {
  margin-bottom: 5px;
}
.access_middle p span {
  /*color: #558ef8;*/
  color: #666;
}

.acess_sec .crossiconss {
    top: 7px;
}

.middleWrapper .interest_outwrapper:first-child {
    height: 110px;
}

.myscheduler .middleWrapper.req_again_wrap {
    width: 360px;
    /*position: relative;*/
    top: initial;
}

@-moz-document url-prefix() { 
 .myscheduler .middleWrapper.req_again_wrap {
    width: 360px;
    position: relative;
    top: initial;
 }
}


div.viewer_video.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

@media only screen and (max-width:768px){
    .hdrprfl ul li{padding: 0}
    .center_course select{font-size: 12px; padding: 10px}
}

@media only screen and (min-width:1920px){
    header .menu_btn1{
        display: none;
    }
    .cardoutersection .cardgrid{
        width: 20%;
    }
}

/*calendar css*/

.calendar-box {

}

.buttons-container {
  cursor: pointer;
}

.week {
  overflow: hidden;
}

/* weekend */
.week .day:first-child, .week .day:last-child {
  /*color: orange;*/
}

/* sunday */
.week .day:first-child {
  /*color: red;*/
}

.day {
  display: inline-block;
  float: left;
  width: 14.28%;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

.day.disabled span {
  color: #AAA;
}

/* vertical highlight */


.day.selected span {
  /*background: orange;*/
}

.day.today span {
  font-weight: bold;
}

.months-container.hidden, .weeks-container.hidden {
  display: none;
}

.months-wrapper {
  overflow: hidden;
}

.months-wrapper .month {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
  cursor: pointer;
}
.months-wrapper .month.one-third {
  width: 33.33%;
}

.buttons-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 5px;
  /*border-bottom: 1px solid #eee;*/
}

.buttons-container .label-container {
  display: inline-block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.year-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  padding: 5px 20px;
}

.prev-button,
.next-button {
  background: transparent;
  border: none;
  padding: 10px;
  font-size: 22px;
}

.week {
  margin: 5px 0;
}

.week.highlight {
  border-radius: 5px;
}

.week .day.header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 120%;
}

.day span {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-top: 1px;
  line-height: 30px;
  border-radius: 50%;
  vertical-align: middle;
}

.day.today span {
  position: relative;
  display: inline-block;
  font-size: 110%;
}

/* weekend */

/*.day.today span::after {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px solid orange;
  width: 10px;
  height: 1px;
}*/

.day.sunday span {
  color: #ff8a80;
}
.week .day.content span {
  background: #69e8a1;
  color: white;
}
.week .day.selected span {
  background: #1565c0;
  color: white;
}

.week .day[disabled="disabled"] span {
  color: #aaa;
  cursor: not-allowed;
}

.months-wrapper .month span {
  display: inline-block;
  padding: 10px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.special-buttons {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.today-button {
  margin: 0 auto;
  background: transparent;
  border: none;
  padding: 5px;
}

.weeks-container {
    width: 76%;
    margin: 0 auto;
    box-shadow: azure;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    margin-top: 5px;
    padding: 5px 10px;
}

.clearfix{
    clear: both;
}

.middleWrapper.req_again_wrap {
    height: auto;
}

.middleWrapper.req_again_wrap .sub_mit {
    width: 100%;
    float: left;
    padding: 20px;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 16px;
    background: #fff;
}

.middleWrapper.req_again_wrap .sub_mit a {
    color: #558ef8;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.req_access_active img {
    max-width: 100px;
}

.acess_sec.static .req_again_wrap {
    min-height: 395px;
}

.acess_sec.static h4{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #666;
    background: transparent;
}

.req_access_active {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    background: rgba(85, 142, 248, 0.1);
    padding: 46px 0;
}

.req_access_active .access_middle {
    margin-bottom: 20px;
}

.req_access_active img {
    margin-bottom: 20px;
}

.req_access_active .access_middle {
    background: transparent;
}

.calendar-wrapper {
    margin-bottom: 80px;
}


.tips-show {
  position: absolute;
  background: #558ef8;
  color: #fff;
  right: 125px;
  width: 190px;
  border-radius: 10px;
  top: 72px;
  padding: 12px;
  z-index: 5;
  display: none;
}

.tips-show h4, .myscheduler .right_block .right_blockhead .tips-show p {
  color: #fff;
}
.myscheduler .right_block .right_blockhead .tips-show p {
  font-size: 12px;
}
.tips-show h4 {
  font-size: 15px;
  margin-bottom: 5px;
}

.tips-show::before {
    content: "\A";
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #558ef8;
    position: absolute;
    top: -12px;
    transform: rotateZ(271deg);
    right: 16px;
}

.bgblack_inner.acess_sec {
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
   height: 100%;
   margin-left: -330px; 
}

.bgblack_inner.acess_sec.static .sub_mit a {
    text-transform: initial;
}

.sheet-detail-black{
    z-index: 6;
}

.filterss.ask

@media only screen and (max-width:992px){
    .top_tab{
        display: block;
    }
    .myscheduler .right_block {
        width: 100%;
    }
/*    .myscheduler .left_block {
        display: none;
    }*/
    .bgblack_inner .middleWrapper{
        width: 400px;
    }
    .myscheduler .middleWrapper.req_again_wrap{
        height: 400px;
    }
    .myscheduler .left_block{
        position: absolute;
        top: 0;
        z-index: 9;
        background: transparent;
        right: 0;
    }
    .myscheduler .left_block .top_welcome{
        display: none;
    }
    .myscheduler .left_block .fiter_by_tag{
        background: transparent;
        display: none;
    }
    .myscheduler .left_block .fiter_by_tag.show {
        display: block;
    }
    #showCal{
        position: relative;
        z-index: 5;
    }
    .pgnam{
        font-size: 13px;
        margin-top: 15px;
    }
    .notesmainbody .content_strip .notes_topics .subject_btn{
        font-size: 10px;
        line-height: 10px;
    }
    .cardoutersection .cardgrid .cardinner .banner__wrap {
        height: 75px;
    }
     .search_video_option .vid_yes, .search_video_option .vid_no{
        padding: 8px;
    }
    .bgblack_inner.acess_sec{
        margin-left: 0;
    }
}
.reward_earn{
    color:#0DB970;
}
.reward_use{
    /*color:#E21B1B;*/
    color:#FF8C00;
}
.reward_use .reward_p{
    margin-right: 21px;
}
.reward_earn .reward_p{
    margin-right: 21px;
}
.reward_p{
    float: right;
    margin-right: 32px;
}
/*@media only screen and (max-width:768px){
    .cardoutersection .cardgrid .cardinner .banner__wrap {
        height: 75px;
    }
}*/

.sub_password.reward_use .trans_hist {
    float: right;
    color: #264796;
}

.history-pop .forgetpassword_inner {
  width: 600px;
  padding: 20px;
}
.history-pop .forgetpassword_inner .pull-right img {
  max-width: 20px;
}
.history-pop .forgetpassword_inner .pull-right {
  float: right;
  margin-right: 33px;
  vertical-align: top;
  display: inline-block;
  margin-top: -30px;
}

.history-pop .forgetpassword_inner .pull-right span {
    display: inline-block;
    vertical-align: middle;
}

/*.his-body{
    margin-top: 20px;
}*/

.his-body table thead th{
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 5px;
}

.his-body table tbody td{
    padding: 5px;
    text-transform: capitalize;
}

.his-body table{
     border-spacing: 0;
}

.his-head h4 {
  color: #243B6B;
  margin-bottom: 5px;
}
.his-head p {
  color: #243B6BB5;
}
.his-body table th {
  color: #243B6BBA;
}
.his-body table th, .his-body table td {
  font-size: 13px;
}

.his-body .red {
    color: #FF8C00;
}

.his-body .green {
    color: #0DB970;
}

.his-body p {
    font-size: 10px;
}

.his-body {
    max-height: 330px;
    overflow: auto;
}


.right-flter {
  position: relative;
}
.right-flter .drpdown_studentdetail {
  position: absolute;
  z-index: 9999;
}
.right-flter .drpdown_studentdetail {
  position: absolute;
  top: 35px;
  z-index: 9999999;
  opacity: 1;
  color: #000;
  overflow: visible;
  width: 200px;
  /*background: red;*/
  display: inline-block;
  right: 5px;
  max-height: 200px;
}

.right-flter span > span {
    display: inline-block;
    cursor: pointer;
}

.right-flter .drpdown_studentdetail li {
    text-align: left;
    padding: 10px 15px;
}

.right-flter .drpdown_studentdetail li label input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.right-flter .drpdown_studentdetail li label {
  cursor: pointer;
}

.right-flter .drpdown_studentdetail li b {
    color: #243b6b;
}

.month-grey{
    background: #f4f4f4;
    font-weight: 600;
}


.doubt_back{
    cursor: pointer;
}

.nano > .nano-content{
/*    overflow: hidden;*/
}

.insidetest .clndr::before{
    margin-top: 4px;
}

#buttonwrapper {
    position: absolute;
    right: 0px;
    bottom: 50px;
}

#buttonwrapper img {
    max-width: 20px;
    max-height: 20px;
}

.middleWrapper .no-active .inetestWrapper .checkbox:checked + label{
    border: solid 1px rgba(85, 142, 248, 0.2);
    background-color: rgba(85, 142, 248, 0.05);
    font-size: 14px;
    font-weight: 600;
    color: #646464;
}

.zoom-popup#popupclose {
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 999999999;
    float: right;
    background: #ccc;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
}

.zoom-popup#popupclose img {
    margin: auto;
}

.cntntdv.cap div {
    text-align: center;
}

.cntntdv.btn-wrap {
    margin-bottom: 10px;
}

.max-top.pdf-btn img {
    display: inline-block;
    margin-right: 5px;
}

.max-top.pdf-btn b.maxmarks {
    width: auto;
    font-size: 14px;
    font-weight: 400;
    /*color: #6E6E6E;*/
    border-bottom: 1px dashed #3c3b3b;
}

.max-top.pdf-btn b.maxmarks a {
    cursor: pointer;
}

.max-top.pdf-btn {
    overflow: hidden;
    /*border: 1px dashed rgba(8, 8, 8, 0.21);*/
    padding: 0px 5px 5px;
    /*background: rgba(85, 142, 248, 0.1);*/
    border-radius: 4px;
    margin-bottom: 5px;
}
/* Test Report page Design
CHitransh 11May2021*/
.navcb{
    box-shadow: 0px 5px 0px 0px;
    background: #264796;
    float: left;
    width: 100%;
}
.navcb > a{
    width: 46%;
    float: left;
    text-align: center;
    margin-top: 2px;
    color: #fff !important;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    font-weight: 500;
    border: transparent;
    outline: none;
    background: #3d59a2;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin:10px;
}
.navcb.navcb.new-tabs > a {
    width: calc(50% - 55px);
}
.cbfr{ 
    float:right !important;
}
/* END Test Report page Design
CHitransh 11May2021*/

.fullprt {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.fullprtM {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top:5px;
}

.report-box {
    height: 60px;
    clear: both;
    padding-top:5px;
}

/*home work css*/

.table.tab-home {
  text-align: left;
}
.table.tab-home tr th {
  text-transform: capitalize;
}
.table.tab-home tr th, .table.tab-home tr td {
  padding: 18px;
}
.table.tab-home tr td .btn.btn-primary {
  background: #264696;
  color: #fff;
  padding: 7px 12px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  opacity: 1;
  /*pointer-events: none;*/
}

a.dwn-pdf {
    color: #0056b3;
    text-decoration: underline;
    cursor: pointer;
}

span.danger{
    color: #ff215d;
}

span.success{
    color: #27a21e;
}

.table.tab-home tr th, .table.tab-home tr td {
    padding: 18px;
    text-align: left;
}

span.status1 {
    /*font-weight: 600;*/
}

table.table.tab-home tbody tr:hover {
    background: #eeebeb;
}

td.upload {
    position: relative;
}

td.upload input[type=file] {
    position: absolute;
    left: 0;
    z-index: 0;
    /* visibility: hidden; */
    width: 65px;
    top: 8px;
    margin-left: 17px;
}

.table.tab-home .drop-row {
    position: relative;
}

.three-dots img {
    width: 20px;
    position: absolute;
    right: 4px;
    top: 15px;
}
.drop-menu {
  position: absolute;
  display: none;
  min-width: 180px;
  right: 0;
  top: 45px;
  background: #fff;
  padding: 20px;
  z-index: 999;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.drop-menu.active{display: block}
.drop-menu a {
  display: inline-block;
  line-height: 30px;
}

.upload-panel {
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload-panel .middleWrapper {
  min-width: 650px;
  padding: 30px;
  border-top: 10px solid #407bff;
  max-height: 400px;
  overflow-y: auto;
}
.upload-panel .left-part {
  float: left;
  width: 40%;
  text-align:center;
}

.upload-panel .right-part h4 {
    font-size: 20px;
    color: #000;
}


#basic_drop_zone {
    width: 100%;
    border: 2px dashed #ccc;
    /* padding: 55px 0; */
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 30px;
}

.simple-upload-progress {
    margin-top: 10px;
}

.upload-panel .right-part {
    width: 60%;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.upload-panel .buttons-grp{
    margin-bottom: 20px;
}

.buttons-grp .btn {
    padding: 7px 12px;
    border: 1px solid #666;
    border-radius: 4px;
    margin-left: 15px;
}

.buttons-grp .btn.btn-default {
    background: #fff;
}

.buttons-grp .btn.btn-primary {
    background: #407bff;
    color: #fff;
}

.buttons-grp {
    margin-top: 20px;
    text-align: right;
}

#basic {
    position: absolute;
    visibility: hidden;
}

.report-box .fullprt:first-child {
    margin-right: 0;
}

.noti-dialog .middleWrapper {
    top: 10px;
    width: 310;
    height: auto;
    box-shadow: 0 2px 10px -1px rgb(0 0 0 / 18%);
    padding: 20px 30px;
}

.noti-dialog .middleWrapper h3 {
    font-size: 20px;
    color: #264696;
    margin-bottom: 20px;
}

.noti-dialog .middleWrapper p{
    color: #767676;
}

.noti-dialog .middleWrapper h3 {
    font-size: 20px;
    color: #264696;
    font-weight: 500;
}

.noti-dialog .middleWrapper h3 span img {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.noti-dialog .middleWrapper .btn-group {
    width: 100%;
    text-align: right;
    margin-top: 25px;
}

.noti-dialog .middleWrapper .btn-group .btn {
    font-size: 16px;
    border: none;
    padding: 7px 20px;
    border-radius: 4px;
    margin-left: 20px;
}

.noti-dialog .middleWrapper .btn-group .btn.btn-default {
    background: transparent;
    color: #2967F0;
}

.noti-dialog .middleWrapper .btn-group .btn.btn-primary {
    background: #2967F0;
    color: #fff;
}


.one-three {
    width: 33%;
    margin-right: 0;
    float: left;
    margin-top: 0;
}

.status1.active {
    color: #28BC59;
}

.status1.submit {
    /*color: #626060;*/
}
.status1.expire{
    /*color: #DD2121;*/
}

.tab-home a.dwn-pdf {
    color: #3482F2;
    text-decoration: underline;
}

.tab-home .btn.btn-outline {
    border: 1px solid #666;
    padding: 7px 12px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.upload-panel.upload-success .middleWrapper {
    min-width: 300px;
    margin: 0 auto;
}

.upload-success p {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.bgblack_inner.upload-success.upload-panel .buttons-grp {
    text-align: center;
    margin-top: 30px;
}

p.browse {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    /* top: 0; */
    width: 100%;
    left: 0;
    right: 0;
    top: 175px;
    pointer-events: none;
}

p.browse b {
    color: #417afc;
}
.myscheduler .left_block .fiter_by_tag .fitered{
    margin-bottom: 0px!important;
}

.feedBack1 table tr img {
    width: 22px;
}

.feedBack1 table th {
    color: #959595;
    text-transform: capitalize;
    text-align: left;
}

.feedBack1 table td{
    text-align: left;
    font-size: 14px;
    padding-bottom: 10px;
    color: #4E4E4E;
}

.feedBack1 table td img{
    width: 22px;
    vertical-align: middle;
}

.feed-body .rating-icon.star.active {
    color: #264796;
}

.feedback1 td .success{
    color:#0BAF18;
}

.feedback1 td .danger {
    color: #DB2D2D;
}

.feed-form {
    width: 650px;
    margin: 0 auto;
}

.feed-head img {
    max-width: 80%;
    margin-bottom: 20px;
}

.head-body, .feed-body {
    box-shadow: 0 2px 4px #00000026;
    padding: 20px;
    border-radius: 4px;
    border-top: 8px solid #264696;
}

.feed-body{border: none; margin-top: 20px}

.feed-body h4 {
    font-weight: 500;
}

.feed-body form {
    /*width: 70%;*/
    margin-top: 20px;
}

.feed-body form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0 0;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    min-height: 20px;
    /*max-height: 100%;*/
}
.feed-body form input[type=text] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0 0;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    min-height: 35px;
    /*max-height: 100%;*/
}
.feed-body form p input[type=text] {
    width: auto !important;
}

.live{
    margin-bottom: 20px;
}

.feed-body p {
    margin-bottom: 4px;
}
/*.clt {
    width: 105px;
    display: inline-block;
}*/

.feed-body label input[type="radio"], .feed-body label input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 6px;
}

.btn-group {
    margin-top: 20px;
    width: 100%;
    text-align: right;
}

.btn-group .btn.btn-primary {
    background: #264796;
    color: #fff;
    border: none;
    padding: 7px 15px;
    border-radius: 4px;
    cursor: pointer;
}

.cel-popup {
    position: absolute;
    width: 550px;
    margin: 0 auto;
    color: #fff;
    left: calc(50% - 275px);
    top: 35%;
    background: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    height: 220px;
    border-top: 10px solid #0E68E0;
    z-index: 9;
}

.cel-popup .cel-left, .cel-popup .cel-right {
    float: left;
    width: 50%;
}

.cel-popup .cel-left img {
    width: 100%;
}

.cel-right {
    color: #00000091;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.one-three img {
    margin-bottom: 5px;
}

.one-three .max-top.pdf-btn{
    padding: 0px 0px 5px;
    text-align: center;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cel-right h4 {
    opacity: 1;
    color: #000000b3;
    margin-bottom: 15px;
    font-size: 18px;
}

.feedBack1 {
    padding: 10px;
    padding-top: 15px;
    height: 100%;
    overflow-y: auto;
    /*padding-bottom: 100px;*/
}

.complete {
    background: #F5F7F7;
}

.feedBack1 .notesmainbody {
    padding-bottom: 50px;
}

.inline-check label {
    vertical-align: super;
    display: flex;
    flex-direction: column;
    width: 50px;
    float: left;
    align-items: center;
}

.inline-check label input {
    margin-top: 3px;
}

.inline-check {
    height: auto;
    overflow: hidden;
}

.inline-check p span {
    float: left;
    margin-top: 15px;
}

.feed-head {
    text-align: center;
}

.feed-head .head-body {
    text-align: left;
    overflow: hidden;
    height: auto;
}
.head-left {
    width: 50%;
    float: left;
    display: flex;
    align-items: end;
}
.user-des {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 20px;
}
.head-left img {
    width: 112px;
    border-radius: 4px;
    float: left;
    vertical-align: bottom;
    margin-right: 10px;
}
.head-right p span {
    color: #888;
    display: inline-block;
    width: 115px;
}

.user-des p{color: #888}
.head-right {
    float: left;
}
.head-right p {
    margin-bottom: 15px;
    color: #000;
}

.user-des h4 {
    color: #000;
    font-weight: 500;
    padding-bottom: 5px;
}

.feedBack1 table tr {
    cursor: pointer;
}

.feed-body .inline-check label input {
    margin-right: 0;
}


/*term and condition popup css*/
.term-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #00000094;
    z-index: 99;
    di\': ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trem-pop {
    width: 750px;
    background: #fff;
    padding: 55px 75px;
    box-shadow: 1px 1px 1px #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-flow: column;
}
.trem-pop p {
    margin-bottom: 30px;
    line-height: 20px;
    font-weight: 600;
}
.trem-pop p b {
    font-size: 22px;
    margin-bottom: 20px;
    display: inline-block;
    color: #264796;
}
.trem-pop ul li {
    line-height: 22px;
    margin-bottom: 15px;
    display: inline-block;
}
.trem-pop .btn-group {
    text-align: center;
    margin-top: 20px;
    clear: both;
}
.trem-pop .btn-group .btn{
    margin-top: 20px;
    padding: 12px 22px;
}
.trem-pop ul li span {
    display: inline-block;
    width: 24px;
    float: left;
}
.trem-pop ul li label {
    display: inline-block;
    width: 90%;
    float: left;
    margin-bottom: 8px;
}
a.dwn-pdf {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.tab-home tr .no-data.no-data {
    text-align: center;
}
.tab-home tr .no-data img {
    width: 275px;
    margin-top: 50px;
}
.tab-home tr.no-wrap:hover{background: transparent!important}

.video-wrap {
    cursor:pointer;
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding: 12px;
}


.video-wrapa{
    
    float: left;
width: 25%;
overflow: hidden;
position: relative;
text-align: center;
box-sizing: border-box;
padding: 12px;
}

.video-wrap span {
    position: absolute;
    left: calc(50% - 12px);
    display: block;
    top: calc(50% - 26px);
}
.video-wrap span img {
    width: 30px;
}
.video-wrap img {
    width: 100%;
}
.video-wrap .two-class {
    position: relative;
}
.video-wrap span.timer {
    left: auto;
    right: 15px;
    top: auto;
    bottom: 41px;
    color: #fff;
    background: #000;
    padding: 2px 5px;
    opacity: .9;
    border-radius: 3px;
    font-size: 12px;
}

.video-wrap > img {
    border: 1px solid #c8c5c5;
}
.two-class{text-align: left}

.myscheduler .left_block .fiter_by_tag {
    margin-top: 0;
}

#audioTag, #audioTag1 {
    position: absolute;
    visibility: hidden;
}

.audio-row p.fileName .animate {
    float: none;
    width: auto;
    display: inline-block;
    margin-left: 10px;
}

.audio-row p.fileName span.animate img {
    width: 250px !important;
    float: left;
}

.audio-row p.fileName > img {
    width: 25px !important;
    cursor: pointer;
}

.filterss.ask.ask-reply {
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: -27px;
    padding-right: 0;
    position: absolute;
    right: 10px;
    top: 30px;
}

.filterss.ask.ask-reply .btn {
    border: 1px solid #3582f5;
    background: transparent;
    border-radius: 4px;
    height: 36px;
    padding: 0 30px;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
}

.filterss.ask.ask-reply .btn.btn-primary{
    background: #3582f5;
    color: #fff;
}

.dur-wrap {
    position: absolute;
    bottom: 43px;
    margin: 30px 0 30px;
        margin-left: 0px;
    margin-left: 0px;
    width: 65%;
    margin-left: 20%;
    left: 0;
    text-align: left !important;
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    font-size: 10px;
}

.digitalNotes .studyhead h2 .doubt_back {
    margin-right: 10px;
}

@-moz-document url-prefix() { 
.trem-pop {
    display: block;
}
}

@media(max-width: 1650px){
    .inrbx {
        margin: 15px;
    }
    .max-top.pdf-btn b.maxmarks{
        font-size: 12px;
    }
}
@media(max-width: 1366px){
    .max-top.pdf-btn b.maxmarks {
        font-size: 13px;
    }
    .inrbx {
        margin: 15px;
    }
    .max-top.pdf-btn img {
        width: 15px!important;
        margin-right: 4px;
    }
    .rprtinr .box{
        height: 420px;
    }
}

@media(max-width: 1200px){
    .inrbx {
        margin: 12px;
    }
    .max-top.pdf-btn img{
        width: 13px !important;
    }
    .max-top.pdf-btn b.maxmarks {
        font-size: 10px;
    }
    .rprtinr .box{
        height: 430px;
    }
}

@media(max-width: 800px){
    .inrbx {
        margin: 8px 12px;
    }
    .max-top.pdf-btn b.maxmarks {
        font-size: 12px;
    }
    .trem-pop{
        width: 75%;
    }
}

@media (min-width: 1650px){
    .feed-form{
        width: 800px;
    }
    .myscheduler .left_block .fiter_by_tag {
        margin-top: 30px;
    }
    .head-right p span{
        width: 120px;
    }
}
.Note_class{
    font-weight: 500;
    margin: 5px;
}

.Note_class span{
    color:red;
}
.uploaded-bg{
    background: #E8E8E8;
    color: green;
}
.expiredWork{
    color: red;
}
.checkedWork{
    color: orange;
}
.congpopback{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000d6;
    align-content: center;
    margin-top: 65px;
}
.congpop{
    background: url("../image/congratulations.png"); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200% 250%;
    height: 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 344px !important;
    margin: 0 auto;
    top: 26% !important;
    padding: 20px !important;
}

.congpop h3{
    text-align: center;
    margin-bottom: 70px;
    font-size: 18px; 
}

.congpop p {
    font-size: 14px;
}

.congpop p:first-child {
    text-align: center;
    margin-bottom: 20px;
}
.star_button{
    color:lightblue;
    cursor: pointer;
}

.mandetory_question{
    color:red;
}

.videos-wrapper{
    min-height: 100%;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
}
.pop-video.ng-scope {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0000003d;
    text-align: center;
    padding-top: 116px;
    display: none;
    justify-content: center;
    align-items: center;
    
}
.vid-wrap {
    position: relative;
}
.vid-wrap span.close {
    top: 10px;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.video-wrap .two-class{
    margin-top: 5px;
}

span.src-sol {
    position: relative;
}
span.src-sol img {
    position: absolute;
    width: 17px;
    top: 8px;
    left: 10px;
}

#serchSol {
    background: #fff;
    border: 1px solid #6666!important;
    border: none;
    padding: 7px 38px;
    border-radius: 3px;
    width: 270px;
}

#serchSol:focus{
    border: 1px solid #709ef5!important;
}

#serchSol::-webkit-input-placeholder { /* WebKit browsers */ color: #666; }
#serchSol:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
#serchSol::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; }
#serchSol:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; }

@media(min-width: 1650px){
    .testpage .box{
            min-height: 290px;
    }
}

/* digital material color classes */
/* #33bd85 */
.blue_clr_33bd85 {
  background-color: #ebfff7;
}
.blue_clr_33bd85{
  background-color: #33bd85;
  color: #ffffff;
}
.lightblue_clr_33bd85{
  background-color: #d9f3e8;
  color: #33bd85;
}
/* #b492fe */
.blue_clr_b492fe{
  background-color: b492fe;
  color: #ffffff;
}
.lightblue_clr_b492fe{
  background-color: f1ebff;
  color: #b492fe;
}
/* #f37e94 */

.blue_clr_f37e94{
  background-color: #f37e94;
  color: #ffffff;
}
.lightblue_clr_f37e94{
  background-color: fde7e8;
  color: #f37e94;
}
/* #f85d30 */
.blue_clr_f85d30{
  background-color: #f85d30;
  color: #ffffff;
}
.lightblue_clr_f85d30{
  background-color: rgba(248, 93, 48, 0.1);
  color: #f85d30;
}
/* #4f8cdd */

.blue_clr_4f8cdd{
  background-color: #4f8cdd;
  color: #ffffff;
}
.lightblue_clr_4f8cdd{
   background-color: #deeaf9;
  color: #4f8cdd;
}
.blue_clr_{
  background-color: #4f8cdd;
  color: #ffffff;
}
.lightblue_clr_{
   background-color: rgba(85, 142, 248, 0.1);
  color: #264796;
}

.broadcast-wrap .doubt_content .doubt_chips .d_chips {
    background: transparent;
    color: #1e3461 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.broadcast-wrap.broadcast-wrap .card_inner .doubt_content .doubt_date{
    font-size: 10px;
    color: #7986a0;
    font-weight: 500;
    margin-left: 12px;
}

.broadcast-wrap.broadcast-wrap .card_inner .doubt_content .doubt_chips{
    margin-bottom: 0;
}

.broadcast-wrap.broadcast-wrap .card_inner .doubt_heading .dbt_heading {
    font-size: 12px;
    font-weight: 400;
    color: #1e3461;
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
    line-height: 23px;
}

.new-pdf img {
    width: 36px;
}

.broadcast-wrap .card_inner .doubt_heading {
    padding-left: 20px;
}


/*myNotes css*/
.my-notes tr td{font-size: 12px; color: #525050;}
.my-notes tr th{color: #676767; font-size: 12px}
.my-notes .btn{
    border-radius: 21px;
    font-size: 13px;
    opacity: 0.8;
    padding: 5px;
    text-align: center;
    min-width: 120px;
    display: inline-block;
}

.my-notes .btn-warning {
    background: #f15e7a;
    color: #fff;
}

.my-notes .btn-success {
    background: #00ad67;
    color: #fff;
}

.my-notes .btn-purple {
    background: #a277fe;
    color: #fff;
}

.my-notes .btn-blue {
    background: #2470d5;
    color: #fff;
}
.my-notes .btn-warning-light {
    background: #f15e7a24;
    color: #f15e7a;
    min-width: auto;
    padding: 5px 10px;
}

.my-notes .btn-success-light {
    background: #00ad671f;
    color: #00ad67;
    min-width: auto;
    padding: 5px 10px;
}

.my-notes .btn-purple-light {
    background: #a277fe1f;
    color: #a277fe;
    min-width: auto;
    padding: 5px 10px;
}

.my-notes .btn-blue-light {
    background: #2470d524;
    color: #2470d5;
    min-width: auto;
    padding: 5px 10px;
}

.my-notes tr td a:not(.btn) {
    color: #3481f3;
}

.my-notes .w100 {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    border: solid 1px #f0f0f0;
}
.my-notes .w100 .btn-primary {
    background: #264696;
    color: #fff;
    border-radius: 4px;
    border: none;
}

.my-notes tr td a:not(.btn) img {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.my-notes .w100 .btn-primary img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my-notes .table.tab-home tr th, .my-notes .table.tab-home tr td{
    padding: 10px;
}

.notes-pop .note-left {
    width: 35%;
    float: left;
}

.notes-pop .note-right {
    width: 65%;
    float: left;
}

.notes-pop .note-left img {
    max-width: 100%;
}

.middleWrapper.req_again_wrap.notes-pop {
    padding: 20px;
    /*height: 224px;*/
    width: 650px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border-top: 12px solid #12bf41;
}

.notes-pop .frm-blue{font-weight: 400}

.notes-pop .note-right input {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 10px;
    color: #6a6e73;
    height: 25px;
    box-sizing: border-box;
}
.notes-pop .note-right .form-row {
    margin: 15px 0;
}
.notes-pop .note-right {
    padding: 0px 0px 0px 20px;
}

.notes-pop .note-right select {
    width: 65%;
    background: #fff;
    height: 25px;
    border-radius: 4px;
    border: solid 1px #aaa;
}

.notes-pop .note-right .form-row label {
    width: 120px;
    display: inline-block;
    color: #323232;
    font-size: 16px;
    float: left;
}

.frm-blue {
    font-size: 16px;
    color: #264696;
    font-weight: 500;
}

.file-group {
    position: relative;
    float: right;
    margin-top: -15px;
}

.file-group span {
    position: absolute;
    left: 0;
    background: #fff;
    height: 25px;
    display: inline-block;
    top: 0;
}

.file-group span small {
    font-size: 8px;
}

.file-group a {
    font-size: 11px;
    color: #3483f5;
    margin-right: 10px;
}

.editPopup .w-100{
    display: block;
    width: 100%;
    clear: both;
    float: none;
}

.editPopup .middleWrapper.req_again_wrap.notes-pop.no-pop{
    display: block;
    padding-top: 10px;
    width: 550px;
}

.editPopup .w-100 th {
    border-bottom: 1px solid #f0f0f0;
}

.editPopup .no-pop button.btn {
    padding: 7px 15px;
    background: transparent;
    border-radius: 4px;
    width: auto;
    min-width: auto;
    color: #505050;
    border: 1px solid #707070;
    font-size: 12px;
    margin-left: 20px;
}

.editPopup .no-pop button.btn-primary {
    background: #3481f3;
    color: #fff;
    border-color: #3481f3;
    /*padding: 5px 15px;*/
}

.editPopup .no-pop button.btn img {
    width: 15px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
 
.editPopup .btn-group {
    text-align: right;
}

.editPopup .w-100 td {
    padding: 7px;
    font-size: 12px;
    color: #505050;
}

.editPopup .w-100 th{
    padding: 7px;    
}

/*.my-notes .tab-home .btn.btn-outline {
    width: auto;
    min-width: 78px;
    border: 1px solid #264696;
}*/

.my-notes .tab-home .btn.btn-outline img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.my-notes .tab-home .btn.btn-outline {
    width: auto;
    min-width: 78px;
    border: 1px solid #264696;
    padding: 7px 13px;
}

.my-notes .tab-home .btn.btn-primary{
    border-color: #264696;
    background: #264696;
}

.notes-pop .note-right .form-row label + .width100{
    display: inline-block;
    width: calc(100% - 120px);
}

.notes-pop .note-right .form-row label + .width100 {
    width: calc(100% - 120px);
    margin-top: -7px;
}
.notes-pop .note-right .form-row label + .width100 table{
    width: 100%;
}

.note-right h3 {
    border-bottom: 1px solid #5c5c5c;
    padding-bottom: 12px;
}

.my-notes .btn img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.my-notes .btn-group .btn.btn-primary{
    background: #1473e6;
    opacity: 1;
    color:#fff;
    margin-right: 40px;
}

.my-notes .btn-group .btn{
    border: 1px solid #707070;
    color: #505050;
}

.my-notes .btn.btn-outline{
    border-radius: 4px;
    min-width: auto;
    width: auto;
    font-weight: 500;
    color: #505050;
    background: transparent;
    border-bottom: 1px solid #707070;    
}

.notes-pop .note-right .form-row .btn {
    padding: 8px 12px;
    min-width: auto;
    margin-left: 20px;
}

.notes-pop .note-right .form-row.btn-group{
    margin-top: 30px;
}
.my-notes .width100 tr td {
    font-size: 11px;
    color: #363636;
    word-wrap: anywhere;
}

.my-notes .filterss {
    box-sizing: border-box;
}

.my-notes .table.tab-home tr th {
    height: 50px;
}

.my-notes .width100 tr td img {
    width: 15px;
}
.image_popup .popupinr.broad-pop {
    width: 300px;
    background: #fff;
    display: block;
    height: auto;
    position: relative;
    min-height: 180px;
    height: auto;
    padding: 40px;
    text-align: left;
    font-weight: 400;
    line-height: 20px;
    max-height: 240px;
    overflow: auto;
    margin-top: 50px;
}

.popupinr.broad-pop .closepopup img {
    right: 0;
    float: right;
    margin: -28px;
}

.text-limit {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
/*    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}

.broadcast-wrap.broadcast-wrap .card_inner .doubt_heading .dbt_heading a {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
}

.my-mentor .d_chips.chips_blue {
    background: transparent;
    color: #1e3461 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.my-mentor .card_wrap .card_inner .doubt_heading{
    padding: 10px 5px 10px 20px;
    padding-right: 50px;
}

.my-mentor .card_wrap .card_inner .doubt_content .doubt_date{
    margin-left: 10px;
}

.my-mentor .card_wrap .card_inner .doubt_content .view_solution{
    margin-left: 10px;
}
.d-flex .img_cont_img{
  height: 44px;
    width: 44px;
/*    bottom: 2px;
    position: absolute;*/
    border: solid 2px #ffffff;
    border-radius: 50%;
}
.d-flex .img_cont_img .rounded-circle{
  border-radius: 50%;
}
.d-flex .img_cont_img .user_img_msg{
    height: 100%;
    width: 100%;
    float: left;
}

.select_sub.subject .select2-selection__arrow b, .select_sub.topic  .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
}

.filterss.ask {
    margin-left: auto;
    width: auto;
    margin-right: 20px;
    padding: 10px 20px 10px 30px;
}

.upload-wrap {
    padding: 100px 20px;
}

.ask-title {
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    color: #1e3461;
    width: 40%;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 80px;
}

.ast-row {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.single-row {
    width: 25%;
    float: left;
    text-align: center;
    padding: 20px;
    cursor: pointer;
}

.single-row img {
    height: 180px;
}

.single-row p {
    font-size: 14px;
    color: #1e3461;
    margin-top: 20px;
    text-align: center;
}

.filterss.ask img {
    width: 10px;
    height: auto;
}

.ask-qus .bgblack_inner.acess_sec {
    position: absolute;
    left: 50%;
    top: 10%;
    width: 500px;
}

.ask-qus .middleWrapper.req_again_wrap {
    border-radius: 4px;
    border-top: 12px solid #0e68e0;
    padding: 20px;
}

.ask-qus .middleWrapper.req_again_wrap h2 {
    text-align: center;
    color: #264696;
    padding-left: 0;
}

.ask-qus .middleWrapper.req_again_wrap h2 {
    /*text-align: left;*/
    color: #264696;
    padding-left: 0;
    padding-top: 0;
    font-size: 14px;
}

.ask-qus .middleWrapper.req_again_wrap textarea {
    width: 100%;
    resize: none;
    padding: 15px;
    margin-bottom: 20px;
}

.ask-qus .middleWrapper.req_again_wrap h2 span {
    display: inline-block;
    border-bottom: 1px solid #264696;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.ask-qus .middleWrapper.req_again_wrap .sub_mit {
    margin-top: 20px;
    position: relative;
    text-align: right;
}

.ask-qus .sub_mit .btn {
    margin-right: 20px;
    padding: 5px 12px;
    font-size: 12px!important;
    color: #505050!important;
    border-radius: 4px;
    text-transform: capitalize!important;
}

.sub_mit .btn.btn-primary {
    background: #1473e6;
    color: #fff!important;
    border: 1px solid #1473e6;
}

.ask-qus .sub_mit .btn.btn-outline {
    border: 1px solid #707070;
}

.ask-qus .uploaded-img{
    width: 200px;
    margin: 0 auto;
}

.ask-qus .bgblack_inner.acess_sec.audio-pop .middleWrapper {
    width: 450px;
}

.ask-qus .w100 {
    text-align: center;
    margin-bottom: 10px;
}

.audio-row .mid-part p {
    font-size: 13px;
    color: #323232;
    margin-top: 10px;
}

.audio-row {
    margin: 40px 0 40px;
    height: 100px;
}

.audio-pop .middleWrapper.req_again_wrap .sub_mit {
    margin-top: 50px;
}

.mid-part {
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
}

.mid-part img {
    height: 70px;
}


.ast-row.ask-men {
    text-align: center;
    display: flex;
    justify-content: center;
}

.audio-play{
    text-align: center;
}

.audio-play img{width: 65px; margin: 20px auto}
.audio-play p img {
    width: 20px;
    margin-left: 20px;
}

.audio-play p span {
    display: inline-block;
    vertical-align: middle;
}

.reply-box {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 100%;
    background: #f6f6f6;
    padding: 20px 0;
}

.reply-box span {
    display: inline-block;
}

.reply-box span img {
    margin-right: 10px;
    vertical-align: middle;
    width: 30px;
}

.reply-box input {
    border: 1px solid #707070;
    border-radius: 40px;
    height: 40px;
    font-size: 12px;
    padding: 10px;
    padding-left: 30px;
    width: 80%;
    background: transparent;
}

.reply-box button {
    display: inline-block;
    background: #264796;
    color: #fff;
    font-size: 12px;
    padding: 10px 25px;
    border-radius: 20px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
    border-color: #264796;
    cursor: pointer;
}

.audio-row .full-part {
    text-align: center;
}

.audio-row .full-part img {
    /*position: absolute;*/
    top: 90px;
    width: 100px;
    left: calc(50% - 50px);
    pointer-events: none;
}

.audio-row p {
    text-align: center;
}

.audio-row p.fileName {
    text-align: left;
    height: 30px;
    margin: 30px 0 30px;
    width: 66%;
    margin-left: 20%;
}

.audio-row p.fileName span {
    float: right;
    width: 20px;
}

.audio-row p.fileName span img {
    width: 20px!important;
    display: inline-block;
}

.audio-row .full-part .ff_fileupload_wrap .ff_fileupload_dropzone_wrap {
    border: none;
    opacity: 0;
}

.audio-row .full-part > p {
    position: absolute;
    top: 190px;
    left: 0;
    right: 0;
    pointer-events: none;
    color: #7c7c7c;
}

.ask-qus .middleWrapper.req_again_wrap.audo-pop img {
/*    width: 45px;
    top: 60px;*/
}

.audo-pop .audio-row * {
    box-sizing: content-box;
}

.ask-qus .middleWrapper.req_again_wrap.audo-pop h2 {
    text-align: center;
}

.ask-qus .middleWrapper.req_again_wrap.audo-pop .sub_mit{
    margin-top: 0;
}

.upl-audio {
    color: #3483f5;
    text-decoration: underline;
    cursor: pointer;
}

.duration-ask {
    position: absolute;
    bottom: 73px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    font-size: 11px;
    padding: 0 35px;
}

.pause-img {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
}

@media (max-width: 1400px){
    .reply-box input{width:70%}
}

@media (max-width: 1280px){
    .single-row img {
        height: 150px;
    }
}

@media (max-width: 992px){
    .ask-title{width: 90%}
    .single-row{width: 50%}
}

.first-mid {
    width: 60%;
    float: left;
}

.sec-mid {
    width: 40%;
    float: left;
}

.notes-pop.notes-pop table tr th, .notes-pop.notes-pop table tr td label{
    font-size: 12px;
}

.notes-pop.notes-pop table tr th label {
    font-size: 13px!important;
    color: #666;
    font-weight: 500;
    text-align: left;
}

 
.reportcards .comparetr.tablehead div {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}

.reportcards .Report_heading {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.reportcards .scrlSctn{
    top:102px;
}

.reportcards .tablehead{
    line-height: 50px;
    height: 50px;
}

.reportcards .tablehead div{
    line-height: 50px;
}
 

.reportcards .comparetr div{ 
    height: 50px;
    line-height: 50px;
}

.comparetr .prflimg {
    vertical-align: middle;
    margin-top: -3px;
}

.reportcards .prflimg {
    width: 35px;
    height: 35px;
}

.reportcards .testnameonrprt {
    margin-top: 10px;
    border-bottom: none;
}

 
.quest-pop .middleWrapper.req_again_wrap .quest-right h2 {
    font-size: 16px;
    color: #5c5c5c;
    padding-bottom: 10px;
    border-bottom: 1px solid #5c5c5c;
    padding-bottom: 7px;
    margin-bottom: 15px;
    text-align: center;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right table {
    width: 100%;
    margin-bottom: 20px;
}

.quest-pop .middleWrapper.req_again_wrap .quest-left {
    width: 45%;
    float: left;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}

.quest-pop .middleWrapper.req_again_wrap .quest-left img {
    width: 90%;
    margin-top: 10px;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right {
    width: 55%;
    float: left;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right td {
    font-size: 14px;
    color: #323232;
    padding: 5px;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right td b{
    color: #264696;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right p{
    font-size: 13px;
    color: #264696;
    margin-bottom: 10px;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right p b{
    font-weight: 500;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right p span{
    font-weight: 500;
}

.quest-pop .middleWrapper.req_again_wrap .quest-right p i{
    font-style: italic;
    color: #264696;
}

.quest-pop .sub_mit p {
    /*float: right;*/
    font-size: 14px;
    color: #323232;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.quest-pop .sub_mit .btn{
    margin-right: 10px;
}

.quest-pop .middleWrapper.req_again_wrap {
    width: 650px;
}

.quest-pop .sub_mit .btn.btn-primary {
    margin-right: 50px;
}

.quest-pop .middleWrapper.req_again_wrap .sub_mit {
    margin-top: 0;
    position: relative;
    text-align: right;
    padding-top: 0;
    margin-bottom: 10px;
}

#chatScroll + .reply-box input{
    width: 70%;
}

@media (max-width: 1450px){
    #chatScroll + .reply-box input{
        width: 64%;
    }
}

@media (max-width: 1366px){
    .ask-qus .bgblack_inner.acess_sec{
        top: 5%;
    }
}
 
 
.middleWrapper.req_again_wrap.notes-pop.your-notes h3 {
    font-size: 22px;
    font-weight: 500;
    color: #5c5c5c;
}

.middleWrapper.req_again_wrap.notes-pop.your-notes {
    width: 850px;
}

.notes-pop.notes-pop.your-notes .form-row tr th label {
    color: #909090;
    font-size: 16px!important;
}

.notes-pop.your-notes button:not(.btn), .my-notes .width100 tr td button:not(.btn) {
    background: transparent;
    border: none;
}

.my-notes .your-notes .width100 tr td {
    font-size: 16px;
    padding: 10px;
}

.notes-pop.your-notes .note-right .form-row label{
    color: #264696;
    font-size: 14px;
}

.my-notes.your-notes .width100 tr td img {
    width: 18px;
}

.notes-pop.your-notes .note-right .form-row .btn {
    min-width: 120px;
    font-size: 15px;
    margin-top: 10px;
}

.notes-pop.your-notes .note-right .form-row > label {
    color: #323232;
}

.notes-pop .note-right .form-row table label {
    width: auto;
}

.my-notes.your-notes .btn-group .btn.btn-primary{
    border-color: #1473e6;
}

.notes-pop.your-notes .note-right{
    padding: 0;
}

.notes-pop.your-notes table{
    width: 100%;
    /*margin-top: 30px;*/
}

.your-notes .sec-mid{
    margin-bottom: 15px;
}

.notes-pop .note-right .form-row label{width: 100px}

.my-notes .table.tab-home tr td .btn.btn-primary{
    padding: 7px 10px;
}

.ask-chat .card_wrap .card_inner .doubt_heading .dbt_heading {
  -webkit-line-clamp: none;
  overflow: visible;
  display: block;
}
.ask-chat .card_wrap .card_inner .doubt_heading {
  height: auto;
}

.middleWrapper.req_again_wrap.notes-pop.your-notes .width100, .middleWrapper.req_again_wrap.notes-pop .width100{
    height: auto;
    min-height: 100px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    display: block;
}

.your-notes .sec-mid {
    margin-bottom: 20px;
}

.middleWrapper.req_again_wrap.notes-pop.your-notes .width100 table .thead {
    position: sticky;
    top: 0;
    background: #fff;
}

.my-notes .btn-group .btn.btn-primary{
    border-color: #1473e5;
}

.image-audio .select2.select2-container {
    margin-top: 20px;
}

/*left menu css*/


.leftmenu_outr.new-menu {
  padding-top: 10px;
  max-height: 85%;
  overflow: hidden;
  overflow-y: auto;
}

.leftmenu_outr.new-menu ul li {
  padding: 0;
  width: 100%;
}

.leftmenu_outr.new-menu ul li a {
  padding: 12px 10px;
  display: inline-block;
  font-size: 13px;
  color: #324862;
  box-sizing: border-box;
  width: 100%;
  padding-left: 40px;
  position: relative;
  font-weight: 500;
}

.leftmenu_outr.new-menu ul li a .left-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../image/left-menu.png') 0 0 no-repeat;
    background-position: 0 0 bottom;
    position: absolute;
    left: 10px;
    top: 10px;
    background-size: 241px;
}

.leftmenu_outr.new-menu ul li a .left-icon.rating-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../image/star-blue.png') 0 0 no-repeat;
    background-size: 20px;
    /*background-position: 0 0 bottom;*/
}

.leftmenu_outr.new-menu ul li a .left-icon.suraya-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../image/surya.png') 0 0 no-repeat;
    background-size: 20px;
    /*background-position: 0 0 bottom;*/
}

.leftmenu_outr.new-menu ul li a .left-icon.suraya-icon.covid-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../image/vaccinated.png') 0 0 no-repeat;
    background-size: 20px;
    /*background-position: 0 0 bottom;*/
}

.leftmenu_outr.new-menu ul li a .left-icon.testi-icon {
    background-position: -73px 0px;
}
.leftmenu_outr.new-menu ul li a .left-icon.quiz-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../image/quiz-icon.png') 0 0 no-repeat;
    background-size: 20px;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.quiz-icon{
    background: url('../image/quiz-icon-fill.png') 0 0 no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 20px;
}
.leftmenu_outr.new-menu ul li a.active .left-icon.testi-icon {
    background-position: -73px 0px;
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a.active .left-icon.tpr-icon {
    background-position: 0 0;
    background-image: url('../image/pie-chart-fill.png');
}

.leftmenu_outr.new-menu ul li a .left-icon.tpr-icon {
    background-position: 0 0;
    background-image: url('../image/pie-chart-blue.png');
    background-size: 20px;
}

.leftmenu_outr.new-menu ul li a .left-icon.digi-icon {
    background-position: -37px 0;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.digi-icon {
    background-position: -37px 0;
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a .left-icon.doubt-icon {
    background-position: -110px 0;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.doubt-icon {
    background-position: -110px 0;
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a .left-icon.not-icon {
    background-position: -148px 0;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.not-icon {
    background-position: -148px 0;
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a .left-icon.feed-icon {
    background-position: -186px 0;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.feed-icon {
    background-position: -186px 0;
     background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a .left-icon.assets-icon {
    background-position: -223px 0;
}

.leftmenu_outr.new-menu ul li a.active .left-icon.assets-icon {
    background-position: -223px 0;
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li a.active .left-icon.sch-icon{
    background-image: url('../image/left-menu-hover.png');
}

.leftmenu_outr.new-menu ul li.dropdown a::after {
    background: url('../image/right-arrow.png');
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    background-size: 20px;
}

.leftmenu_outr.new-menu ul li.dropdown a.active::after{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.leftmenu_outr.new-menu > ul > li > a.active {
    background: #264696;
    color: #fff;
}

/*.leftmenu_outr.new-menu ul li.dropdown a.active::after{
    background: url('../image/right-arrow-hover.png');
}*/

.leftmenu_outr.new-menu ul li.dropdown ul li a:after {
  display: none;
}

.leftmenu_outr.new-menu ul li.dropdown ul, .leftmenu_outr.new-menu ul li.dropdown a.active  {
  background: #264696;
  color: #fff;
}

.leftmenu_outr.new-menu ul li.dropdown ul a {
  color: #fff;
}

.leftmenu_outr.new-menu ul li.dropdown ul li a {
  width: 70%;
  margin-left: 15%;
  padding: 5px 10px;
}

.leftmenu_outr.new-menu ul li.dropdown a.active {
    background: #264696;
}

.leftmenu_outr.new-menu ul li.dropdown ul li a.active {
    background: #486bc4;
    border-radius: 4px;
    padding-left: 10px;
}

.leftmenu_outr.new-menu ul li.dropdown a.active::after {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.leftmenu_outr.new-menu ul li.dropdown a.active + ul{
    display: block;
}
.leftmenu_outr.new-menu ul li.dropdown ul {
    display: none;
    width: 100%;
    transition: all .450s ease-out;
}

.leftmenu_outr.new-menu ul li.dropdown ul{
    padding-bottom: 10px;
}

.doubt-tabs span {
    display: inline-block;
    font-size: 16px;
    color: #536ea0;
    font-weight: 500;
    margin-right: 30px;
    font-weight: 600;
    padding-bottom: 3px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.doubt-tabs span.active{
    color: #1e3561;
    border-color: #1e3561;
}


.doubt_contianer .card_wrap .card_inner .doubt_content .view_solution {
  display: none;
}

.doubt_contianer .card_wrap .card_inner:hover .doubt_content .doubt_date:not(.no-hide) {
  display: none;
}
.doubt_contianer .card_wrap .card_inner:hover .view_solution {
  display: inline-block !important;
}

.right_chat .studyhead .filterss {
    border: none;
}

.notesmainbody {
    padding: 15px;
}

.tech-left {
    float: left;
    width: 25%;
}

.tech-left > div:not(.ask-issue){
    background: #f1f1f1;
    padding: 15px;
    margin-bottom: 15px;
    height: 400px;
    overflow: auto;
}

.tech-right {
    float: left;
    width: 75%;
}

.tech-left h4 {
    color: #434343;
    font-size: 16px;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 80%;
}

.tech-left li a {
    color: #434343;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 15px;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    transition: all .250s ease-out;
}

.tech-left li a.active {
    background: #5683f4;
    color: #fff;
    border-radius: 4px;
}

.ask-issue img {
  width: 100%;
}

.ask-issue > div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ask-issue {
  position: relative;
  text-align: center;
}

.ask-issue > div h4 {
  color: #fff;
  border: none;
  width: 100%;
  font-size: 16px;
}

.ask-issue > div a.btn {
    color: #264696;
    background: #fff;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 20px;
}

.tech-right .tab-wrapper {
    padding: 0 15px;
    height: 500px;
    overflow: auto;
}

.my-prev {
    background: #264696;
    padding: 5px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.tech-right .tabs.active {
    background: #f4f4f4;
}

.tech-right .tabs {
    padding: 20px 5px 10px 5px;
    border-bottom: 1px solid #c3c3c3;
    transition: all .250s ease-out;
    overflow-x: hidden;
}

.tech-right .tabs td {
  font-size: 14px;
  word-wrap: anywhere;
}

.tech-right .tabs td .sr {
  /*color: #43434370;*/
  color: #264696;
  position: absolute;
  top: 1px;
  font-weight: 600;
  cursor: pointer;
}

.tech-right .tabs td .des {
  color: #264796;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.tech-right .tabs td .right-icon {
  font-size: 16px;
  position: absolute;
  top: 0;
  width: 30px;
  right: -5px;
  text-align: center;
}

.tech-right .tabs td {
  position: relative;
}

.tabs .tab-content {
    font-size: 12px;
    color: initial;
    margin-top: 10px;
    display: none;
    background: #fff;
    padding: 10px;
}

.tabs.active .tab-content{
    display: block;
}

.right-icon i {
  display: none;
  cursor: pointer;
}

.right-icon i.active {
  display: inline-block;
}

.tech-right .tabs table {
    width: 100%;
}


.notesmainbody.prev .card_wrap {
  width: 100%;
}
.notesmainbody.prev .card_wrap .card_inner {
  border-bottom: 1px solid #d4d4d4;
  box-shadow: none;
  border-radius: 0;
}

.notesmainbody.prev .card_inner:hover .doubt_date{
     display: inline-block;
}

.prev .card_wrap .card_inner .doubt_heading {
    height: auto;
    background: transparent;
}
.pev-left {
    float: left;
    width: 70%;
}

.pev-left .doubt_date img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-right: 5px;
}

.pev-left .d_chips.chips_blue {
    display: block;
    background: transparent;
    margin: 5px 0 10px;
    font-size: 14px;
    color: #2f54eb;
    font-weight: 400;
    cursor: pointer;
}

.prev .doubt_date {
    color: #38930b;
    font-size: 14px;
    font-weight: 500;
}

.prev .card_wrap .card_inner .doubt_heading .dbt_heading {
    font-size: 14px;
    color: #373636;
    font-weight: 500;
}

.pev-right {
    float: left;
    width: 30%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.chat-digi .doubt-tabs .img_wrap.doubt_back{
    margin-left: 15px;
    margin-top: 15px;
}

.chat-digi .card-body.msg_card_body .nano-content{
    bottom: 100px;
}

.chat-digi .reply-box{bottom: 15px}

@media (max-width: 1400px){
    .middleWrapper.req_again_wrap.notes-pop.your-notes .width100, .middleWrapper.req_again_wrap.notes-pop .width100 {
        height: auto;
        min-height: 100px;
        max-height: 100px;
        overflow: hidden;
        overflow-y: auto;
        display: block;
    }
    .congpopback{
        margin-top: 40px;
    }
}

@media (max-width: 1300px){
    #chatScroll + .reply-box input{
        width: 55%;
    }
}
 
@media(max-width: 1250px){
    .my-notes .table.tab-home tr td .btn.btn-primary {
        padding: 7px 6px;
    }
}


.request_complete_msg {
        font-size: 12px;
        color: red;
        font-weight: normal;
}
 
.request_complete_msg_after {
        font-size: 12px; 
        font-weight: normal;
}
.request_complete_msg1_after { 
        font-weight: bold;
}
.request_complete_msg2 {
        font-size: 14px; 
        font-weight: normal;
        text-align: left;
}
.requestRightBtn {
    color: white !important; 
    background-color: #558ef8 !important;
} 

.request_complete_btn_contain{
    padding: initial !important;
}
.request_complete_btn{
    padding: 15px;  
    display: inline-block;
    width: 50%;
    float: left;
 
}
.requestAccessActive{
    color:#41b126;
}
.requestAccessComplete{
    color:#264696;
} 


.request_agn.info-active {
    padding: 10px 0px 10px 3px;
    position: relative;
    margin-right: 4px;
}

.request_agn.info-active img {
    width: 30px;
    max-width: 50px;
}

.info-dropown {
    position: absolute;
    top: 70px;
    right: -247px;
    z-index: 9;
    width: 280px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
    border: solid 1px rgba(0, 0, 0, 0);
    /*padding: 20px;*/
    text-align: left;
}


/*test and report css*/

.tabu-test {
  width: 100%;
  border-collapse: collapse;
}
.tabu-test tr th {
  font-size: 12px;
  color: #3f3f3f;
  border-bottom: 2px solid #bababa;
  padding: 8px 0;
}
.tabu-test tr td {
  font-size: 12px;
  color: #525050;
  padding: 12px 0;
  border-bottom: 1px solid #e3e3e3;
}

.tabu-test > tbody > tr > td{
    height: 50px;
}

.tabu-test tr td a.btn {
    //width: 75px;
    min-width: 125px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #081b3b;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
}

.btn.test-submit {
    /*border: 1px solid #707070;*/
}

.btn.test-inactive {
    background: #fcd34c;
    border-color: #fcd34c;
}

.btn.test-resume {
    background: #fa4d7c;
    border-color: #fa4d7c;
    color: #fff !important;
}

.btn.test-active {
    background: #139509;
    border-color: #139509;
    color: #fff !important;
}

.tabu-test tr td.blu b {
    font-weight: 400;
}

.tabu-test tr td.blu {
    color: #3582f5;
}

.tabu-test tbody tr:nth-child(2n) {
    background: #f2f2f2;
}

.tabu-test tr td .test-missed{
    color: #ff245f;
}
.tabu-test tr td .max-top.pdf-btn a {
    cursor: pointer;
}
.test-mdash {
    font-size: 24px;
    text-align: center;
    height: 27px;
    line-height: 24px;
    color: #707070;
}

.tabu-test tr td a {
    cursor: pointer;
}

.test-upcomming {
    color: #c99a0d;
}
.tabu-test tr td a.btn.submitted_test {
    background: transparent;
}

.inner-tab tr td {
  color: #3f3f3f;
  background: none;
  border-bottom: none;
  font-weight: 500;
}
.inner-tab tr {
  background: transparent !important;
}
.tabu-test .testbtn {
    border: none;
    padding: 0;
}

.tabu-test tr .inner-tab {
    width: 100%;
}
.tabu-test tr td.right {
    text-align: center;
    float: none;
    color: #12c469;
}

.tabu-test tr td.wrong {
    color: #fe5c5b;
        float: none;
    text-align: center;
}

.tabu-test tr td.left {
    color: #f4b20b;
        float: none;
    text-align: center;
}


.info-dropown::before {
    /*content: '';*/
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background: transparent;
    top: -12px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
    transform: rotate(45deg);
    z-index: -1;
}

.info-content {
    padding: 20px;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    height: 180px;
    /*min-height: 100px;*/
    /*max-height: 250px;*/
    overflow: hidden;
    /*overflow-y: auto;*/
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
}

.pagename .pgnam {
    position: relative;
}

.pagename .pgnam img {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    /*margin-top: -5px;*/
}

.pagename .pgnam > span img {
    margin-top: -2px;
}

.arrow-top {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    background: #fff;
    top: -10px;
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);*/
    transform: rotate(45deg);
    z-index: 2;
    border: 1px solid #6666664f;
    border-right: 0;
    border-bottom: 0;
}

.info-dropown p {
  font-size: 12px;
  color: #6e6e6e;
  font-weight: 400;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.info-dropown h3 {
  font-size: 14px;
  color: #454545;
  border-bottom: 1px solid #707070;
  display: inline-block;
  margin-bottom: 10px;
}

.info-dropown .request_complete_btn {
    position: absolute;
    top: 20px;
    right: 20px;
}

.info-dropown .request_complete_btn {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    text-align: right;
    width: 45px;
    height: 50px;
    padding: 0;
}

.info-dropown .request_complete_btn img {
    width: 15px;
}

.tabu-test.com-test > thead > tr > th {
    padding: 0;
}


/*rating css*/

.history-pop.rating-pop .forgetpassword_inner {
  width: 330px;
  text-align: center;
}
.history-pop.rating-pop .forgetpassword_inner h4 {
  font-size: 13px;
  color: #1c6fe5;
  margin-top: 12px;
  margin-bottom: 10px;
}
.history-pop.rating-pop .forgetpassword_inner p {
  font-size: 11px;
  color: #555555;
  margin-bottom: 15px;
}
.history-pop.rating-pop .forgetpassword_inner p b {
  color: #363636;
  margin-bottom: 15px;
}

.history-pop.rating-pop textarea {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 10px;
    font-size: 10px;
    color: #555555;
    width: 100%;
    resize: none;
}

.rating-pop a.btn {
    border: 1px solid #264696;
    border-radius: 4px;
    font-size: 13px;
    padding: 7px 15px;
    margin-left: 8px;
    color: #264696;
    cursor: pointer;
}

.rating-pop a.btn.btn-submit {
    background: #264696;
    color: #fff;
}

.rating-pop .forgetpassword_inner {
    background: url('../image/rating-bg.png');
    background-size: cover;
}

.border-yellow {
    width: 42px;
    height: 3px;
    background: rgba(255, 187, 59, 0.76);
    box-shadow: 0 3px 10px 0 #f27306;
    margin: 8px auto;
}

.history-pop.rating-pop .forgetpassword_inner .border-yellow + h4 {
    color: #555555;
    text-transform: uppercase;
}

.stars span img.yl{display: none}
.stars span.active img.yl{display: block}
.stars span.active img.bu{display: none}
.stars span img {
    margin-bottom: 10px;
    width: 22px;
    float: left;
}

.stars {
    text-align: center;
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin-left: 10%;
}

.rating-pop .btn-group {
    margin-top: 25px;
}

.history-pop.rating-pop .forgetpassword_inner h4.response{font-size: 13px; color: #555555;text-transform: uppercase;}

.pop.info-light h3 {
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    padding: 0 20px;
}

.info-light .info-title {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 50px;
    padding: 20px;
    background: #fff;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #264796;
}

.info-light .info-detail {
    margin-top: 35px;
}

.info-light .his-body p{font-size: initial}

.info-light .his-body {
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
}
.info-light .his-body img {
    max-width: 100%;
}

.info-light .close_popup {
    z-index: 99;
}

.popupproduct.rating-succ-pop img {
    width: 225px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.popupproduct.rating-succ-pop .forgetpassword_inner h4 {
    font-size: 18px;
    color: #264696;
    margin-top: 20px;
}

.popupproduct.rating-succ-pop .forgetpassword_inner{
    height:200px;
}

.single-row.single-light-red {
  background: #EA3868;
  border-radius: 4px;
  color: #fff;
}
.correctab {
  width: 99%;
  clear: both;
  overflow: hidden;
  background: #ccc;
  padding: 20px 20px 10px 5px;
  border: none;
}
.single-row.single-red {
  background: #FF0000;
  color: #fff;
  border-radius: 4px;
}
.single-row.single-green {
  background: #31B468;
  color: #fff;
}
.correctab .single-row {
  width: 145px;
  margin-right: 20px;
  text-align: left;
}
.float-menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.float-menu .mid {
    border: 1px solid #264696;
    width: 48%;
    float: left;
    padding: 3px 0;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
    font-wight: 500;
}

.float-menu .mid a{
     color: #264696;
}

.float-menu .mid.first {
    border-radius: 0 4px 0 0;
}

.float-menu .mid.second {
    border-radius: 4px 0 0 0;
}

.float-menu .mid .quiz-bg {
    width: 30px;
    height: 30px;
    background: url("../image/question.png");
    display: inline-block;
    background-size: 30px 30px;
    vertical-align: middle;
    margin-left: -15px;
    background-repeat: no-repeat;
}

.float-menu .mid:hover .quiz-bg{
    /*background: url("../image/question-hover.png");*/
    filter: brightness(0) invert(1);
    /*background-repeat: no-repeat;*/
    /*background-size: 30px 30px;*/
}

.float-menu .mid:hover{
    background: #264696;
    color: #fff;
}

.float-menu .mid:hover a{
    color: #fff;
}

.float-menu .mid .blog-bg{
    width: 30px;
    height: 30px;
    background: url("../image/columns.png");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    vertical-align: middle;
    margin-left: -15px;
    background-position: 50%;
}

.float-menu .mid a {
    width: 100%;
    display: inline-block;
}

.float-menu .mid:hover .blog-bg{
    /*background: url("../image/columns-hover.png");*/
    filter: brightness(0) invert(1);
    /*background-repeat: no-repeat;*/
    /*background-size: 20px;*/
}

/*topic report css*/

    .ui-tabs .left-ui {
        width: 70%;
        float: left;
    }
    .ui-tabs {
        padding: 10px;
    }
    .ui-tabs .left-ui .btn {
        display: inline-block;
        width: 110px;
        text-align: center;
        border-radius: 4px;
        height: 24px;
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .left-ui .btn.btn-dark-blue {
      border: 1px solid #a277fe;
    }
    .left-ui .btn.btn-dark-blue.active {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        background-image: linear-gradient(to bottom, #a277fe, #5f3ab1);
        color: #fff;
    }

    .left-ui .btn.btn-pink {
      border: 1px solid #fa6380;
    }
    .left-ui .btn.btn-pink.active {
       background-image: linear-gradient(to bottom, #f15e7a, #a80020);
       color: #fff;
    }
    .left-ui .btn.btn-blue {
      border: 1px solid #4f8cdd;
    }
    .left-ui .btn.btn-blue.active {
      background-image: linear-gradient(to bottom, #2470d5, #084598);
      color: #fff;
    }
    .left-ui .btn.btn-green {
      border: 1px solid #32bd85;
    }

    .left-ui .btn.btn-green.active {
       background-image: linear-gradient(to bottom, #00ad67, #035836);
       color: #fff;
    }

    .left-ui .btn.btn-red {
      border: 1px solid #f15e7a;
    }
    .left-ui .btn.btn-red.active {
      background-image: linear-gradient(to bottom, #f15e7a, #a80020);
      color: #fff;
    }
    .right-ui{
        text-align: right;
    }

@media only screen and (max-width:480px) {    
    .correctab {
        width: 99%;
        clear: both;
        overflow: hidden;
        background: #ececec;
        padding: 0px 21px 10px 10px;
        border: none;
    }
    .correctab .single-row {
        width: 30%;
        margin-right: 0;
        text-align: left;
        padding: 0;
        border-radius: 4px;
        font-size: 12px;
    }
    .correctab .single-row br {
        display: none;
    }
    .correctab .single-row h3 {
        display: inline-block;
        font-size: 12px;
        margin-left: 5px;
        font-weight: 300;
    }
    .single-row.single-green h3 {
        color: #31B468;
    }
    .single-row.single-light-red h3 {
        color: #FF0000;
    }
    .correctab .single-row span{display: inline}
    .questioninr > div {
        overflow: auto;
    }
}

.homework_upload_select{
    display:inline-block;
    margin: 10px; 
    padding: 5px;
    cursor:pointer;
    text-align:center; 
    width: 50px;
}
.homework_upload_selected{
   border: 2px solid #264796;
}
.homework_upload_select img {
    height:24px;
}
.homework_upload_select_head{
    text-align: center;
    margin: 10px;
    font-weight: bold;
}

.popupproduct.notice__Board.history-pop.info-light{
    position: relative;
}
.popupproduct.notice__Board.history-pop.info-light .forgetpassword_inner {
/*    height: auto;
    max-height: 400px;*/
    /*overflow: auto;*/
    width: 400px;
    /*height: auto;*/
    height: auto;
    position: relative;
}

.popupproduct.notice__Board.history-pop.info-light .sheet-detail-black {
    background: rgba(0, 0, 0, 0.70);
    /*background-image: url('../image/congratulations.svg');*/
}

.search-wrap input {
  margin-right: 15px;
}

.search-wrap {
  display: flex;
  align-items: center;
}

.notifi-wrap {
  float: right;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.notifi-wrap .bell-wrap {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: 15px;
  padding-top: 11px;
  box-sizing: border-box;
  padding-left: 10px;
}

.notifi-wrap .bell-wrap.active{
    background: #fffffff0;
}

.notifi-wrap .bell-wrap img {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
}

span.count-bg {
    width: 19px;
    height: 19px;
    background: #f76868;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    top: 18px;
    font-size: 11px;
    padding: 2px;
    padding-top: 4px;
    right: 7px;
}

.notifi-wrap .noti-wrap {
    position: relative;
    background: #fff;
}

.noti-drop {
    position: absolute;
    background: #fff;
    left: -173px;
    top: 90px;
    width: 350px;
    object-fit: contain;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    overflow: hidden;
    /*padding: 20px;*/
}

.noti-drop h3 {
    font-size: 18px;
    color: #363636;
    margin-bottom: 20px;
    padding: 20px 20px 5px;
}

ul.notii-wrap li {
    border-bottom: .5px solid #d4d4d4;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

ul.notii-wrap li p {
    font-size: 12px;
    font-weight: 600;
    color: #363636;
    line-height: 16px;
    padding-right: 25px;
    position: relative;
    height: 30px;
    /*max-height: 30px;*/
}

.noti-arrow {
    width: 25px;
    height: 25px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
    position: absolute;
    top: 78px;
    left: calc(50% - 10px);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

ul.notii-wrap li p a {
    font-size: 10px;
    color: #3482f5;
    margin-top: 6px;
    display: inline-block;
    font-style: italic;
}

ul.notii-wrap {
    height: auto;
    min-height: 250px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 0 20px;
}
ul.notii-wrap .circle {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3482f5;
    border-radius: 50%;
    right: 30px;
}

.notii-wrap li.read p,.notii-wrap li.read p a {
    color: #727272;
    font-weight: 400;
    word-break: break-word;
}

.notii-wrap li.read p a{font-weight: 400; font-style: italic;}
 ul.notii-wrap .circle {
    position: absolute;
    right: 3px;
    width: 10px;
    height: 10px;
    background: #3482f5;
    border-radius: 50%;
    top: 20px;
}
@media(max-width: 1350px){
    .reportmain .card3 .cardvalue{
        width: 80%;
    }
} 
@media(max-width: 1300px){
    .reportmain .card3 .box.minibox {
        width: 28.9%;
    }
    .card1.margin-add-cls .minibox{
        width: 21%;
    }
    .center_course select{
        max-width: 400px;
    }
}
.sec-logo {
    position: absolute;
    bottom: 50px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.sec-logo img {
    max-width: 155px;
} 
.red{
    color: red;
    margin: 0px 0px 0px 22px;
}

.select2-container--default .select2-results__option--disabled{
    display: none!important;
}
 
.feedBack1 table td.centers, .feedBack1 table th.centers {
    text-align: center;
}
span#errorDivHtml {
    width: 85%;
    overflow: auto;
    word-break: break-word;
    display: inline-block;
} 
//certificate css

.rating-pop.suraya-pop.covid-certi .forgetpassword_inner {
    width: 450px;
    max-height: 310px;
} 

/*report new UI css*/

.reportcards.fixedportion .outrwrpr .left-part .leftrprthdng {
    font-size: 11px;
    color: #727272;
    padding: 0;
}

.reportcards.fixedportion .outrwrpr .left-part .rightrprthdng {
    color: #3482f5;
    font-size: 12px;
    padding: 5px 6px;
    float: none;
    margin-left: 5px;
}


/*subjective css*/