*{outline:none;}
.polirow{background: linear-gradient(180deg, #FFFFFF 0%, #F2FDFF 100%);
/* report test shadow cards */ padding:6px 20px;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);border-radius: 15px;}
.elcipsimg{width:60px;}
.nameuse{width:calc(100% - 60px); float:right; margin-top: 7px;}
.nameuse h4 {font-weight: 500; font-size: 18px; padding-left: 10px;font-family: roboto;}
.nameuse h4 span{display:block; font-weight: 400; font-size: 12px;}
.pagehead{text-align:center;    padding-top: 10px;  font-size: 24px;font-family: roboto; font-weight: 500;}
.polirow .ylwheadr-right {margin-top: 5px;}
.mt-30 {margin-top: 30px;}
.rankdata{text-align:center;}
.rankdata img {max-width:130px;}
.rankdata span {display:block;font-size:40px;font-family: roboto; font-weight: 500;}

div#chartbody {margin-top: 90px; transform: scale(1.1); margin-bottom	: 90px;}


button.videtan{background: #FFFFFF;
    opacity: 0.8;
    border: 4px solid #009EFF;
    box-sizing: border-box;
    border-radius: 28px;
    font-size: 16px;
    font-family: roboto;
    font-weight: 500;
    color: #009EFF;
    padding:10px 15px ;
    display: inline-block;    position: absolute;
    bottom: 23px;
    right: 40px;}

button.btndown {
    background: #FFFFFF;
    opacity: 0.8; margin-right:10px;
    border: 2px solid #009EFF;
    box-sizing: border-box;
    border-radius: 28px;
    font-size: 13px;
    font-family: roboto;
    font-weight: 500;
    color: #009EFF;
    padding:10px 15px ;
    display: inline-block;
    width: 180px;
}
button.btndown span {
    width: calc(90% - 20px); line-height:normal; text-align:left;
    float: right;
}
button.btndown i {
    display: inline-block;
    float: left;
}
.mb-30{margin-bottom:30px;}
.attripart {margin-top: 30px;}
.attripart ul li {width: 49%; display: inline-block;vertical-align: top;line-height: 20px;padding:5px 10px; font-size:14px;}
.attripart ul li + li{width:37%;}
.attripart ul li + li + li{width:20px;    padding: 5px 0; font-size: .8rem;font-weight: 500;}
.attripart ul {list-style: none;padding: 0; margin: 0;}
.bond{border-radius:30px; height:20px; display:inherit;}
.onepart{width:20%;}
.threepart{width:60%;}
.twopart{width:40%;}
.fourpart{width:80%;}
.fivepart{width:85%;}
.redboll{background:#FE7B7B;}
.yelboll{background:#FFC670;}
.greeboll{background:#AFE8AF;}
.attripart ul li span {display: inline-block;vertical-align: top;}

.inst span {width: 43px;height: 43px; background: #BAE8F2CF; display: inline-block; border-radius: 100%; overflow: hidden;
text-align: center;line-height: 43px;}
.inst {
    text-align: left;
}
.datainsta {padding-left:10px; display:inline-block; width: calc(100% - 60px); vertical-align:top;}
.datainsta p{margin-bottom:0;}
.pt-60{padding-top:60px;}
.politytab.bartabs ul.nav-tabs{width: 550px; max-width: 100%;}
.politytab.bartabs ul.nav-tabs li{width:50%;}
.box6newbox{background:#fff; border-radius: 10px;	}
.boxtexdta ul li{width:70%; float:left;}
.boxtexdta ul li + li{width:30%;}
.boxtexdta ul li img{width:35px;}
.boxtexdta ul li span.strtetx{width:calc(100% - 40px); float:right;}
.boxtexdta ul li + li span{display:inline-block; font-size:14px;}
.boxtexdta ul {float: left;width: 100%; margin-bottom: 10px!important; padding-bottom: 0;}
button.btndown:focus,button.videtan:focus {outline: none;}
.popuoboxD .modal-content{background: linear-gradient(180deg, #FFFFFF 0%, #EBFBFF 16.98%);
border-radius: 5px; padding:20px 20px 40px 20px; }
.popuoboxD.modal .modal-header{background:none; text-align:left; display:block;border: none; padding:0;}
.popuoboxD.modal .modal-body {padding: 0; border: none;}
.popuoboxD.modal .modal-dialog{max-width:100%; width:600px;}
.hi_auto{height:auto!important;}
.popuoboxD.modal .modal-header h2,.popuoboxD.modal .modal-header h4,.popuoboxD.modal .modal-header p{color:#000; letter-spacing:0.3;font-family: roboto;}
.popuoboxD.modal .modal-header h2{font-weight:500; font-size:27px;margin-bottom: 0;}
.popuoboxD.modal .modal-header h4{font-weight:400; font-size:16px;margin-bottom: 0;}
.popuoboxD.modal .modal-header p{font-weight:400; font-size:12px;}
.hidebox{display:none;}
.datamode .whitebox h3 {text-align: left;}
.datamode .whitebox .attripart {margin-top: 10px;}
.datamode .whitebox .attripart li.text-right {font-size: 14px;}
g.apexcharts-datalabels-group {display: none;}
table.table.table-borered.comtable tr td{border: 1px solid #EBEBEB;  font-size:0.8rem; text-align:center;font-family: roboto; font-weight:500;padding: 5px;} 
table.table.table-borered.comtable tr:first-child td {border-top: 0;}
table.table.table-borered.comtable tr:last-child td {border-bottom: 0;}
table.table.table-borered.comtable tr td:first-child {border-left: 0;}
table.table.table-borered.comtable tr td:last-child {border-right: 0;}

.datamode ul li + li {
    width: 37%;
}
.onepartnew{width:20%;}
.twopartnew{width:40%;}
.threepartnew{width:60%;}
.fourpartnew{width:80%;}
.fivepartnew{width:100%;}
.datamode ul li + li + li {
    width: 20px;
    padding: 5px 0;
    font-size: .8rem;
    font-weight: 500;
}
.whitebox.whitebox_n_height {height: auto; margin-bottom: 30px;}
.section1head {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 5%);
    border-radius: 15px;
    display: inline-block;
    overflow: hidden;
    padding: 10px 20px;color: #252733; font-family: roboto; font-weight:700;font-size: 2rem;
}
.section1head img {width: 100px;margin-right: 20px;}
.questionbxo{background: linear-gradient(180deg, #FFFFFF 0%, #EDFCFF 100%);
/* report test shadow cards */

box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
border-radius: 15px; padding:15px 30px;}
.boxgraphfix h3 {text-align: left; border-bottom: 2px solid #cccccc8f; padding-bottom: 15px; font-size:2rem;}
.normlboxgraph.boxgraphfix h3{padding-bottom: 0;text-align:center; font-size:1.5rem; border:none;}
.boxgraphfix h3 span {float: right;}
.whitebox.boxgraphfix,.whitebox.footleftwhitebox,.whitebox.footleftwhitebox1 {height: auto;}

.footleftwhitebox img {
    width: 130px;
}
.rightboxdata1 {width: calc(100% - 150px); float: right; padding-top:0px;}
.rightboxdata {width: calc(100% - 150px); float: right; padding-top:30px;}
.rightboxdata h6{color:#252733C2; font-family: roboto; font-weight:500;font-size: 1.3rem;}
.rightboxdata h4{color:#000; font-family: roboto; font-weight:500;font-size: 1.8rem;}
.videoscore {display:block; width: 100%; position: relative; height: 130px; background: #263238; border-radius: 5px;}
.videoscore span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.footleftwhitebox1 h5 {color:#252733C2; font-family: roboto; font-weight:500; text-align: center; margin-bottom:15px; font-size: 1.3rem;}
.ansheet img.bigimag {width:90px; margin-left:15px;}
.ansbtn{background: #FFFFFF; opacity: 0.8; margin-right: 10px; border: 2px solid #009EFF; box-sizing: border-box; border-radius: 28px; font-size: 13px; font-family: roboto; font-weight: 500; color: #009EFF; padding: 10px 15px; display: block; width: 100%; text-align:center;}
.ansbtn i{display:block;}
.boxgraphfix ul {margin-bottom: 10px;}
.footleftwhiteboxnew h2{text-align:center;margin-bottom: 20px;font-family: roboto; font-weight:500;font-size:2rem;}
.normlboxgraph .attripart {margin-top:9px;}
.popuoboxD.modal .modal-header .close:focus{outline:none;}
.nextQ a {
    font-family: roboto;
    font-weight: 700;
    color: #009EFF!important;
    font-size: 1.5rem;
    text-decoration: none!important;
    margin-top: 30px;
    display: inline-block;
}
.leftsidesec {display:inline-block;
    background: #fff;
    border-radius: 20px;
    padding: 15px 10px;
    bottom: 0;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 5%);
}
.leftsidesec h5{color:#A4CDD7CF;font-family: roboto; font-weight:500;font-size:12px; text-align:center;}
.leftsidesec li{color:#009EFF;font-family: roboto; font-weight:500;font-size:18px; list-style:none;}
.leftsidesec li.activelistt img{filter: grayscale(1); opacity: 0.5;}
.leftsidesec li.activelistt{color:#C2C2C2;}
.leftsidesec ul {padding-left:0;}
.leftsidesec li:hover img {filter: grayscale(1);    opacity: 0.5;}
.leftsidesec li:hover{color:#C2C2C2;}


/* 10/7/2021 */

ul.dza{border:1px solid #659CFF;border-radius: 20px;justify-content: space-between; max-width: 1000px;margin: 0 auto;}
ul.dza li{padding:0; }
ul.dza li a{padding:10px 100px;background: #FFFFFF;border: none;box-sizing: border-box;border-radius: 20px;font-size: 1rem; font-weight:500;color: #009EFF;font-family: poppins; text-decoration:none; text-align:center; transition:all 0.3s;}
ul.dza li a.active,ul.dza li a:hover{background: #659CFF; color:#fff;text-decoration:none;}
.modelbox{padding:20px 25px;background: #FFFFFF;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);border-radius: 15px;    height: 100%;}
.rankbox{background: #FFF;box-sizing: border-box;  width: 100%;display: flex;justify-content: space-around;}
.partrank {display:flex;align-items: center;text-align: center; width: 45%;border: 1px solid #E0E0E0;border-radius: 8px; letter-spacing: 0.3px;padding: 12px 20px 12px 12px;justify-content: space-between;position:relative;float: left;}
.partrank div h4{font-size:24px;color:#0076FF; margin:0;text-align: left;font-weight: 400;}
.partrank div h4 span{font-size:10px;color: #666666;  display:block;margin-bottom: 5px;}
.grap-img{margin:20px 0px 30px 0px;max-width: 350px;margin: 0 auto;margin-bottom: 50px;}
.rankbox-img{width: 30px;background-color: rgba(0, 118, 255, 0.15);border-radius: 50%;height: 30px;display: flex;justify-content: center;align-items: center;}
.grap-img img{max-width:100%;}
.pd-15{padding:15px;}
.modelbox h4{font-size:12px; text-align:center; font-weight:500;color:#000;font-family: roboto;}
.modelbox ul {list-style: none; padding: 0; margin: 0;}
.modelbox ul li{border: 0.5px solid #E7E7E7;box-sizing: border-box;box-shadow: inset 0px 1px 15px #FFFFFF; padding:11px; color:#000;}
.modelbox ul li:not(:first-child){
    border-top: none;
}
.modelbox ul li.top-rank{
    background-color: rgba(0, 118, 255, 0.1);
    padding: 5px 11px;
    box-shadow: none;
}
.atmtable .card.smallbox .card-header img{
    width: 24px;

}
.atmtable .card.smallbox .card-header h4{
    margin: 0;
}
.atmtable .card.smallbox .card-header{
    
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: rgba(0, 118, 255, 0.1);;
}
.atmtable .card.smallbox .card-box{
    border: 1px solid rgba(204, 204, 204, 0.5);
    border-top: none;
    padding: 10px 15px;
}
.atmtable .card.smallbox .report-btn{
    color: #FFF;
    display: block;
}
.greenbtn{
    background-color: #6ABC2A !important;
    margin-bottom: 10px;
}
.atmtable .card.smallbox .box-data ul li{
    margin-bottom: 15px;
}
.prizerank{font-size:16px; font-weight:700; width:30px;display: inline-block;}
.prizerank span{font-size:12px; font-weight:500;}
.rankername{font-size:12px; font-weight:500; width: calc(100% - 70px); display: inline-block;}
span.rankicon {width: 30px; display: inline-block;}
ul.atmtab{border:none;}
.mt-50{margin-top:50px;}
.Attempted{background: #FFFFFF;border: 1px solid #DFDFDF;box-sizing: border-box;border-radius: 20px; margin:0 5px; padding:5px 15px; font-weight:400; font-size:1rem; text-align:center; color:#000; width:auto;font-family: roboto;}
.Attempted.notatm{background: #F9FFE3;}
.serchatm{background: #FFFFFF;border: 1px solid #CFCFCF;box-sizing: border-box;border-radius: 5px;font-family: roboto;color:#000;font-weight:400; font-size:18px; min-width:170px; padding:5px 10px;}
.atmtable {font-family: roboto; margin-top:30px;padding: 20px 0px;}
.atmtable th,.atmtable td{border:none!important; font-size:15px;}
.atmtable th{font-weight:500;}
.atmtable td{font-weight:400; position:relative;}
.atmtable td:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    right: 0;
    background: #E1E1E1;
}
ul.monzone li.active{background-color: #0076FF;color: #000!important;}
.atmtable td:last-child:after{display:none;}
.nonattamprow{background: #F9FFE3;box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);}
.attamprow{background: #fff;box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);}
button.arowcla {float:left;width: 21px; padding: 0; border: none; outline: none; background: no-repeat;display: inline-block;}
.caldata {float:left;width: calc(100% - 52px); display: inline-block;  background: #F0F0F0;}
.clazone {display: block;font-family: roboto;color:#000;font-size:18px; text-align: center;float:left; width:100%;}
ul.monzone{clear:both; float:left; width:100%; margin-top:30px;}
ul.monzone li{margin-bottom:5px;background: #FFF;box-shadow: none !important;border-radius: 5px;margin-bottom: 10px;font-size:16px;font-weight:500;font-family: roboto; text-align:center;border: 1px solid rgba(179, 179, 179, 0.3) !important;color:rgba(0, 0, 0, 0.5) ;}
ul.monzone li:hover{background: #0076FF;border: 1px solid #93C4E8;box-sizing: border-box;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.alldownload{background: radial-gradient(50% 50% at 50% 50%, #009EFF 0%, #009EFF 100%);border: 1px solid #CFCFCF;box-sizing: border-box;
border-radius: 20px;letter-spacing: 0.3px;font-size:18px;color: #FFFFFF; width:200px; padding:7px 15px;}
.boxcatchup{background: #FFFFFF; overflow:hidden;border: 1px solid #ABCEE8; float:left; width:100%; margin-top:30px;box-sizing: border-box;border-radius: 10px;font-family: roboto;}
.catchuphead{ text-align:center;background: #E2F3FF;border: 1px solid #ABCEE8; padding:10px;box-sizing: border-box;border-radius: 10px 10px 0px 0px;    float: left;
    width: 100%;}
.datecatbox{float:left;color:#6F6F6F; font-size:15px; font-weight:400;}
.sudynam{display:inline-block;color: #263238;font-size:15px; font-weight:400;}
.catdown{background: #FFFFFF; padding:1px 15px; font-size:15px; font-weight:400;color: #263238;border: 1px solid #878A8B;box-sizing: border-box;border-radius: 20px; float:right;}
.catchupdata {float: left; width: 100%; padding: 20px;}
.catchupdata h2{font-size:18px;font-weight:500;}
.catchupdata p{font-size:16px;font-weight:400; line-height:1.6;}
.img-responsive{max-width:100%;}
@media only screen and (max-width: 1440px) {
    ul.dza li a{
        padding: 10px 65px;
    }
    
}
@media only screen and (max-width: 1200px) {
    ul.dza li a{
        padding: 10px 45px;
    }
    
}
@media only screen and (max-width: 992px) {
    ul.dza li a{
        padding: 10px 20px;
    }
    
}