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
}
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: 9}
.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:rgba(0,99,198,0.9) none repeat scroll 0 0;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:30px;width:30px;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}
.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)}
.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;}
.rprtinr .box{margin-bottom: 20px;}
.testpage{margin-bottom: 0px}
.midlbox{margin:0 1.5%}
.inrbx{margin:20px}
.tsthdng{font-size:16px;font-weight:700;height:38px;color: #000}
.clndr:before{content:"\e02c";font-size:13px;margin:0 4px}
.insidetest{font-size:14px;margin:12px 0; height: 148px;}
.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: 13px;}
.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;}
.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{border-bottom:1px dashed #ccc;display:inline-block;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}
.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:15px 0 0;color: #aaa}
.pgnamul{padding:39px 0;font-size:25px;position:relative}
.cntntulview ul li{font-size:14px;position:relative;z-index: 0}
.notifdiv b{color:#505050;display:inline-block;font-size:14px;margin-bottom:7px;width:100%}
.verticlmidldiv.notifdiv{font-size:13px;line-height:15px;margin:0}
.notiftym{color:#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: #fff 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: normal;
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: #777;
display: inline-block;
font-size: 12px;
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: 102px;
}
.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: 100%;
display: inline-block;
}
.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: 139px;
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);}
.profile1:before{content:"\e158";font-size:17px;font-weight:400;font-family: flaticon;}
.lgout1:before{content:"\e0f1";font-size:17px;font-weight:400;font-family: flaticon;}
.setting1:before{content:"\e048";font-size:17px;font-weight:400;font-family: flaticon;}
.supp1:before{content:"\e138";font-size:17px;font-weight:400;font-family: flaticon;}
.helper:before{content:"\e0f6";font-size:17px;font-weight:400;font-family: flaticon;}
.rep:before{content:"\e050";font-size:17px;font-weight:400;font-family: flaticon;margin-right: 2px;}
.close:before{content:"\e0fc";font-size:16px;font-weight:400;font-family: flaticon;margin-right: 2px;}
.packagecard li {
/*border: 1px solid #ccc;*/
float: left;
margin: 1%;
padding-bottom: 0px !important;
position: relative;
width: 31.1%;
overflow: hidden;
border-radius: 4px;
}
/*.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;
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;}
.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:68px;}
.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: 215px;
text-transform:uppercase;
font-weight:bold;
padding-left: 32px;
cursor: pointer;
display: inline-block;
transition: all 0.2s ease;
border-left: 4px solid transparent;
}
.leftmenu_outr ul li .liinrcntnt{
padding:12px 0;
position: relative;
}
.leftmenu_outr ul li .leftmenu_drpdwn li{
width: 167px;
height: auto;
/*line-height: 33px;*/
display: inline-block;
border-left: 0px;
font-weight: normal;
border-radius: 4px;
padding: 10px 0 10px 10px
}
.leftmenu_outr ul li .leftmenu_drpdwn li:last-child{
margin-bottom: 15px;
}
.leftmenu_outr ul li.activeli{
background: rgb(235,239,242);
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: 7px;
}
.leftmenuicondown:after{
content: "\e007"
}
.menu_btn1{ background: #fff none repeat scroll 0 0;
bottom: 0;
cursor: pointer;
float: left;
height: 41px;
left: 0;
line-height: 49px;
position: absolute;
top: 0;
width: 41px;
}
.flat_btn1:before{
color: #006ec6;
content: "\e0fe";
font-family: flaticon;
font-size: 23px;
line-height: 20px;
}
.flat_btn2:before{
color: #ffffff;
content: "\e0fc";
font-family: flaticon;
font-size: 23px;
line-height: 20px;
}
.sizer{margin: 20px 340px 20px 20px;
min-height: 550px;
color:#333}
.sizer .inrblocks{
min-height: 550px;
}
.padders{padding:30px 30px 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 {
max-width: 220px;
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;
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: rgb(210,109,84);
color: #fff;
}
#popup_container #popup_cancel:hover {
background: #777;
color: #fff;
}
#popup_container #popup_cancel {
color:
#777;
outline: none;
}
#popup_message {
font-size: 16px;
font-weight: normal;
}
#popup_panel {
text-align: center;
margin-top: 20px;
}
#popup_container .inputcnf {
background-color:
#fff;
border: 1px solid;
border-radius: 3px;
color: #0063c6;
font-size: 15px;
height: 31px;
line-height: 26px;
margin: 0 5px;
padding: 0 9px;
cursor: pointer;
transition: all 0.2s ease;
}
.inputcnf
{
background-color:#476EA7;
padding:3px;
color:#FFFFFF;
margin-top:20px;
margin-right:10px;
}
#popup_container #popup_ok {
color:
rgb(210,109,84);
outline: none;
}
#popup_container #popup_cancel {
color:
#777;
outline: none;
}
/*
.rupee{
display: inline-block;
height: 14px;
}*/
.login_partitian.left > div {
line-height: 26px;
}
.suport {
font-weight: normal;
line-height: 43px;
text-transform: none;
font-size: 12px;
}
.glyph-icon.smallflaticon:before{
font-size: 12px;
margin: 0;
margin-right: 5px;
}
.home_support{
margin-top: 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/assets6/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 0px;
cursor: pointer;
outline: none;
border-radius: 4px;
min-width: 50px;
}
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);*/
}
.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: 21%;
border-right: 1px solid #e9e9e9;
box-sizing: border-box;
text-align: center;
height: 58px;
line-height: 60px;
position: relative;
color:#000;
}
.tablehead div {
line-height: 60px;
}
.tablehead div:first-child {
width: 16%;
}
.comparetr div:last-child {
border-left: 0px solid #e9e9e9;
}
.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: 16%;
float: left;
color:#000;
}
.comparetr:nth-child(2n) .row_hdng {
background: #f6f6f7;
}
.tablebar {
position: absolute;
background: rgba(132,147,202,0.2);
left: 0px;
top: 0px;
bottom: 0px;
}
.comparebody div:nth-child(2) .tablebar {
background: rgba(137,66,229,.1);
}
.comparebody div:nth-child(3) .tablebar {
background: rgba(62,193,96,.1);
}
.comparebody div:nth-child(4) .tablebar {
background: rgba(255,59,110,.1);
}
.comparebody div:nth-child(5) .tablebar {
background: rgba(255,185,46,.1);
}
.rowtop_hdng .row_hdng {
background: rgb(76,185,146) !important;
color: #fff;
}
.comparetr:nth-child(2n) .row_hdng {
background: #f6f6f7;
}
.rowtop_hdng div .tablebar {
background: rgba(76,185,146,0.2);
}
.compare.reportcards .inrdiv.rprtinr{
box-shadow:none;
background:transparent;
height: 100%;
}
.compare-div .maincontentinr.maincontainrreports {
margin-top:30px;
}
.compare-div .overviewblock_outr {
margin-top: 0px;
height: 100%;
}
.compare-div .overviewblock_main{
border:none;
padding:0;
height: 100%;
}
.comparetr.tablehead > div{
font-size: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: 275px;
background: #fff;
color: #000;
}
span.searchicon:after {
position: absolute;
content: "\e10d";
font-family: flaticon;
color: #666;
font-size: 20px;
right: 0;
top: 10px;
right: 10px;
}
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";
}
.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;
}
.popupcntnt.popup-solution img {
max-width: 150px;
max-height: 150px;
float: left;
margin: 0 10px 0 0;
}
.popupcntnt.popup-solution{
float: left;
width: 100%;
box-sizing: border-box;
}
.speed-main-div{
top:0;
right:0;
bottom:0;
left:0;
position: fixed;
background-color: #0000004f;
z-index: 99
}
.speed-pop{
position: absolute;
width: 400px;
min-height: 155px;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
margin: auto;
text-align: center;
background-color: #fff;
/*box-shadow: 0 0 15px #ccc;*/
padding: 0px 0 15px;
box-sizing: border-box;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
height: auto;
}
.speed-pop p{
margin: 10px 0 15px;
text-align: left;
float: left;
padding: 0 15px;
box-sizing: border-box;
font-size: 14px;
}
.speed-pop span{
float: left;
padding: 0 15px;
box-sizing: border-box;
font-size: 12px;
color: #777;
margin-top: 9px;
}
.speed-pop.new-popup-data{
text-align:center;
padding-bottom:22px;
}
.speed-pop.new-popup-data .btn-data{
background:red;
padding:10px;
color:#fff;
cursor:pointer;
border:none;
border-radius:3px;
min-width: 130px;
margin: 0px 5px;
}
.speed-pop.new-popup-data .btn-data:first-child{
background:#e9e9e9;
color:#333;
}
.btn-internet{
width:100%;
float:left;
text-align:center;
}
.speed-pop.new-popup-data strong.speed-head{
font-size: 20px;
float: left;
width: 100%;
margin-top: 16px;
}
.speed-pop.new-popup-data p{
font-size:16px;
text-align:center;
}
.down-btn-test{
/*margin-right: 18px;*/
float: left;
}
.bookmarkSelectTest{
max-height: 175px;
overflow: auto
}
.ms-choice{
height: 18px !important;
}
.ms-drop {
width: 278px !important;
margin-top: 3px !important;
border: 1px solid #e1e1e1 !important;
left: 0;
}
.ms-drop ul > li label{
white-space: initial;
margin: 2px 0px;
line-height: 16px;
}
.ms-drop ul > li{
width:100% !important;
display:inline-block !important;
box-sizing:border-box !important;
}
.ms-drop input[type="checkbox"] {
vertical-align: middle;
margin-right: 10px;
margin-top:0px;
float:left;
}
.ms-drop ul > li label span {
width: 218px;
float:left;
}
.ms-drop.bottom{
box-shadow: none;
}
/*add by satyam dubey postal package css*/
.outer-banner-data{
width:100%;
background-image:url(../image/Background.png);
height:341px;
background-repeat:no-repeat;
background-size: cover;
}
.main-postal-data{
width:100%;
padding:40px 40px;
box-sizing: border-box;
}
.main-postal-data h1{
color:#fff;
text-align:center;
font-weight: 700;
text-transform:uppercase;
margin-bottom: 30px;
font-size: 22px;
position:relative;
}
.outer-product-part{
width:100%;
box-sizing: border-box;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
background: #fff;
border-radius: 6px;
padding:25px 30px;
overflow:hidden;
}
.product-title{
width:100%;
display:inline-block;
margin-left: -35px;
margin-right: -45px;
}
.product-part{
width:20%;
float:left;
background:#fff;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
border-radius:6px;
margin:25px;
padding: 20px;
box-sizing: border-box;
position:relative;
overflow:hidden;
min-height:192px;
}
.icon-product{
width:100%;
display:inline-block;
text-align:center;
padding: 25px 0px;
}
.icon-product img{
width:auto;
}
.text-data{
width: 100%;
text-align: center;
margin: 24px 0px 10px;
}
.text-data p{
color: #000;
font-size: 14px;
text-transform: uppercase;
}
.hover-data-part{
position:absolute;
height:0;
top:100%;
bottom:0;
left:0;
right:0;
width:100%;
background:#198df2c2;
padding: 20px;
box-sizing: border-box;
/* transition: .5s ease;*/
}
.hover-data-part .text-data p{
color:#fff;
}
.hover-data-part{
width:100%;
background-image:url(../images/Tab_background.png);
background-repeat:no-repeat;
background-size: 100%;
background-position: bottom;
}
.product-part:hover .hover-data-part{
top:0;
height:100%;
}
.main-postal-data h1 a{
position: absolute;
left: 0px;
background: #fff;
padding:6px 15px;
border-radius: 25px;
color:#0278cb;
display: inline-block;
font-size: 16px;
font-weight: normal;
text-transform: initial;
top:0px;
}
.main-postal-data h1 a img{
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.outer-product-package{
width:100%;
display:inline-block;
}
.outer-product-package h2{
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
padding-left: 10px;
box-sizing: border-box;
border-left:4px solid #ab1521;
text-align: left;
font-family: Roboto;
}
.outer-product-slider{
width:100%;
display:inline-block;
margin-top:20px;
text-align:left;
position:relative;
}
.product-item{
width:100%;
background: #f4f5f9;
padding:10px;
box-sizing: border-box;
border-radius:6px;
min-height:200px;
position:relative;
overflow:hidden;
}
.outer-product-slider .owl-theme .owl-dots{
display:none;
}
.outer-product-slider .owl-carousel .owl-item .product-item img{
width:100%;
}
.outer-product-slider .owl-carousel .owl-nav{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
height:30px;
}
.outer-product-slider .owl-carousel .owl-nav button.owl-prev{
left:-38px;
position: absolute;
height: 30px;
width: 30px;
background: #fff;
border-radius: 100%;
margin: 0;
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.outer-product-slider .owl-carousel .owl-nav button.owl-next{
right:-14px;
position: absolute;
height: 30px;
width: 30px;
background: #fff;
border-radius: 100%;
margin: 0;
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.outer-product-slider .owl-carousel .owl-nav button.owl-prev span, .outer-product-slider .owl-carousel .owl-nav button.owl-next span{
font-size: 34px;
line-height: 0px;
margin-top: -2px;
display: inherit;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
background:none;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
color:#333 !important;
}
.product-item h3{
margin:20px 0px 6px;
font-size: 16px;
font-weight: 500;
color: #000;
}
.product-item p{
font-size:14px;
color:#333333c2;
}
.rate-price{
width: 100%;
display: inline-block;
margin-top: 20px;
text-align: right;
}
.rate-price span{
font-size:16px;
font-weight:600;
}
.rate-price span.strike-cntnt{
font-size:14px;
margin-right:10px;
color: #666;
font-weight:normal;
}
.order-id{
width: 100%;
display: inline-block;
margin-top: 20px;
}
.order-id span{
color:#666;
font-size: 14px;
margin-bottom: 10px;
margin-right: 5px;
}
.order-id h4{
text-align:left;
font-size:16px;
}
.view-data{
width: 100%;
display: inline-block;
margin:35px 0px 0px;
text-align: center;
}
.view-data a{
color: #0278cb;
display: inline-block;
font-size:16px;
}
.order-id-date{
width:100%;
display:inline-block;
margin:10px 0px 0px;
}
.order-id-date p{
font-size:14px;
color:#666;
}
.order-id-date h4{
text-align:left;
font-size:16px;
}
.hover-btn{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
height:0;
width:100%;
background-color: rgba(0, 0, 0, 0.66);
}
.hr-btn {
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
}
.hr-btn a{
border: 2px solid #fff;
padding: 11px 41px;
border-radius: 25px;
color: #fff;
font-size: 14px;
font-weight: bold;
}
.product-item:hover .hover-btn{
height:100%;
top:0;
}
.outer-product-package h2 a.btn-support{
background: #f4f5f9;
display: inline-block;
float: right;
padding: 7px 14px;
border-radius: 25px;
font-size: 13px;
border: 1px solid #545454;
color:#545454;
}
.user-info-product{
width:100%;
display:inline-block;
margin: 15px 0px 0px;
}
.main-postal-data .user-info-product h1{
color: #ab1521;
margin: 0;
text-align: left;
text-transform: inherit;
font-size:18px;
}
.main-postal-data .user-info-product p{
text-align: left;
font-size: 14px;
color: #666;
margin: 4px 0px 0px;
}
.main-postal-data .user-info-product h1 span{
font-weight:normal;
}
.package-payment-method{
width:100%;
display:inline-block;
margin: 35px 0px 0px;
}
.left-package-info-payment{
width:24%;
float:left;
margin-right:60px;
}
.right-package-info-payment{
float:left;
width:70%;
}
.left-package-info-payment .product-item {
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
}
.left-package-info-payment .product-item img{
width:100%;
}
.left-package-info-payment .order-id span b{
color:#000;
}
.outer-product-package h2 a.btn-support img{
margin-right: 10px;
}
.product-status-statement{
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
border:1px solid #d5d5d5cc;
border-radius:3px;
background:#fff;
min-height:283px;
padding: 15px;
box-sizing: border-box;
margin: 0px 0px 30px;
position:relative;
}
.outer-book-details{
width:100%;
display:inline-block;
}
.book-lft-pro{
width: 130px;
height: 110px;
float: left;
margin-right: 28px;
}
.book-lft-pro img{
width:100%;
height:100%;
}
.book-lft-pro-info{
width:77%;
float:left;
position:relative;
}
.book-lft-pro-info p{
font-size:14px;
color:#333;
text-align:left;
margin: 5px 0px 0px;
}
.book-lft-pro-info h3{
text-transform: uppercase;
color: #000;
text-align: left;
font-weight: 600;
font-size: 16px;
}
.bk-status-li{
width:100%;
display:inline-block;
margin-top:8px;
}
.bk-status-li ul li{
font-size: 16px;
color:#585858;
list-style: initial;
width: 30%;
float: left;
text-align: left;
list-style-position: inside;
}
.bk-status-li ul li:first-child{
list-style:none;
}
.bk-status-li ul li img {
margin: 0px 9px 0px 4px;
}
.outer-progress-bar{
width: 100%;
display: inline-block;
margin: 36px 0px 20px;
text-align: left;
}
/*.outer-progress-bar .progress-indicator {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.progress-indicator > li {
-ms-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.progress-indicator > li {
list-style: none;
text-align: center;
width: auto;
padding: 0;
margin: 0;
position: relative;
text-overflow: ellipsis;
color: #bbb;
display: block;
}
.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
color: #65d074;
}*/
.progress-indicator {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
color: #65d074;
}
.progress-indicator > li {
list-style: none;
text-align: center;
width: auto;
padding: 0;
margin: 0;
position: relative;
text-overflow: ellipsis;
color: #bbb;
display: block;
}
.progress-indicator > li b{
color: #333;
}
.progress-indicator > li {
-ms-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.progress-indicator > li.active, .progress-indicator > li.active .bubble {
color: #337AB7;
}
.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
background-color: #337AB7;
border-color: #65d074;
}
.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
background-color: #1b94fb;
border-color: #033b6c;
}
.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
background-color: #0eda7b;
border-color: #0eda7b;
background-image:none;
}
.progress-indicator > li.completed .bubble i{
position: relative;
}
.progress-indicator > li.completed .bubble i:before{
/*content: '\2713';*/
content: '';
position: absolute;
top: 2px;
color: #fff;
z-index: 1;
font-size: 14px;
left: -5px;
right: 0;
bottom: 0;
width: 10px;
height: 10px;
background-image: url(../images/tick.png);
}
.progress-indicator > li .bubble {
border-radius: 1000px;
width:15px;
height:15px;
background-color:#fff;
display: block;
/*margin: 0 auto .5em;*/
border:3px solid #a1a1a1;
}
.progress-indicator > li:first-child .bubble:after, .progress-indicator > li:first-child .bubble:before {
width:100%;
/*margin-left: 50%;*/
}
.bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
background-color: #0eda7b;
border-color: #0eda7b;
}
.progress-indicator > li .bubble:before {
left: 0;
}
.progress-indicator > li .bubble:after, .progress-indicator > li .bubble:before {
display: block;
position: absolute;
top:9px;
width: 100%;
height: 3px;
content: '';
/*background-color:#a1a1a1;*/
background-image: url(../images/tik-tock.png);
left:21px;
}
.progress-indicator > li .bubble:after {
right: 0;
}
.progress-indicator > li .bubble.last:before{
display:none !important;
}
.progress-indicator > li .bubble.last:after {
display:none !important;
}
.progress-indicator > li .order-package{
text-align:left;
margin:20px 0px 0px;
}
.progress-indicator > li .order-package h6{
font-size: 16px;
color: #65d074
}
.progress-indicator > li .order-package p{
font-size: 14px;
color:#333333b3;
margin-top:3px;
}
.progress-indicator > li .order-package.default-colr h6{
color: #333;
}
.progress-indicator > li .order-package.cnfrmd-colr h6{
color: #000;
}
.valid-data{
width: 100%;
display: inline-block;
margin: 10px 0px 20px;
}
.valid-data .vld-data{
font-size: 13px;
color: #333333c2;
margin-right: 10px;
}
.valid-data span.bld-date{
color:#000;
font-size: 13px;
}
.outer-product-slider.vdo-part .product-item{
padding:0px;
}
.vdo-part-img{
width:100%;
position:relative;
}
.vdo-cntnt{
width:100%;
display:inline-block;
padding: 0px 10px 25px;
box-sizing: border-box;
}
.vdo-part-img .vdo-play img{
max-width:79px;
cursor:pointer;
}
.vdo-play {
position: absolute;
bottom: -39px;
right: 0;
}
.outer-product-slider.vdo-part .owl-carousel .owl-stage-outer{
padding-bottom:10px;
}
.outer-product-slider.vdo-part .product-item:hover{
transition:0.5s ease;
box-shadow: 0 0 11px rgba(33,33,33,.2);
}
.mouse-hover{
display:none;
}
.outer-product-slider.vdo-part .product-item:hover .vdo-play.mouse-hover{
display:block;
}
.outer-product-slider.vdo-part .product-item:hover .vdo-play{
display:none;
}
.product-item .vdo-cntnt h3{
color:#000;
}
.product-item .vdo-cntnt span img{
max-width: 14px;
float: left;
vertical-align: middle;
margin-right: 5px;
}
.product-item .vdo-cntnt span{
padding: 5px 6px;
border-radius: 25px;
display: inline-block;
border: 1px solid #d9d2d2;
color:#333333c2;
margin-top:5px;
}
.outer-product-package.vdo-top-part{
margin-top:55px;
}
/*popup video*/
.home-page-popup-wrapper {
background: rgba(0,0,0,0.75);
position: fixed;
top: 0;
z-index: 999999;
left: 0;
height: 100%;
right: 0;
bottom: 0;
display: none;
}
.home-page-popup-wrapper.popupActive {
display: block;
}
.home-page-popup-container {
max-width: 1000px;
margin: auto;
float: none;
color: #333;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
position: absolute;
background-color: transparent;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
outline: 0;
padding: 0;
width: 100%;
height: 562px;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.home-page-popup-container p.popupCancel {
background: #fff;
width: 25px;
height: 25px;
position: absolute;
top: -10px;
right: -10px;
border-radius: 100%;
cursor: pointer;
}
.closes {
display: inline-block;
width: 12px;
height: 12px;
overflow: hidden;
position: absolute;
right: 7px;
top: 8px;
cursor: pointer;
}
.closes.thick::before, .closes.thick::after {
height: 2px;
margin-top: -2px;
}
.closes::before, .closes::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background:red;
}
.closes::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.closes::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*end popup video*/
.outer-product-part.outer-msg-chatting {
padding:0px;
margin-bottom:50px;
}
.outer-product-part.outer-msg-chatting .outer-product-package{
padding: 20px 22px;
box-sizing: border-box;
border-bottom: 1px solid #e9e9e9;
}
.out-main-cht{
width:100%;
display:inline-block;
height:71vh;
}
.left-tab-part-chat{
width:25%;
float:left;
border-right:1px solid #e9e9e9;
/*min-height:720px;*/
box-sizing: border-box;
background: #f6f7fb;
position:relative;
height:100%;
}
.left-tab-part-chat ul li{
width: 100%;
display: block;
list-style: none;
padding: 10px 20px 11px 15px;
box-sizing: border-box;
border-left: 4px solid transparent;
cursor:pointer;
}
.left-tab-part-chat ul li.active{
background:#fff;
border-left:4px solid #0a70f9;
}
.left-tab-part-chat ul li .data-part-cht{
width:100%;
display:inline-block;
}
.left-tab-part-chat ul li .data-part-cht .left-quston{
color: #000;
font-weight: 600;
width: 100%;
font-size: 16px;
float: left;
word-break: break-all;
}
.left-tab-part-chat ul li .data-part-cht .rgt-time{
color: #9b9090;
font-weight: 500;
font-size: 14px;
float: right;
width: 100%;
text-align: right;
margin: 10px 0 0 0;
}
.left-tab-part-chat ul li .cntnt-chat{
width:100%;
display:inline-block;
padding:10px 9px 15px;
box-sizing: border-box;
border-bottom: 1px solid #e9e9e9;
}
.left-tab-part-chat ul li .cntnt-chat h4{
color: #000;
line-height: 22px;
text-align: left;
font-size: 16px;
}
.left-tab-part-chat ul li .cntnt-chat p{
color: #8e9aaa;
line-height: 22px;
text-align: left;
font-size: 15px;
margin:9px 0px 0px;
}
.left-tab-part-chat ul li.active .cntnt-chat{
border-color:#fff;
}
.left-tab-part-chat ul li:last-child .cntnt-chat{
border-color:transparent;
}
.btn-ask-and-expert{
width:100%;
position:absolute;
bottom:12px;
left:0;
text-align:center;
}
.btn-ask-and-expert a{
background: #0970f9;
color: #fff;
padding: 20px 28px;
border-radius: 10px;
font-size: 18px;
}
.btn-ask-and-expert a img{
max-width: 13px;
vertical-align: middle;
margin-right: 3px;
margin-top: -4px
}
.right-tab-part-chat{
width:75%;
float:left;
position:relative;
padding:25px;
box-sizing: border-box;
height:100%;
}
.user-ask-qston{
width:100%;
display:inline-block;
margin-bottom:15px;
}
.left-txt-usr{
float:right;
position:relative;
}
.left-txt-usr p{
color:#000;
font-size:16px;
line-height:22px;
text-align:left;
max-width:93%;
min-width:200px;
background:#dce3eb;
border-radius:10px 0px 10px 10px;
padding: 12px 15px;
box-sizing: border-box;
margin-right: 57px;
}
.left-txt-usr b.day-part{
text-align: right;
display: block;
margin-top: 8px;
font-weight: normal;
font-size: 14px;
color: #333333b5;
margin-right: 57px;
}
.user-profile-in {
height: 40px;
width: 40px;
border-radius: 100%;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
.user-profile-in img{
width:100%;
height:100%;
}
.left-txt-usr.student-txt{
float:left;
}
.left-txt-usr.student-txt .user-profile-in {
height: 40px;
width: 40px;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.left-txt-usr.student-txt p{
margin-left: 57px;
color: #000;
background: #fff;
border-radius: 0px 10px 10px 10px;
max-width:60%;
margin-right:0px;
word-break: break-all;
}
.left-txt-usr.student-txt b.day-part{
text-align: left;
max-width:auto;
margin-left: 57px;
}
.input-part-chat{
width: 100%;
display: inline-block;
position: absolute;
border-top: 1px solid #e9e9e9;
bottom: 0;
box-sizing: border-box;
left: 0;
}
.input-part-chat input{
width: 100%;
border: none;
padding:35px 100px 35px 25px;
font-size: 16px;
box-sizing: border-box;
color: #393232;
outline:none;
}
.input-part-chat input.sendchabtn{
float: right;
display: inline-block;
width:45px;
height:45px;
background:#edf0f7;
border-radius: 50%;
line-height: 50px;
text-align: center;
border: 0px solid ;
cursor: pointer;
background-image: url(../image/svg/send.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 55% 60%;
color: transparent;
padding:0px;
font-size: inherit;
position: absolute;
right: 37px;
top:22px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
border:1px solid #edf0f7;
outline:none;
}
.btn-vw-dtail{
position: absolute;
width: auto;
top: 2px;
right: 0px;
}
.btn-vw-dtail ul li{
list-style:none;
display:inline-block;
}
.btn-vw-dtail ul li a{
display: inline-block;
border-radius:14px;
padding: 4px 8px;
font-size: 14px;
margin-left: 8px;
border: 1px solid #545454;
color: #545454;
background: #f4f5f9;
}
.btn-vw-dtail ul li a:hover{
color:#fff;
background: #0970f9;
border-color:#0970f9;
}
.parent{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.56);
z-index:9999;
display:none;
}
.child {
position: fixed;
top: 50%;
left: 50%;
max-width:320px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
z-index:99999;
border-radius:6px;
}
.parent-image{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.56);
z-index:9999;
display:none;
}
.report-popup-child-image{
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index:99999;
}
.cancel-pop-image{
position:absolute;
top:0;
background: #ffffff6e;
padding: 6px;
cursor:pointer;
right:0px;
}
.cancel-pop-image img{
width: 8px
}
.banr-img {
width: 100%;
display: inline-block;
height: 100%;
}
.banr-img img {
width: 100%;
height: 100%;
}
.banr-img .data-part{
padding:20px;
box-sizing: border-box;
float: left;
}
.btn-new-claim {
width: 100%;
display: inline-block;
margin-top: 5px;
padding-top: 16px;
}
.btn-new-claim a {
text-decoration: none;
color: #fff;
background: green;
display: inline-block;
padding: 10px;
font-size: 15px;
border-radius: 3px;
}
@media only screen and (max-width:768px) {
.child {
width:90%;
}
}
.news-div .content-left-shadow, .news-div .content-right-shadow{
background-image:none;
}
.content.news-div{
padding-top:15px;
}
.news-div .coupon-hading ul{
background-color:#fff;
}
.news-div .news-box{
border-right:4px;
}
.news-div .news-detail{
margin-top:10px;
}
.input-part-chat input.sendchabtn.active {
background: #0970f9;
background-image: url(../images/svg/send.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 55% 60%;
color: transparent;
border:1px solid #0970f9;
}
.outer-txt{
width:100%;
text-align:center;
display:none;
padding-top:8px;
}
.outer-txt p{
font-size:18px;
}
.updated-address {
padding-bottom: 20px;
}
.outer-txt p.popupCancel {
background: #fff;
width: 25px;
height: 25px;
position: absolute;
top: -10px;
right: -10px;
border-radius: 100%;
cursor: pointer;
}
.updated-address h1{
text-align:left;
color:#333;
font-size:18px;
padding:10px;
background:#e9e9e9;
}
.outer-text-area{
width:100%;
display:inline-block;
}
.outer-text-area textarea{
min-height:100px;
width: 100%;
border: none;
box-shadow: none;
border-radius: 0px;
box-sizing: border-box;
font-family: Roboto;
line-height:24px;
resize: none;
border-bottom: 1px solid #e9e9e9;
}
.updated-address .popupCancel .closes.thick{
top:15px;
}
.child.address-main{
width:500px;min-width:420px;
border-radius:0px;
}
.thankyou_container {
position: absolute;
width: 100%;
bottom: 0px;
overflow: hidden;
transition: all .3s;
background-color: #fff;
left: 0px;
height:0%;
}
.thankyou_container {
position: absolute;
display: inline-block;
font-weight: 600;
font-size: 20px;
text-align: center;
color: #d20a26;
bottom: 0px;
overflow: hidden;
background: #ffffffe6;
}
.thankyou_message {
display: inline-block;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
.thankyou_message img {
max-width: 80px;
}
.thankyou_message h1 {
font-size: 18px;
color: #000;
margin-top: 15px;
}
.product-status-statement .thankyou_container{
background-color: rgba(0, 0, 0, 0.56);
}
.product-status-statement .thankyou_message h1{
margin:0px;
color:#fff;
}
.outr-msg-nw{
width:100%;
display:inline-block;
display:none;
}
.outer-cnt-frst{
width:100%;
height:100vh;
position:relative;
}
.center-ask {
position: absolute;
top: 50%;
left: 50%;
max-width: 320px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
z-index: 99999;
border-radius: 6px;
}
.outer-ask-pro-dta{
width:100%;
display:inline-block;
}
.askbtn-data{
width:100%;
display:inline-block;
margin-top:30px;
}
.askbtn-data a{
background: #0970f9;
color: #fff;
padding: 20px 28px;
border-radius: 30px;
font-size: 16px;
display:inline-block;
width: 170px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
font-weight:600;
}
.askbtn-data a img {
max-width: 11px;
vertical-align: middle;
margin-right: 5px;
margin-top: -2px;
}
.outer-cnt-snd{
width:100%;
display:inline-block;
display:none;
}
.outer-cnt-snd .left-tab-part-chat{
box-sizing:border-box;
text-align:left;
width:35%;
background:#fff;
}
.outer-cnt-snd .right-tab-part-chat{
box-shadow: 0px 0px 20px 0px #ccc;
width:65%;
padding:0px;
text-align:left;
}
.outer-dopdwn{
width:100%;
display:inline-block;
padding:20px 20px 0px 20px;
box-sizing: border-box;
}
.left-drpdwn{
width:84%;
float:left;
position:relative;
}
.rgt-icon{
float:right;
width:auto;
position:relative;
}
.rgt-icon span{
width: 20px;
height: 20px;
border:1px solid #e2e5ea9c;
padding:8px;
border-radius: 100%;
display:inline-block;
text-align:center;
}
.rgt-icon span img{
vertical-align:middle;
max-width:15px;
cursor:pointer;
opacity: .5;
}
.left-drpdwn .slct-bx{
width: 100%;
padding: 10px 24px;
box-sizing: border-box;
color: #000;
font-weight: 700;
background: #daebff;
border-radius: 30px;
font-size: 16px;
cursor:pointer;
border:1px solid #ccc;
}
.left-drpdwn .slct-bx.disableds{
background: #dadada;
color: #fff;
}
.by-default-user-info{
width:100%;
display:inline-block;
margin-bottom:30px;
}
.user-info-pro{
height:35px;
width:35px;
border-radius:100%;
background: #f3f4f6;
float:left;
margin-right:5px;
}
.user-info-pro-text{
border-radius: 6px;
background: #f3f4f6;
float: left;
width: 75%;
min-height: 85px;
}
.left-tab-part-chat .btn-ask-and-expert a{
display: inline-block;
width: 200px;
border-radius: 30px;
box-shadow: -5px 8px 15px rgba(0, 0, 0, 0.2);
}
.left-tab-part-chat .btn-ask-and-expert a.dissabled{
background:#dadada;
color:#fff;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data{
padding:15px 25px;
background:#dfe4ea;
color:#000;
width:100%;
box-sizing:border-box;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table{
border-collapse:collapse;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td{
padding: 0px 15px 0px 0px;
border:none;
vertical-align:middle;
color:#000;
font-size:18px;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td span img{
height: 45px;
width: 45px;
border-radius: 100%;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td h1{
margin: 0;
color: #000;
text-align: left;
font-size: 16px;
text-transform: initial;
}
.outer-cnt-snd .right-tab-part-chat .email-to-data table tr td p{
color:#a6aab3;
font-size:14px;
}
.enter-type-msg{
width:100%;
padding:20px;
box-sizing: border-box;
}
.outer-slct-data-part{
width: 100%;
padding: 10px 0px 20px;
border-bottom: 1px solid #e0e3ea;
color: #000;
font-weight:500;
font-size: 17px;
background-image: url(../images/Dropdown.png);
background-repeat: no-repeat;
background-position: 99% 18px;
text-indent: 16px;
cursor:pointer;
position:relative;
}
.enter-type-msg .ask-qstn-usr{
width:100%;
height:100%;
display:inline-block;
margin-top: 5px;
}
.enter-type-msg .ask-qstn-usr textarea{
resize: none;
min-height: 100%;
border: none;
padding: 20px 0;
color: #000;
border-radius: 0px;
box-shadow: none;
width: 100%;
box-sizing: border-box;
max-height:30vh;
font-family: Roboto;
line-height: 22px;
outline:none;
font-size:16px;
}
.images-uplaod-data{
width:100%;
display:inline-block;
border-top:1px solid #cccccc29;
padding-top: 15px;
}
.images-uplaod-data-left{
width:200px;
height:200px;
float:left;
position:relative;
}
.images-uplaod-data-left img{
width:100%;
}
.images-uplaod-data-left span img{
width:auto;
position:absolute;
top: -10px;
right: -10px;
cursor:pointer;
}
.remove{
display:none;
}
.images-uplaod-data-left:hover .remove{
display:block;
}
.upload-data-file{
position: absolute;
bottom:0;
left:0;
width:100%;
padding:0px 20px;
box-sizing: border-box;
background:#fff;
}
.conversation{
position: absolute;
bottom:0;
left:0;
width:100%;
padding:25px 30px;
box-sizing: border-box;
background:#fcd2d3;
text-align:center;
}
.conversation p{
font-size: 16px;
color: #000;
}
.conversation p a{
color:#ed1b24;
text-decoration:underline;
}
.inner-attach{
width:100%;
padding:25px 0px;
border-top:1px solid #e0e3ea;
text-align:right;
}
.inner-attach a{
text-decoration:none;
padding:10px 20px;
font-size:18px;
border-radius:30px;
display: inline-block;
}
.inner-attach a:first-child{
border: 1px solid #3336;
color: #333333bd;
margin-right: 5px;
position: relative;
border-radius: 50%;
padding: 0;
}
.inner-attach a:hover:first-child{
border: 1px solid #333;
color: #333;
}
.inner-attach a:last-child{
background:#0970f9;
color:#fff;
border:1px solid #0970f9;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}
.inner-attach a img{
width: 43px;
vertical-align: middle;
}
.rgt-icon i{
width: 5px;
height: 5px;
background: red;
position: absolute;
top: -6px;
left: 0;
right: -11px;
bottom: 0;
margin: auto;
border: 2px solid #fff;
border-radius: 100%;
}
.query-outer-part{
padding: 20px;
box-sizing: border-box;
text-align: left;
width:100%;
}
.enter-type-msg .ask-qstn-usr::placeholder {
color: #989898;
}
.qston-data{
width:100%;
display:inline-block;
margin-top:20px;
position: absolute;
top: 60px;
bottom: 89px;
overflow: auto;
border-bottom: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
}
.qston-data ul li.active {
background: #f1f2f6;
border-left:none;
}
.qston-data ul li {
width: 100%;
list-style: none;
padding:20px;
box-sizing: border-box;
border-left:none;
cursor: pointer;
border-bottom: 1px solid #e0e3ea;
display:inline-block;
}
.qston-data .data-part-cht {
width: 100%;
display: inline-block;
}
.qston-data ul li .cntnt-chat {
width: 100%;
display: inline-block;
padding: 10px 0px;
box-sizing: border-box;
border:none;
}
.qston-data ul li.active .cntnt-chat {
border-color:none;
}
.qston-data ul li .cntnt-chat h4 {
color:#929292;
line-height: 22px;
text-align: left;
font-size: 16px;
}
.qston-data ul li.active .cntnt-chat h4 {
color:#000;
}
.qston-data ul li .cntnt-chat p {
color: #8e9aaa;
line-height: 22px;
text-align: left;
font-size: 15px;
margin: 9px 0px 0px;
}
.qston-data ul li:last-child{
border:none;
}
.qston-data ul li .left-prfole{
width:auto;
float:left;
margin-right:9px;
}
.qston-data ul li .left-prfole img{
height: 40px;
width: 40px;
border-radius: 100%;
}
.qston-data ul li .rgt-cnt-sub{
float:left;
width:79%;
}
.subject-related-chat{
width:100%;
display:inline-block;
padding:0px 30px;
background:#fff;
box-sizing: border-box;
}
.outer-icn-prt{
width:100%;
display:inline-block;
padding: 28px 0px 20px;
border-bottom:1px solid #e0e3ea;
}
.subject-related-chat .date-subject{
float:left;
color:#000;
font-size:16px;
}
.subject-related-chat .icon-report{
float:right;
position:relative;
}
.subject-related-chat .icon-report img{
width: 18px;
margin-right: -10px;
cursor: pointer;
margin-top: -3px;
}
.chat-part-data{
background:#f4f5f9;
height:100%;
}
.part-chat-tab{
padding:25px;
width:100%;
box-sizing: border-box;
display:inline-block;
max-height:80%;
overflow:auto;
}
.upload-data-file .input-part-chat{
position: initial;
}
.upload-data-file .sendfile{
float: right;
display: inline-block;
width:45px;
height:45px;
border-radius: 50%;
line-height: 50px;
text-align: center;
border: 0px solid ;
cursor: pointer;
background-image: url(../image/Attachment.png);
background-repeat: no-repeat;
background-position: center center;
background-size:contain;
color: transparent;
padding:0px;
font-size: inherit;
position: absolute;
right:100px;
top:22px;
cursor:pointer;
border:1px solid #333;
}
.upload-data-file .sendfile input{
width: 100%;
position: absolute;
z-index: 9999;
padding: 0;
opacity: 0;
height: 100%;
left: 0;
cursor:pointer;
}
.report-drpdown{
position: absolute;
padding: 10px 20px;
background: #fff;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
color: #000;
right: -2px;
top: 24px;
cursor:pointer;
display:none;
font-size:14px;
}
.report-popup{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.56);
z-index: 9999;
display: none;
}
.report-popup-child{
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
z-index: 99999;
border-radius: 6px;
padding:25px;
box-sizing:border-box;
text-align:center;
}
.bubble, .progress-indicator > li.completed.half .bubble::after, .progress-indicator > li.completed.half .bubble::before{
width:50%;
z-index:999;
}
.center-image-data{
width:100%;
display:block;
text-align:center;
}
.center-image-data img{
width: auto;
}
.report-popup-child h1{
font-size: 18px;
color: #000;
margin: 12px 0px;
font-weight: 600;
}
.report-popup-child p{
font-size: 14px;
color: #333333d6;
}
.report-btn-pro{
width:100%;
display:inline-block;
text-align: center;
margin-top:30px;
}
.report-btn-pro a{
text-decoration: none;
padding: 10px 20px;
font-size: 18px;
border-radius: 30px;
display: inline-block;
}
.report-btn-pro a:first-child {
border: 1px solid #333;
color: #333;
margin-right: 15px;
}
.report-btn-pro a:last-child {
background: #ba151b;
color: #fff;
border: 1px solid #ba151b;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}
.user-upload-images{
max-width:93%;
display:inline-block;
text-align:right;
margin-right: 57px;
margin-top:10px;
float:right;
}
.user-upload-images img{
width:100px;
height:100px;
border-radius:6px;
margin-left:10px;
}
.satisfied-conversation{
width:100%;
text-align:right;
display:inline-block;
margin: 50px 0px 10px;
}
.satisfied-conversation p{
text-align: right;
font-size: 14px;
margin-bottom: 10px;
}
.satisfied-conversation a{
text-decoration: none;
padding: 8px 20px;
font-size: 14px;
border-radius: 30px;
display: inline-block;
background: #e3e7f2;
color: #000;
border: 1px solid #33333373;
}
.satisfied-conversation a:hover{
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.ntficton{
width:100%;
display:inline-block;
position: relative;
}
.notification-info {
width: 100%;
padding: 10px 24px;
box-sizing: border-box;
color: #000;
font-weight: 700;
background:#dadada;
border-radius: 30px;
font-size: 16px;
cursor: pointer;
position:absolute;
right:-370px;
transition: background-position 5ms ease-out;
-moz-transition: background-position 5ms ease-out;
-webkit-transition: background-position 5ms ease-out;
-o-transition: background-position 5ms ease-out;
}
.notification-info span.cancel-notification{
position: absolute;
right: 20px;
top: 14px;
}
.notification-info span.cancel-notification:before{
content: '';
width: 1px;
background: #cccc;
position: absolute;
left: -13px;
height: 20px;
top: -4px;
}
.notification-info span.cancel-notification img{
width:auto;
cursor:pointer;
}
.dropdown-ui {
background: #fff;
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
border: 0;
border-radius: 0 0 24px 24px;
box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);
padding-bottom: 4px;
overflow: hidden;
position:absolute;
top:40px;
width:100%;
display:none;
}
.dropdown-ui ul li{
list-style: none;
font-size: 14px;
color: #000;
width: 100%;
margin: 5px 0px;
padding: 5px 20px;
}
.dropdown-ui ul li a{
text-decoration: none;
font-size: 16px;
}
.left-drpdwn .slct-bx.gogle-drop{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: rgba(223,225,229,0);
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
background: #fff;
color: #000;
}
.progress-indicator > li .left-arrow::before{
display: block;
position: absolute;
top: 9px;
width: 50%;
height: 3px;
content: '';
background-image: url(../images/tik-tock.png);
left: -50%;
z-index:1;
}
/*active data*/
.left-drpdwn .slct-bx.active{
background-image: url(../images/Dropdown.png);
background-repeat: no-repeat;
background-position: 93% 17px;
}
.outer-cnt-snd .right-tab-part-chat.second-data-active{
box-shadow:none;
}
.second-data-active .email-to-data, .enter-type-msg{
display:block;
}
.inner-attach a input{
width: 100%;
position: absolute;
z-index: 9999;
padding: 0;
opacity: 0;
height: 100%;
left: 0;
cursor: pointer;
}
.outer-slct-data-part .dropdown-ui{
display:none;
}
.outer-slct-data-part.gogle-drop {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: rgba(223,225,229,0);
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
background: #fff;
color: #000;
}
#submitDubt {
width: 100%;
display: inline;
}
.input-part-chat .sent-btn.sendchabtn.active {
// background: #0970f9;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
background-image: url(../image/send.png);
background-repeat: no-repeat;
background-position: 9px;
background-size: 46% 50%;
color: transparent;
border: 1px solid #0970f9;
}
.input-part-chat .sent-btn.sendchabtn {
float: right;
display: inline-block;
width: 45px;
height: 45px;
background: #edf0f7;
border-radius: 50%;
line-height: 50px;
text-align: center;
border: 0px solid;
cursor: pointer;
background-image: url(../images/svg/send.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 55% 60%;
color: transparent;
padding: 0px;
font-size: inherit;
position: absolute;
right: 37px;
top: 22px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
border: 1px solid #edf0f7;
outline: none;
}
.input-part-chat .sent-btn {
width: 100%;
border: none;
padding: 35px 100px 35px 25px;
font-size: 16px;
box-sizing: border-box;
color: #393232;
outline: none;
}
.outer-slct-data-part select.slct-bx{
background:none;
float: left;
border: none;
width: 100%;
outline: none;
}
/*
.overvieworange-new .overviewbar span{
background:orange;
}
*/
.overvieworange-new .overviewbar span{
background:#f4e0b1;
}
.overvieworange-new .compareblk_hdng{
color:orange;
}
/*add new part refer css add by satyam dubey*/
.main-refer-data{
width: 100%;
padding: 40px 70px;
box-sizing: border-box;
}
.outer-refer-prt{
width: 100%;
box-sizing: border-box;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
background:#fff;
border-radius:8px;
overflow: hidden;
text-align:left;
}
.inner-banner-data-refer{
width:100%;
background-image:url(../images/background-refer.png);
height:298px;
background-repeat:no-repeat;
background-size: cover;
}
.refer-earn-data{
padding: 40px 80px;
width: 100%;
box-sizing: border-box;
float: left;
position:relative;
}
.outer-data-earn{
width:100%;
display:inline-block;
}
.outer-data-earn h1{
font-size: 20px;
color:#fff;
text-align: left;
text-transform: inherit;
font-weight: 600;
}
.outer-data-earn p{
color:#fff;
font-size:16px;
margin:10px 0px;
}
.outer-data-earn p span{
color:#f4f013;
}
.btn-data-refer{
width:100%;
float:left;
margin: 20px 0px 20px;
}
.btn-data-refer a{
font-weight:500;
text-decoration: none;
display: inline-block;
font-size:18px;
float: left;
}
.btn-data-refer input{
background:#244372;
border: 1px dashed #fff;
color:#fff;
padding: 10px 30px;
border-radius: 6px 0px 0px 6px;
position: relative;
z-index: 9;
font-weight:500;
text-decoration: none;
display: inline-block;
font-size:18px;
float: left;
min-width:100px;
max-width:150px;
text-align:center
}
.btn-data-refer a:last-child{
background:#fff;
border: 1px solid#fff;
color:#0972f8;
padding: 10px 26px;
margin-left: -4px;
border-radius: 0px 6px 6px 0px;
}
.share-data-part{
width:100%;
display:inline-block;
}
.share-data-part h3{
font-weight:500;
color:#fff;
text-align:left;
font-size:16px;
margin-bottom: 15px;
}
.share-data-part a{
display: inline-block;
margin-right: 10px;
}
.redeem-coins-btn{
position:absolute;
top: 32px;
right: 36px;
}
.redeem-coins-btn a{
background:#fff;
border: 1px solid #fff;
color:#0972f8;
padding: 10px 16px;
border-radius:25px;
display:inline-block;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.redeem-coins-btn a img{
margin-right: 6px;
}
.get-coins-outer{
width:100%;
display:inline-block;
float:left;
}
.get-earn-data{
padding:0px 80px 0px;
width: 100%;
box-sizing: border-box;
float: left;
margin-bottom: 30px;
}
.get-data-in{
width: 100%;
display: inline-block;
float: left;
background:
#e8eff7;
padding: 30px 20px;
box-sizing: border-box;
}
.get-data-in h1{
color:#000;
font-size:18px;
text-align:left;
}
.get-data-in h1 span{
color:#69ca9f;
}
.clear{
clear:both;
}
.left-coins{
width:50%;
float:left;
}
.rigth-coins-img{
width: auto;
float:right;
}
.rigth-coins-img img{
width:auto;
}
.one-refer-you-get{
width: 215px;
background: #fff;
padding: 20px;
border: 1px dashed #d0e1f5;
box-sizing: border-box;
margin: 20px 0px;
}
.one-refer-you-get h2{
color:
#000;
font-weight: 600;
font-size: 18px;
margin: 0px 0px 10px;
}
.one-refer-you-get h3{
color:
#0970f9;
font-weight: 600;
font-size: 20px;
}
.get-text-info{
width:100%;
float:left;
}
.get-text-info ul{
list-style:initial;
}
.get-text-info ul li{
width:100%;
list-style:disc;
list-style-position: inside;
margin-bottom: 10px;
font-size: 16px;
color:#333333c4;
}
.outer-coins{
width:100%;
display:inline-block;
background: #e7e7e7;
padding:15px 30px;
box-sizing: border-box;
}
.reedem-coins{
width:100%;
box-sizing: border-box;
padding: 25px 30px;
min-height:67vh;
}
.reedem-coins h1{
color:#000;
font-size: 20px;
text-align: left;
font-weight: 600;
margin-bottom: 5px;
}
.reedem-coins p{
font-size:16px;
color:#000;
}
.left-coins-new{
float:left;
width:auto;
}
.rgt-coins-btn{
float:right;
width:auto;
}
.rgt-coins-btn a{
background:#0870fb;
border: 1px solid #0870fb;
color:#fff;
padding: 10px 16px;
border-radius:25px;
display:inline-block;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.rgt-coins-btn a img{
margin-right:6px;
}
.outer-earned-data{
width:100%;
display:inline-block;
}
.left-img-data{
float:left;
width: auto;
margin-right: 25px;
}
.left-txt-data{
float:left;
width: auto;
}
.left-txt-data h2{
font-size:17px;
font-weight:500;
color:#333333d9;
margin-bottom: 4px;
}
.left-txt-data h3{
font-size:18px;
font-weight:700;
color:#000;
}
.packages-redeem .outer-product-package{
margin-top:5px;
}
.packages-redeem .outer-product-slider .owl-carousel .owl-nav button.owl-prev{
left: -16px;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item{
padding:7px;
transition:0.5s ease;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item:hover{
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
}
.packages-redeem .outer-product-slider .owl-carousel .product-item h3 {
margin: 10px 0px 6px;
font-weight: 600;
font-size: 15px;
min-height: 36px;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item .vdo-cntnt{
padding: 0px 4px;
}
.packages-redeem .outer-product-slider .owl-carousel .product-item .vdo-cntnt span{
background:#fff;
border-color:#fff;
color:#000;
padding: 7px 10px;
font-size:14px;
}
.instuction-redeem{
width: 100%;
box-sizing: border-box;
padding: 25px 30px;
min-height: 67vh;
}
.instuction-redeem .accordion {
width:100%;
display:inline-block;
}
.instuction-redeem .accordion__answer {
display: none;
padding:15px;
border: 1px solid #edf0f5;
border-radius: 0px 0px 6px 6px;
}
.instuction-redeem .accordion__answer p{
font-size:16px;
}
.instuction-redeem .accordion__item {
margin-bottom:20px;
}
.instuction-redeem .accordion__question {
position: relative;
background:#edf0f5;
border-radius:6px;
padding:15px 15px 15px 15px;
font-size: 1em;
cursor: pointer;
}
/* .instuction-redeem .accordion__question::before {
content: '';
display: inline-block;
border: solid #000;
border-width: 0 2px 2px 0;
padding: 3px;
position: absolute;
top: 40%;
right:20px;
transform: rotate(45deg);
transition: transform .2s linear;
}
.instuction-redeem .expanded.accordion__question::before {
content: '';
border: solid #000;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
position: absolute;
top: 50%;
right:20px;
transform: rotate(-135deg);
transition: transform .2s linear;
}*/
.instuction-redeem .accordion__question.expanded{
border-radius: 6px 6px 0px 0px;
}
.outer-accordian-part-new{
width:100%;
display:inline-block;
}
.left-data-acco{
width:auto;
float:left;
}
.left-data-acco h1{
font-size:16px;
color:#000;
font-weight:600;
}
.left-data-acco p{
font-size: 15px;
margin-top: 4px;
color:
#3333338a;
}
.left-data-acco.center{
width:auto;
float:right;
}
.left-data-acco.center span{
display: inline-block;
margin:0 auto;
margin-top: 11px;
}
.left-data-acco.center span img{
vertical-align:top;
margin-right:8px;
}
.left-data-acco.center span b{
color:red;
font-size:16px;
}
.conts-cntnt{
width:100%;
display:inline-block;
}
.conts-cntnt p{
color:#000;
line-height:24px;
font-size:15px;
}
.conts-cntnt ul {
list-style: initial;
margin-top:10px;
}
.conts-cntnt ul li {
width: 100%;
list-style: disc;
list-style-position: inside;
margin-bottom:5px;
font-size: 15px;
color:#000;
}
.outer-part-popup-coins{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.56);
z-index:9999;
display:none;
}
.outer-part-popup-coins-child{
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index:99999;
background:#fff;
width:60%;
padding: 20px;
box-sizing: border-box;
border-radius:10px;
}
.outer-part-popup-coins-child.second-step{
width:44%;
display:none;
}
.outer-part-popup-coins-child p.popupCancel{
background:none;
width: 25px;
height: 39px;
position: absolute;
top: -15px;
right: -33px;
cursor: pointer;
}
.close-btns{
display: inline-block;
width: 18px;
height: 18px;
overflow: hidden;
position: absolute;
right: 6px;
top: 14px;
cursor: pointer;
}
.close-btns::before, .close-btns::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
}
.close-btns::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-btns:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.part-of-coins{
width:100%;
display:inline-block;
}
.left-data-popup-img{
float:left;
width:40%;
}
.left-data-popup-img img{
width:100%;
}
.left-data-txt-new{
width:57%;
float:left;
margin-left:3%;
text-align:left;
}
.left-data-txt-new h1{
font-weight:600;
font-size:20px;
color:#333;
}
.left-data-txt-new .data-rad{
background: #fff;
box-shadow: 0px 1px 11px 1px #b9a9a95e;
color: #000;
padding: 7px 10px;
font-size: 14px;
margin-top:10px;
border-radius: 25px;
display: inline-block;
}
.left-data-txt-new .data-rad img {
max-width: 14px;
float: left;
vertical-align: middle;
margin-right: 5px;
}
.packages-redeem .outer-product-slider .owl-carousel .owl-item .product-item .vdo-cntnt img{
max-width:17px;
}
.outer-part-popup-coins .data-rad img{
max-width:17px;
}
.outer-part-popup-coins .left-data-txt-new p{
margin: 12px 0px 4px;
font-size: 14px;
line-height: 22px;
color:#333;
}
.outer-part-popup-coins .key-features-data{
margin:4px 0px 20px;
}
.outer-part-popup-coins .key-features-data p{
color:#000;
font-size:16px;
text-align:left;
margin:0px;
}
.outer-part-popup-coins .key-features-data ul{
list-style: initial;
margin-top:8px;
}
.outer-part-popup-coins .key-features-data ul li{
width:100%;
list-style:disc;
list-style-position: inside;
margin-bottom:4px;
font-size: 14px;
color:#000;
}
.rgt-coins-btn-new{
width:100%;
float:left;
margin: 3px 0px 20px;
}
.rgt-coins-btn-new a {
background: #0870fb;
border: 1px solid #0870fb;
color: #fff;
padding: 13px 30px;
border-radius: 25px;
display: inline-block;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.08), 0 0px 30px 0 rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.classroom-study-data{
width:100%;
padding:6px 14px;
box-sizing: border-box;
}
.classroom-study-data h1{
font-size:20px;
text-align:left;
color: #000;
font-weight:600;
}
.outer-step-part{
width:100%;
padding:45px 50px 12px;
box-sizing: border-box;
float:left;
text-align:left;
}
.pack-data-step{
width:47%;
float:left;
box-sizing: border-box;
margin-right:24px;
border:1px dashed #ccc;
border-radius:6px;
text-align:center;
padding:20px;
}
.pack-data-step h1{
text-align:center;
font-weight:600;
text-transform:uppercase;
color:#747474;
font-size: 17px;
}
.pack-data-step .data-rad{
background: #ff817e;
box-shadow: 0px 1px 11px 1px #b9a9a95e;
color: #000;
padding: 7px 10px;
font-size: 14px;
margin-top:17px;
border-radius: 25px;
display: inline-block;
}
.pack-data-step .data-rad img {
max-width: 14px;
float: left;
vertical-align: middle;
margin-right: 5px;
}
.cntent-data-new{
margin:20px 0px 0px;
width:100%;
display:inline-block;
background:#fff8eb;
padding:5px;
box-sizing: border-box;
border-radius:3px;
}
.cntent-data-new p{
font-size:14px;
color:#333;
}
.rgt-coins-btn-new-last{
text-align:center;
float: left;
margin: 35px 0px 0px;
width:100%;
}
.rgt-coins-btn-new-last a:first-child {
background: #0870fb;
border: 1px solid#0870fb;
color:#fff;
padding: 13px 30px;
border-radius: 25px;
display: inline-block;
box-shadow: 0 0px 10px 0
rgba(0,0,0,0.08), 0 0px 30px 0
rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.rgt-coins-btn-new-last a:last-child{
background:none;
color:#747474;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 13px 30px;
}
.outer-product-slider #owl-carousel1.owl-carousel .owl-item .product-item img{
width:230px;
height:200px;
}
.btn-data-refer .copy-linkpart{
background:#244372;
border: 1px dashed #fff;
color:#fff;
padding: 10px 30px;
border-radius: 6px 0px 0px 6px;
position: relative;
z-index: 9;
font-weight:500;
text-decoration: none;
display: inline-block;
font-size:18px;
float: left;
min-width:100px;
text-align:center
}
/* new css report start by satyam dubey */
.outer-main-part-report-new-dashboard{
width:100%;
display:inline-block;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs{
padding:0px;
width: auto;
border-bottom: 0px solid #e9e9e9;
background: #fff;
border-radius:6px;
overflow: hidden;
box-sizing: border-box;
height:auto;
display:inline-block;
box-shadow:none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li{
margin:0px;
padding:10px 15px;
border: 1px solid #ccc;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li:first-child{
border-radius:6px 0px 0px 6px;
border-right: none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li:last-child{
border-radius:0px 6px 6px 0px;
border-left: none;
}
.outer-main-part-report-new-dashboard .news-rowmainpage .tabs li.active{
color:#fff;
border-color:#007aff;
font-family: RobotosemiBold;
background:#007aff;
}
.outer-headingpart-report{
width:100%;
display:inline-block;
padding: 25px 0px;
box-sizing: border-box;
background: #e6e8f0;
}
.outer-headingpart-report .pagename{
margin:0px;
}
.roport-main-info{
width:100%;
display:inline-block;
}
.outer-headingpart-report .content{
width: 100%;
padding:0px 45px;
box-sizing: border-box;
max-width:inherit;
}
.roport-main-info .content{
width: 100%;
padding:0px 45px;
box-sizing: border-box;
max-width:inherit;
background: #eff1f7;
}
.outer-main-part-report-new-dashboard .overviewblock_main{
width: 18.7%;
margin:0px 12px;
border: 1px solid #e6e9f4;
box-shadow: none;
padding:25px;
}
.outer-main-part-report-new-dashboard .overviewblock_main:first-child{
margin-left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main:last-child{
margin-right:0px;
}
.outer-main-part-report-new-dashboard .overanalysis_blockbig{
width:31.7%;
margin:0 28px 0px 0;
border: 1px solid #e6e9f4;
box-shadow: none;
}
.outer-main-part-report-new-dashboard .overanalysis_blockbig:last-child{
margin-right:0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv{
padding:25px;
}
.outer-main-part-report-new-dashboard .overviewblock_outr{
margin-top: 35px;
}
.outer-main-part-report-new-dashboard .overanalysis_reporting{
margin-top: 35px;
border: 1px solid #e6e9f4;
box-shadow: none;
}
.outer-main-part-report-new-dashboard .overviewblock_outr:first-child{
margin-top:28px;
}
.outer-main-part-report-new-dashboard .cardinr.overviewblock_main.fullwidthblock_main{
width:100%;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main{
width:100%;
}
.outer-main-part-report-new-dashboard #solutionreport{
margin-top:5px;
}
.outer-main-part-report-new-dashboard .score_count{
color:#000;
font-size: 20px;
margin-bottom: 5px;
}
.outer-main-part-report-new-dashboard .overviewblock_main .grayinfo{
color: #a9a9a9;
margin-bottom: 25px;
font-family:inherit;
text-transform:inherit;
font-size:14px;
}
.outer-main-part-report-new-dashboard .icon-data-part{
width:100%;
display:inline-block;
margin: 0px 0px 30px;
}
.outer-main-part-report-new-dashboard .Report_heading{
color:#000;
font-size:14px;
border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward{
padding:10px 10px 40px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .mark-part{
background:#fff9e6;
text-align:center;
padding:15px 10px 25px;
}
.outer-data-reward-report{
width:100%;
display:inline-block;
}
.outer-data-reward-report .reward-image{
width:100%;
display:inline-block;
padding:25px 0px 0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info{
width:100%;
display:inline-block;
margin:20px 0px 0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part{
width:31%;
float:left;
margin-right:12px;
min-height:68px;
text-align:center;
padding:10px;
box-sizing:border-box;
border-radius:6px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part:last-child{
margin:0px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.positive{
background: rgb(228,245,207);
background: linear-gradient(180deg, rgba(228,245,207,0.5) 0%, rgba(248,252,243,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.negative{
background: rgb(246,224,224);
background: linear-gradient(180deg, rgba(246,224,224,0.5) 0%, rgba(252,244,244,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.left{
background: rgb(226,235,248);
background: linear-gradient(180deg, rgba(226,235,248,0.5) 0%, rgba(248,250,252,0.5) 100%);
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.positive h1{
color:#7bb730;
font-weight: 600;
margin: 15px 0px 0px;
font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.positive p{
color:#7bb730;
font-size: 14px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.negative h1{
color:#e41a18;
font-weight: 600;
margin: 15px 0px 0px;
font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.negative p{
color:#e41a18;
font-size: 14px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.left h1{
color:#898989;
font-weight: 600;
margin: 15px 0px 0px;
font-size:20px;
}
.outer-main-part-report-new-dashboard .overall_inrdiv.reward .user-reward-info .positive-part.left p{
color:#898989;
font-size: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main:first-child{
margin-left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main{
width:31.5%;
padding:20px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main .grayinfo{
color:#000;
font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewgreen{
width:25%;
float:left;
margin-right:30px;
text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overvieworange-new{
width:25%;
float:left;
margin-right:30px;
text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .over-view-data{
width:25%;
float:left;
text-align:center;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .compareblk_hdng span{
float:none;
font-weight:600;
color:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .over-view-data .compareblk_cmpr{
margin:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewbar{
height: 165px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .compareblk_hdng{
font-weight:600;
font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data .overviewbar.bottom span{
width:100%;
top:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .overviewgreen{
width:100%;
margin:0px 0px 0px;
background: #eee;
border-radius: 14px;
position:relative;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .overvieworange-new{
width:100%;
margin:20px 0px 0px;
position:relative;
background: #eee;
border-radius: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.overviewblock_main.comparisionre_main.accuracy-main-part .over-view-data{
width:100%;
margin:20px 0px 0px;
position:relative;
background: #eee;
border-radius: 14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar {
height:60px;
margin:0px;
width:76%;
float:left;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar.bottom span{
top: 0px;
bottom: 0px;
left: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng{
position: absolute;
left: 11px;
top: 22px;
z-index: 9;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng.bottom-accuracy{
right: 0;
left: inherit;
width: 20%;
float: right;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .compareblk_hdng.bottom-accuracy span:after{
content: '';
height: 60px;
background:#ccc;
left: -7px;
position: absolute;
z-index: 9;
width: 1px;
top: -22px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data{
width:100%;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparisiontable_outr{
border:none;
background:none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr{
border:none;
background:none;
margin-bottom:10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div{
border:none;
font-weight:600;
font-size:14px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead div{
text-align:left;
background:none;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
color:#737373;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead{
border:none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead{
text-align:left;
margin:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.tablehead div:last-child{
margin-top:0px;
margin-bottom:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div{
text-align: right;
width: 16%;
margin-right: 40px;
padding: 0px 10px;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
height: 45px;
line-height: 46px;
background:#eeeff2;
border-radius: 0px 4px 4px 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr div:last-child{
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.fullwidthblock_main.table-bottm-data .comparetr.active {
border: 2px solid #3a9876;
box-sizing: border-box;
overflow: hidden;
border-radius:6px;
box-shadow:0px 0px 6px #999;
}
.outer-main-part-report-new-dashboard .inner_tab{
background: none;
padding: 0px;
border-radius: 0px;
overflow: hidden;
border-bottom: 1px solid #e6e9f4;
height: auto;
margin-bottom: 20px;
}
.outer-main-part-report-new-dashboard .inner_tab li{
padding:0px 20px;
height:auto;
color:#000;
}
.outer-main-part-report-new-dashboard .inner_tab li.active{
color:#007aff;
background:none;
border-bottom: 3px solid #007aff;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation {
border-top: none;
border-radius:3px;
padding-top:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slrprt_qn{
color: #333;
padding: 10px 0px;
border-radius: 6px;
display:inline-block;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_head{
background: #f2f4f9;
color: #000;
font-weight: 600;
border-color: #e6e9f4;
height: 50px;
line-height: 50px;
box-shadow: 0px 0px 9px #e6e9f49e;
margin-bottom:50px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_head.active{
margin-bottom:0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slide_icon img{
margin-top:17px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content {
margin-bottom:30px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng{
position:relative;
background:#e6e8f0;
padding:6px 0px;
box-sizing: border-box;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng:after{
content: '';
position: absolute;
top: 0;
height:49px;
background: #e6e9f4;
width:26px;
right: -26px;
left:inherit;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .solutnrprthdng:before{
content: '';
position: absolute;
top: 0;
height:49px;
background: #e6e9f4;
width:26px;
left: -26px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slutnhdr_ryt{
margin-top:2px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .mainquestion_solutnrprt{
margin-top: 25px;
margin-bottom: 12px;
}
.outer-main-part-report-new-dashboard.my-test-part .news-rowmainpage .tabs li{
padding: 10px 50px;
border:none;
}
.outer-main-part-report-new-dashboard.my-test-part .news-rowmainpage .tabs{
height:auto;
}
.outer-filter-data-main{
width:100%;
display:inline-block;
padding: 20px 0px 0px;
}
.outer-filter-data-main ul li{
list-style:none;
display:inline-block;
border-bottom: 1px solid #e9e9e9;
}
.outer-filter-data-main ul li a{
text-decoration: none;
color: #000;
text-transform: uppercase;
border-bottom: 3px solid transparent;
padding: 0px 20px 6px;
font-size: 12px;
display:inline-block;
}
.outer-filter-data-main ul li a.active{
color:#007aff;
border-bottom:3px solid #007aff;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content div {
text-align: left;
padding:18px 20px;
box-sizing: border-box;
border: none;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content span{
color:#000;
margin-bottom:10px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content .accuracy-fill-up{
text-align: right;
width:100%;
margin-right: 40px;
padding: 0px 10px;
box-sizing: border-box;
margin-top: 10px;
margin-bottom:0px;
height: 45px;
line-height: 46px;
background: #eeeff2;
border-radius: 0px 4px 4px 0px;
position:relative;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slider_content .accuracy-fill-up .bg-cover-data{
position: absolute;
background: rgba(132,147,202,0.2);
left: 0px;
top: 0px;
bottom: 0px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .video-open{
background: #fcecec;
color: #000;
padding: 7px 10px;
display: inline-block;
float: left;
border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .video-open{
margin-right: 3px;
margin-top: -2px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .doubt-btn{
background: #ab1522;
color: #fff !important;
padding: 7px 10px;
display: inline-block;
border-radius: 6px;
min-width:138px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .slutnrprt_bookmark{
padding: 5px 6px;
background: #fff;
border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .askanswer{
background:#fcfae5;
color: #000 !important;
padding: 7px 10px;
display: inline-block;
border-radius: 6px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .askanswer img{
margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .doubt-btn img{
margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .faq-data{
background: #ecebfb;
color: #000 !important;
padding: 7px 10px;
display: inline-block;
border-radius: 6px;
float:left;
}
.outer-main-part-report-new-dashboard .overviewblock_main.solution-conversation .faq-data img{
margin-right:3px;
}
.outer-main-part-report-new-dashboard .overviewblock_main.comparisionre_main.report-data.accuracy-main-part .overviewbar.bottom span{
border-radius: 15px 0px 0px 15px;
}
/*test report css*/
.outer-main-part-test-report{
color: #535352;
font-weight: normal;
line-height: 14pt;
width:100%;
display:inline-block;
}
.outer-main-part-test-report .new-part-report{
border: 1px solid #e6e9f4;
box-shadow: none;
padding:15px;
width:100%;
box-sizing: border-box;
}
.outer-main-part-test-report .new-part-report .taketesthdr{
padding:0px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdate_dash{
width: auto;
height: auto;
border-radius: 6px;
background: #f0f1f6;
color: #000;
padding: 7px 12px 5px;
line-height: 18px;
margin-bottom:16px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdetails_dash{
margin:0px;
width:100%;
}
.outer-main-part-test-report .new-part-report .taketesthdr .testdate_dash h3{
margin:0px;
}
.outer-main-part-test-report .new-part-report .taketesthdr .remaining_time .left-days{
width:auto;
float:left;
margin-left:10px;
text-align:center;
color:#000;
}
.outer-main-part-test-report .new-part-report .taketesthdr .remaining_time .left-days .timing{
background: #e5e5e5;
padding:6px 13px;
color: #000;
border-radius: 3px;
font-size: 16px;
display: inline-block;
}
.outer-main-part-test-report .new-part-report .taketest_footer{
background:none;
}
.outer-main-part-test-report .new-part-report .taketest_footer .testinrdiv{
border:none;
padding:15px 0px 5px;
width:20%;
}
.outer-main-part-test-report .new-part-report .viewreport_btn{
margin:15px 0px 5px 15px;
}
.outer-main-part-test-report .new-part-report .left-images-test{
width: auto;
float: left;
margin: 5px 13px 0px 0px;
}
.outer-main-part-test-report .new-part-report .testinrdiv div{
font-size:14px;
}
.outer-main-part-test-report .new-part-report .viewreport_btn{
border-radius:3px;
padding: 0;
text-transform: initial;
}
.outer-main-part-test-report .new-part-report .testdetails_dash h3{
margin:0px;
}
/* new css report End by satyam dubey */
.qston-data ul#chatLeftMenu{
width:100%;
}
.proper_margin .bckbtn-rprt{
min-width: 90px;
}
span.hdngquries_fourm {
float: left;
width: 100%;
font-size: 26px;
color: #000;
font-weight: bold;
padding: 24px;
box-sizing: border-box;
border-bottom: 1px solid #e9e9e9;
}
.soltionBtnDiv {
display: flex;
align-items: center;
column-gap: 10px;
}
.soltionBtnDiv button {
background: #0278cb;
border: none;
color: #fff;
padding: 6px 10px;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
}
/* ////////////////////////////////// popup css start ///////////////////////////// */
.popupOuterDiv{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* display: flex; */
align-items: center;
justify-content: center;
background: #00000085;
z-index: 99;
}
.popupInnerDiv {
width: 800px;
background: #fff;
padding: 10px;
box-sizing: border-box;
border-radius: 3px;
position: relative;
}
.closePopupDiv {
position: absolute;
right: -19px;
top: -13px;
width: 15px;
height: 15px;
padding: 7px;
background: #000;
border-radius: 50%;
cursor: pointer;
}
.closePopupDiv img {
width: 100%;
height: 100%;
}
.popupWrapper {
width: 100%;
}
.popupContentDiv {
width: 100%;
min-height: auto;
max-height: 400px;
overflow: auto;
}
.videoIframeDiv{overflow-x: hidden;}
.videoIframeDiv iframe{
width: 100%;
height: 380px;
}
.solConent {
font-size: 14px;
padding: 20px;
}
/* ////////////////////////////////// popup css end ///////////////////////////// */