body{ margin:0; padding:0; background:#f2f2f2}
.headerOutter{background:#143066; float:left; padding:18px 0; width:100%}
.mainInner{margin:0 auto; width:1100px;}
.mainOutter{ float:left; width:100%}
.headerOutter .categoryName{float:left; font-family:calibri, calibriregular; color:#fff; font-size:18px;}
.headerOutter i{float:right; height:19px; width:20px; margin-left:22px; cursor:pointer; background:url(../images/icons-login.png) center -1px no-repeat;}
.headerOutter i:nth-child(2){ background-position:center -29px}
.roundGraph{float:left; width:100%; padding:30px 0}
.roundGraph ul{ list-style:none; margin:0; padding:0}
.roundGraph li{ float:left; width:27%; margin-right:1.5%; background:#fff; box-shadow:1px 0 3px #ccc; padding:13px 15px; box-sizing:border-box;min-height:200px;}
.roundGraph li .leftPart{float:left; width:50%;}
.roundGraph li .leftPart h3{ float:left; width:100%; font-family:calibri, calibriregular; font-size:18px; color:#444; margin:0; padding:10px 0 15px; font-weight:600;    height: auto;min-height:93px;line-height:1.3;}
.roundGraph li .leftPart p{float:left; width:100%; color:#666; font-size:17px; margin:0; font-family:calibri, calibriregular;     padding: 0px; line-height: 22px}
.roundGraph li .rightPart{ float:left; padding-top:18px; width:50%;}
.roundGraph li .rightPart .graphCircle{float:left; width:100%}
.roundGraph li .rightPart font{ float:left; width:100%; padding-bottom: 4px; text-align:center; color:#007ac2; font-size:15px;font-family:calibri, calibriregular;}
.roundGraph li:last-child{ width:14.5%; padding:9px 7px; margin:0}
.roundGraph li .deadline{ float:left; width:100%; background:#f2f2f2;padding:5px 0;}
.roundGraph li .deadline .textDeadline{float:left; width:100%;color:#666; text-align:center; font-size:15px; margin:0; font-family:calibri, calibriregular;font-weight: 800;}
.roundGraph li .deadline .textDeadlineRed{float:left; width:100%;color:#ff4c4c; text-align:center; font-size:16px; margin:0; font-family:calibri, calibriregular;font-weight: 800;}
.roundGraph li .calenderImage{ float:left; width:100%; text-align:center; padding:15px 0 5px}
.roundGraph li .daysLeft{ float:left; width:100%;color:#666; text-align:center; font-size:15px; margin:0; font-family:calibri, calibriregular;}
.roundGraph li .beihindSchedule{ float:left; width:100%;color:#007ac1; text-align:center; font-size:14px; margin:0; font-family:calibri, calibriregular;}
.bottomMain{ float:left; width:100%; background:#fff;}
.bottomMain .tabsPart{ float:left; width:100%; padding:1px 0 1px 10px; box-sizing:border-box; background:#2196f3}
.bottomMain .tabsPart ul{ list-style:none; padding:0; margin:0}
.bottomMain .tabsPart li{float:left;padding:8px; cursor:pointer;  color:#fff; font-size:18px;font-family:calibri, calibriregular;}
.bottomMain .tabsPart li.activeSubject{ background:#fff; color:#222222}
.bottomMain .mainBox{ float:left; width:100%; padding:10px; box-sizing:border-box}
.bottomMain .mainBox .mainLeft{ float:left; width:66%; box-shadow:1px 0 3px #ccc; }
.bottomMain .mainBox .mainLeft .performanceBox{ float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc; background:#f7f7f7}
.bottomMain .mainBox .mainLeft .performanceBox h2{ float:left; box-sizing:border-box; width:100%; padding:20px 0 10px 20px; font-size:20px; font-weight:bold; margin:0; color:#444;font-family:calibri, calibriregular;}
.bottomMain .mainBox .mainLeft .performanceBox .performanceLeft{ float:left; padding-left:20px; box-sizing:border-box; width:50%;}
.bottomMain .mainBox .mainLeft .performanceBox .performanceLeft .perforBox{width:100%; float:left; padding-bottom:16px}
.bottomMain .mainBox .mainLeft .performanceBox .performanceLeft .perforBox .ques{float:left; width:42%; color:#777; font-family:calibri, calibriregular; font-size:15px; font-weight:bold}
.bottomMain .mainBox .mainLeft .performanceBox .performanceLeft .perforBox .answ{float:left;  width:50%; color:#444; font-family:calibri, calibriregular; font-size:16px; font-weight:bold}
.bottomMain .mainBox .mainLeft .performanceBox .performanceLeft .perforBox:first-child{ padding-top:20px}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight{float:right; height:245px; width:330px; position:relative; margin-right:24px;box-sizing:border-box; border-left:1px solid #ccc;margin-top: 10px}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .leftBorder{width:170px; left:118px; position:absolute; top:132px; border-top:1px solid #d5d5d5 }
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .topBorder{height:160px; left:201px; top:53.5px; position:absolute; border-left:1px solid #d5d5d5 }
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .inncorectBox{ height:65px; width:65px; left:125px; top:57px; border:2px solid #ff8181; position:absolute; text-align:center;}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .inncorectBox p{ float:left; width:100%; text-align:center; color:#ff8181;  font-family: Bebas, Bebasregular;font-size:21px; padding-top:7px; margin:0}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .intime{left:210px; border-color:#74c683}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .intime p{color:#74c683}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .overtime{top:139px; border-color:#dc5757}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .overtime p{color:#dc5757}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .correct{left:211px; top:139px; border-color:#989898}
.bottomMain .mainBox .mainLeft .performanceBox .performanceRight .correct p{color:#989898}
.intimeText {
  color: #444444;
  font-family: calibri,calibriregular;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  text-align: right;
  top: 28px;
  width:57%;
}
.overTimeText {
  bottom: 15px;
  color: #444444;
  right: 59px;
}
.IncorrectText {
  color: #444444;
  font-family: calibri,calibriregular;
  font-size: 16px;
  font-weight: bold;
  left: 88px;
  position: absolute;
  text-align: center;
  top: 78px;
  transform:rotate(90deg);
}
.correctText {
  color: #444444;
  top: 163px;
   left: 79px;
}

.AutoWidth{ width:auto !important}
.achived{ background:url(../images/DOTS.png) left 8px no-repeat; font-size:16px; float:right; font-family:calibri, calibriregular; margin:20px 0 0; padding:0 20px 0 20px; color:#444; }
.target{ background-position:left -13px}
.chapterGrahs{ float:left; padding:10px 20px 0; width:100%; box-sizing:border-box }
.chapterGrahs .graphRow{ float:left; width:100%; padding:37px 15px 11px; box-sizing:border-box;border-bottom: 2px dotted lightgrey;}
.chapterGrahs .graphRow .chapterName{float:left; width:100%;color:#777; font-size:17px;font-family:calibri, calibriregular;display:block; font-weight:bold}
.chapterGrahs .graphRow .twoClrGraph{ float:left; width:80%;margin-top:30px; }
.chapterGrahs .graphRow .twoClrGraph .inGraph{ background:#eeeeee; width:100%; margin-top:8px; float:left; height:8px;}
.chapterGrahs .graphRow .twoClrGraph .inGraph .targerGraph{ float:left; width:100%; height:8px; background:#dcdcdc;}
.chapterGrahs .graphRow .twoClrGraph .inGraph .targerGraph .achivedGraph {position:relative; float:left; width:50%; height:8px; background:#7460ee}
.chapterGrahs .graphRow .twoClrGraph .inGraph .targerGraph .achivedGraph .achivedNo { position:absolute;font-size:13px; padding:2px 6px 3px;  background:#484848; color:#fff; font-family:calibri, calibriregular; right:-15px; top:-35px; }
.chapterGrahs .graphRow .twoClrGraph .inGraph .targerGraph .achivedGraph .achivedNo i{background:url(../images/blackDownArrow.png) center top no-repeat; height:7px; position:absolute; bottom:-6px; width:100%; left:0; }
.chapterGrahs .graphRow .twoClrGraph .urPostion{ float:left; width:100%;color:#999; font-size:16px;font-family:calibri, calibriregular; }
.chapterGrahs .graphRow .practiceButton{ float:right; width:15%; text-align:center;margin-top:27px;}
.chapterGrahs .graphRow .practiceButton a{background:#606060; margin-top:6px; padding:2px 8px; color:#fff;font-size:15px; font-family:calibri, calibriregular;text-decoration:none; border-radius:4px}
.bottomMain .mainBox .mainRight{float:right; width:32%}
.bottomMain .mainBox .mainRight .daygoal{float:left; width:100%; box-sizing:border-box; background:#26c6da; padding:30px 11px;}
.bottomMain .mainBox .mainRight .daygoal h2{ float:left; font-size:22px; color:#fff; font-weight:bold;font-family:calibri, calibriregular; margin:0;line-height:1;}
.bottomMain .mainBox .mainRight .daygoal .goalRow{ float:left; width:100%; padding:15px 0 0;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow{width:72%; float:left;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow h4{ float:left; font-size:15px; color:#fff; font-weight:bold;font-family:calibri, calibriregular; margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow .goalGraph{ float:left; margin-top:5px; position:relative; width:100%; height:8px; background:#fff;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow .goalGraph .goalReached{background:#7460ee; height:8px; width:45%; float:left;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow .goalGraph .achiver{ position:absolute;font-size:12px; padding:1px 5px 1px;  background:#ff6161; color:#fff; font-family:calibri, calibriregular; right:-54px; top:-26px;text-align: center;width:117px; }
.bottomMain .mainBox .mainRight .daygoal .goalRow .leftGoalRow .goalGraph .achiver i{background:url(../images/orangeDownArrow.png) center top no-repeat; height:7px; position:absolute; bottom:-6px; width:100%; left:0;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .goalstart{ float:right; width:28%; text-align:right; margin-top:13px;box-sizing:border-box;padding-right:10px;}
.bottomMain .mainBox .mainRight .daygoal .goalRow .goalstart a{background:#606060; margin-top:0px; padding:2px 7px; color:#fff;font-size:13px; font-family:calibri, calibriregular;text-decoration:none; border-radius:4px;display:inline-block;line-height:1.5;}
.achivedTargetBg{background:#7460ee !important; margin-top:15px}
.achivedTargetBg h2{ width:auto !important}
.achivedTargetBg .reportWeek{ float:right; font-size:17px; color:#cec6ff;font-family:calibri, calibriregular;}
.achivedTargetBg .weekGraph{float:left; width:100%; padding-top:15px; text-align:center}
.achivedTargetBg .weekGraph img{width:100% }
.chapterGrahs .graphRow:last-child{ padding-bottom:0; border:0}
.competitiveAnalysis{ float:left; width:100%; background:#f7f7f7 none repeat scroll 0 0; padding:20px; box-sizing:border-box; margin-top:20px; box-shadow:1px 0 3px #ccc}
.competitiveAnalysis h2{box-sizing: border-box;color: #444;float: left;font-family: calibri,calibriregular;font-size: 20px;font-weight: bold;margin: 0;
width: 100%;}
.competitiveAnalysis .percentBalls{ float:left; text-align:center; width:60%;}
.competitiveAnalysis .percentBalls ul{list-style:none; padding:0; margin:0}
.competitiveAnalysis .percentBalls li{width:120px; height:192px; display:table-cell; vertical-align:middle;}
.competitiveAnalysis .percentBalls li .firstStage{background:#f64040; border-radius:80px; display:inline-block; vertical-align:middle;}
.competitiveAnalysis .percentBalls li .firstStage .percentText{ height:50px;display:table-cell; vertical-align:middle; font-family:calibri, calibriregular;width:50px; color:#fff; text-align:center;font-size: 15px;
font-weight: bold; }
.competitiveAnalysis .percentBalls li .firstStageText{text-align:center; display:inline-block; vertical-align:middle;font-size:17px; color:#444444;font-family:calibri, calibriregular; width:100%}
.competitiveAnalysis .percentBalls li .secondStage{height:76px; width:76px; background:#a786e5}
.competitiveAnalysis .percentBalls li .secondStage .percentText{height:76px; width:76px;}
.competitiveAnalysis .percentBalls li .thirdStage{height:46px; width:46px; background:#009efb}
.competitiveAnalysis .percentBalls li .thirdStage .percentText{height:46px; width:46px;}
.competitiveAnalysis .percentBalls li .forthStage{height:62px; width:62px; background:#42c386}
.competitiveAnalysis .percentBalls li .forthStage .percentText{height:62px; width:62px;}
.competitiveAnalysis .percentBalls li .fifthStage{height:55px; width:55px; background:#f5b638}
.competitiveAnalysis .percentBalls li .fifthStage .percentText{height:55px; width:55px;}
.competitiveAnalysis .competitiveRight{float:right; width:25%; }
.competitiveAnalysis .competitiveRight .rowPercent{ float:left; width:100%; box-sizing:border-box; border-bottom:1px solid #ccc; padding:6px 15px;}
.competitiveAnalysis .competitiveRight .rowPercent .circleCompetitive{ background: #26c6da;    font-family: calibri,calibriregular;    font-size: 16px;    border-radius: 50%;    height: 42px;    width: 42px;    color: #fff;    display: table-cell;    vertical-align: middle;    text-align: center;    width: 35px;    display: block;    float: left;    font-weight: bold;    padding: 4px;    height: auto;margin-right: 6px;}
.competitiveAnalysis .competitiveRight .rowPercent .circleCompetitiveText{display:table-cell; padding-left:10px; font-family: calibri,calibriregular;font-size: 16px; color:#444; padding-top:10px; }
.practiceSets{width:100%; text-align:center; float:left; padding:30px 0 10px;}
.practiceSets ul{ list-style:none; margin:0; padding:0}
.practiceSets li {  display: inline-block;  height: 120px;  margin-bottom: 15px;  text-align: center;  width: 22%}
.practiceSets li .setBox { background: #fff none repeat scroll 0 0;  display: table;  height: 110px;  padding: 0 10px;  text-align: center;  width: 110px; border-radius:4px; box-shadow:1px 1px 3px #cccccc}
.setBox a {  color: #777;  display: table-cell;  font-family: calibri, calibriregular;  font-size: 18px;  text-transform: uppercase;  vertical-align: middle;  width: 100%; font-weight:bold}
.practiceSets li .setBox a:hover{ text-decoration:none}
.practiceSets li .setBox font {  color: #444444;  float: left;  font-family: calibri,calibriregular;  font-size: 14px;  text-align: center;  width: 100%; text-transform:capitalize; font-weight:bold}
.finishButton{float:right; border:0; background:#0370c7; padding:5px 20px; border-radius:5px; font-size:15px; color:#fff;font-family: calibri,calibriregular;}
.questionPage{}
.questionPage .topicPercent{float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0;}
.questionPage .topicPercent h2{ float:left; color:#777;font-size:17px; font-weight:normal; margin:0; padding:5px 0 0; font-family: calibri,calibriregular; }
.questionPage .topicPercent .fluidOutter{float:right; width:100%;}
.topic_name {font-size: 17px}
.questionPage .topicPercent .fluidOutter h3{float:left; width:100%; font-size:17px; font-weight:normal; margin:0 0 4px; padding:0; color:#777777;font-family: calibri,calibriregular;}
.questionPage .topicPercent .fluidOutter .fluidPercent{margin-bottom: 21px; float:left; width:100%; background:#dcdcdc; height:8px; position:relative;}
.questionPage .topicPercent .fluidOutter .fluidPercent .fluidFiller{height:8px; width:35%; float:left; background:#7460ee}
.questionPage .topicPercent .fluidOutter .fluidPercent .fluidTotal{float: right;margin-top: 12px; /* position:absolute; */ right:0; padding:1px 4px; background:#ff6161; top:-30px; font-size:12px; color:#fff;font-family: calibri,calibriregular;}
.questionPage .topicPercent .fluidOutter .fluidPercent .fluidTotal i{position:absolute; left:0; bottom:-7px; background:url(../images/orangeDownArrow.png) center top no-repeat; width:100%; height:8px;}
.questionPage .questionPart{float:left; width:100%; padding:0;}
.questionPage .questionPart .questionLeft{ float:left; width:72%;}
.questionPage .questionPart .questionLeft .mainQuestion{ float:left; width:100%; border:1px solid #ececec;}
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader{float:left; width:100%; padding:10px 12px; text-align:center; box-sizing:border-box; background:#f2f2f2 }
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader ul{list-style:none; padding:0; margin:0;}
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader li{display:inline-block; width:32.5%;}
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader li .singleChoice{text-align:left; width:100%; font-size:17px; color:#444;font-family: calibri,calibriregular; float:left;} 
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader li .testTime{display:inline-block; /*background:url(../images/testTime.png) left top no-repeat;*/ font-family:calibri, calibriregular; color:#444; height:25px; font-size:21px; padding:0 0 0 34px; margin-right:20px;}
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader li .pausePlay{float:right; background:url(../images/pause.png) left 0px no-repeat; font-family:calibri,calibriregular; color:#444; font-size:17px; padding:0 0 0 22px; height:21px; width:21px}
.questionPage .questionPart .questionLeft .mainQuestion .questionHeader li .incorrectOvertime{float:right;  font-size:16px; color:#444;font-family: calibri, calibriregular; }
.clrInc{color:#7460ee !important; font-size:16px;}
.clrOverTime{color:#ff4545 !important; font-size:16px;}
.questionPage .questionPart .questionLeft .mainQuestion .questionName{float:left; width:100%; padding:10px 15px; box-sizing:border-box}
.questionPage .questionPart .questionLeft .mainQuestion .questionName .qNo{float:left; width:100%; font-size:15px; color:#444;font-family: calibri,calibriregular;margin-bottom:5px;}
.questionPage .questionPart .questionLeft .mainQuestion .questionName .qName{float:left; width:100%; font-size:16px; color:#444;font-family: calibri,calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .questionName .qName .qexpand{background:#7460ee;font-size:12px; color:#fff;font-family: calibri, calibriregular; padding:2px 10px; border-radius:3px; }
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain{float:left; width:100%;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain ul{list-style:none; margin:0; padding:0}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li{ float:left; width:100%; margin-bottom:3px; background:#f6f6f6; padding:10px 10px; box-sizing:border-box}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .qalphabat{width:4%; float:left; text-align:left; font-size:16px; color:#222222;font-family: calibri,calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .ansOpt{width:88%; float:left; text-align:left; font-size:16px; color:#222222;font-family: calibri,calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li i.comIcon{background:url(../images/wrong-right.png) -1px -1px no-repeat; height:23px; width:23px; float:right}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li.wrongOption{background:#ffe1e1}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li.wrongOption i.comIcon{background-position:-1px -1px}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li.rightOption{background:#d9f0f1}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li.rightOption i.comIcon{background-position:-1px -46px}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .ansSolution{float:left; width:98%; box-sizing:border-box; border-left:2px solid #25a763; margin:14px 1%}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .ansSolution h3{float:left; width:100%; padding:0px 0 15px 25px; box-sizing:border-box; margin:0; font-weight:bold;font-size:17px; color:#18864c;font-family: calibri, calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .ansSolution p{float:left; width:100%; padding:0px 0 10px 25px; box-sizing:border-box; margin:0; font-size:16px; color:#222222;font-family: calibri, calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .solutionButtons{float:right; width:94%; padding:10px 0 20px; text-align:center; margin-right:1%; min-height:15px;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain li .solutionButtons .solBtn{display:inline-block; background:#fff; border:1px solid #b0dcc5; padding:8px 0; width:226px; text-align:center; font-size:16px; margin:0 6px 0; cursor:pointer; color:#444;font-family: calibri, calibriregular;}
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain .submitNextBtn{padding:20px 0 20px; float:left; width:100%; text-align:center}
.questionPage .questionPart .questionLeft .mainQuestion .submitNextBtn .submitBtns{display:inline-block; width:118px; background:#606060; color:#fff;font-family: calibri,calibriregular;font-size: 16px; padding:6px 0; border-radius:5px; cursor:pointer; border:0; text-transform:uppercase; margin:0 6px;}
/*.nextButton{background:#dfdfdf !important; color:#232323 !important}*/
.questionPage .questionPart .questionLeft .mainQuestion .ansOptionsMain .reportBtn{float:right; background:#ff6161; color:#fff;font-family: calibri, calibriregular; font-size:12px; cursor:pointer; margin-bottom:10px; padding:4px 8px; border:0; margin-right:15px; border-radius:3px;}
.questionPage .questionPart .questionRight{box-sizing: border-box;float: right;height: 530px;overflow-y: auto;padding: 0 10px;width: 27%;}
.questionPage .questionPart .questionRight .rightMainQues{float:left; width:100%;padding:8px 15px; margin-bottom:15px; box-sizing:border-box; border:1px solid #ececec}
.questionPage .questionPart .questionRight .rightMainQues h3{float:left; width:100%; text-align:left; font-weight:bold; font-size:18px; color:#444;font-family: calibri,calibriregular; padding:0 0 8px; margin:0}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail{float:left; width:100%;}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail ul{list-style:none; margin:0; padding:0}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li{float:left; width:50%;}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li .detailCircle{background: url(../images/color-boxes.png) -6px -4px no-repeat;
border-radius: 80px;box-sizing: border-box;color: #fff;display: table-cell;font-family: calibri,calibriregular;font-size: 18px;height: 38px;text-align: center;
vertical-align: middle; width: 38px;font-weight:bold;}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li p{color: #444;display: table-cell;font-family: calibri,calibriregular;
font-size: 16px;margin: 0;padding: 8px 0 0 8px;text-align: left;}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li .correct{background-position: -6px -54px}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li .incorrect{background-position: -6px -104px}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li .overtime{background-position: -6px -154px}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li:nth-child(1){margin-bottom:18px;}
.questionPage .questionPart .questionRight .rightMainQues .ansDetail li:nth-child(2){margin-bottom:18px;}
.questionPage .questionPart .questionRight .rightMainQues .tags{float:left; width:100%;}
.questionPage .questionPart .questionRight .rightMainQues .tags .tagBox{background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #cdcdcd 100%); 
background: -webkit-linear-gradient(top, #f6f6f6 0%,#cdcdcd 100%); background: linear-gradient(to bottom, #f6f6f6 0%,#cdcdcd 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */float:left; margin:0 8px 8px 0; padding:3px 12px; font-size:15px; color:#222222;font-family: calibri,calibriregular; border-radius:5px;border:1px solid #ddd;}
.questionPage .questionPart .questionRight .rightMainQues .tags .blueBox{background: #0ad2ea; /* Old browsers */
background: -moz-linear-gradient(top, #0ad2ea 0%, #0093a5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0ad2ea 0%,#0093a5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0ad2ea 0%,#0093a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ad2ea', endColorstr='#0093a5',GradientType=0 ); /* IE6-9 */ color:#fff; border:1px solid #1abdd1}
.questionPage .questionPart .questionRight .rightMainQues .addnewTag{float:left; width:100%; background:#f3f3f3; border-radius:5px;border:1px solid #e0e0e0; box-shadow:inset 2px 2px 2px #ccc;font-size:15px; padding:8px 10px; box-sizing:border-box; margin:5px 0 5px; color:#444;font-family: calibri,calibriregular;}
.questionPage .questionPart .questionRight .rightMainQues .tags p{float:left; width:100%; text-align:left; font-size:14px; color:#999;font-family: calibri,calibriregular; padding:5px 5px 15px; box-sizing:border-box; margin:0}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel{float:left; width:100%}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel ul{list-style:none; margin:0; padding:0}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel li{float:left; width:50%}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel li:nth-child(1){margin-bottom:18px;}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel li:nth-child(2){margin-bottom:18px;}
.questionPage .questionPart .questionRight .rightMainQues .quesLevel li label span{color:#444;font-family: calibri,calibriregular; font-size:15px;}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 15px; height: 15px;
  border: 2px solid #ccc;
  background: #e5e5e5;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em; left: .1em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}
.overallTab{padding:15px; box-sizing:border-box}
.overallTab .categoryDropdown{float:left; width:100%; background:#fff}
.overallTab .categoryDropdown .categoryHeader{float:left; width:100%; background:#2196f3; margin-bottom:1px; padding:15px; box-sizing:border-box}
.overallTab .categoryDropdown .categoryHeader h3{ float:left; font-family:calibri, calibriregular; font-size:21px; font-weight:bold; color:#fff; margin:0; padding:1px 0 1px 36px; background:url(../images/category-icons.png) left 2px no-repeat; text-transform:uppercase}
.overallTab .categoryDropdown .categoryHeader i{ float:right; width:17px; height:9px; margin-top:8px; background:url(../images/category-up-down.png) center -15px no-repeat;}
.categoryDropdown.accordion.active i{background:url(../images/category-up-down.png) center -2px no-repeat;}
.overallTab .categoryDropdown .categoryInnerMain{float:left; width:100%; display:none; background:#fff;padding:15px; box-sizing:border-box}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox{float:left; width:100%; padding:12px; margin-bottom:15px; box-sizing:border-box; background:#f4f4f4; box-shadow:1px 0 3px #ccc}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox h3{ font-family:calibri, calibriregular; font-weight:600; font-size:20px; color:#777; float:left; width:100%; margin:0; padding:0}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress{float:left; width:100%; padding:20px 0 0}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .progressIn{ float:left; width:85%; margin-top:10px; height:8px; background:#dcdcdc;}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .progressIn .Inner{float:left; background:#7460ee; height:8px; width:40%; position:relative}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .progressIn .Inner .prcntg{ background:#ff6161; font-size:12px; color:#fff; font-family:calibri, calibriregular; position:absolute; padding:1px 3px; right:-14px; top:-30px; }
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .progressIn .Inner .prcntg i{background:url(../images/orangeDownArrow.png) center top no-repeat; width:100%; bottom:-5px; left:0; height:6px; position:absolute;}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .testStart{float:right; margin-top:4px; text-align:center; width:15%}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox .categoryProgress .testStart a{background:#606060;font-size:14px;font-family:calibri, calibriregular; color:#fff; padding:3px 12px; text-decoration:none; border-radius:5px;}
.overallTab .categoryDropdown .categoryInnerMain .categoryControllerBox:last-child{margin-bottom:0}
.dailyPracticeBox{float:left; width:100%; margin-top:15px; border:1px solid #e4e4e4;  }
.dailyPracticeBox .dailyBg{width:100%; float:left;position:relative;}
.dailyPracticeBox .dailyBg img{width:100%}
.dailyPracticeBox .dailyBg .innerTextBox{position:absolute; left:0; top:0; width:100%}
.dailyPracticeBox .dailyBg .innerTextBox h3{float:left; width:100%; margin:0; padding:15px 0 0; text-align:center; color:#fff;  font-family:calibri, calibriregular; font-weight:bold; font-size:19px;}
.dailyPracticeBox .dailyBg .innerTextBox h4{float:left; width:100%; margin:0; padding:0; text-align:center; color:#fcff00;  font-family:calibri, calibriregular; font-weight:normal; font-style:italic; font-size:16px;}
.dailyPracticeBox .daysCircle{float:left; width:100%; position:relative; margin-top:-40px; text-align:center;}
.dailyPracticeBox .daysCircle .daysCircleMain{background:#7460ee; height:70px; width:70px; border:3px solid #fff; border-radius:80px; display:inline-block; text-align:center; font-size:30px; font-family: Bebas, Bebasregular; line-height:65px; color:#fff;}
.dailyPracticeBox p{float:left; width:100%; margin:0; padding:10px 15px 15px; box-sizing:border-box; text-align:center; color:#222222;  font-family:calibri, calibriregular; font-weight:normal;  font-size:15px;}
.innerTabs{float:left; width:100%; text-align:center; padding:15px 0 30px 0}
.innerTabs ul{ list-style:none; padding:0; margin:0}
.innerTabs li{display:inline-block; border:1px solid #27c6db; width:186px; border-radius:20px; font-weight:bold; font-family:calibri, calibriregular;  color:#27c6db; padding:4px 0; margin:0 3px; font-size:17px;}
.innerTabs li.activeInner{background:#27c6db; color:#fff}
.goalNewInner{float:left; width:100%; padding:10px 0 10px 10px; background:#1db6c8; box-sizing:border-box; margin-top:10px}
.goalNewInner .goalRow{padding:10px 0 !important;}
.goalstart i{height:35px; width:100%; background:url(../images/tick-circle.png) center top no-repeat; float:left}
.chapterwiseInnerNew{ float:left; width:100%; background:#e4e4e4; padding-bottom:10px}
.practiceBtnLrg{ padding:6px 12px !important; font-size:17px !important; }
.overallTab .categoryDropdown .categoryHeader .chmistryIcon{background-position:-3px -63px}
.overallTab .categoryDropdown .categoryHeader .mathIcon{background-position:-2px -128px}
.tabsPart ul li a{padding:10px 30px;color:#fff;font-size: 18px;
    font-weight: 500;text-transform: uppercase; font-weight: bolder;}
.tabsPart ul li a.activeSubject{padding:10px 30px;background: #fff;color:#2196f3;}
.categoryDropdown.accordion.active .categoryInnerMain{display: block !important;}
.fluidOutter{width:100% !important; float:left !important}
/* NEW CSS */
.submitNextBtn{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
#questions{
    float: left;
    width: 100%;
}
.competitiveAnalysis img {
 padding-right:5px
}

/* graph css start */

  .pr.around {
            position: relative;
            display: inline-block;
            margin: 1em;
        }
        .pr.around span {
            color: #000;
        }
        .pr.around span.outer {
            position: absolute;
            left: 0;
            top: 0;
            width: 70px;
            text-align: center;
            font-size: 10px;
            padding: 18px 0;
        }
        .pr.around span.value {
            font-size: 25px;
        }
        

/* graph css end */

/*****************discussion css starts here*****************/

.questionPart.discOuter.paddingLR {  box-sizing: border-box;  padding: 15px}

.rightBtn { float: right;  width: 85px}
a.backBtn { background: #2196f3 none repeat scroll 0 0;  border-radius: 4px;  color: #ffffff;  cursor: pointer;  font-family:calibri, calibriregular;  font-size: 17px;  font-weight: bold;  padding: 5px 13px;  text-decoration: none;  text-transform: uppercase;  width: 100%}
.rightBtn img { padding-right: 7px;  padding-top: 4px;  vertical-align: text-top}
.discOuter {border:1px solid #ececec; margin-top:20px}
.mainquesPart { box-sizing: border-box;  float: left; width: 100%}
.ques { float: left;  width: 100% }
.ques p { color: #222222;  font-family: calibri,calibriregular;  font-size: 16px;  margin: 0;  padding-bottom: 10px}
.answerTextBox { background: #ffffff none repeat scroll 0 0;  border: 1px solid #d9d9d9;  border-radius: 4px;  box-sizing: border-box;  float: left;  font-family: calibri,calibriregular;  font-size: 15px;  margin: 10px 0;  padding: 10px;  width: 100%}
.answersBox { border-top: 1px solid #e9e9e9;  box-sizing: border-box; float: left;  margin-top:30px; width: 100%}
.tcySoln { float: left;  width: 100%; margin-bottom:20px }
.tcySoln h2 { float: left;  font-family: calibri;  font-size: 16px;  width: 15%}
.solnRytBox { color: #7a7a7a;  float: right;  font-family: calibri,calibriregular;  font-size: 15px;  width: 29%; float:right; padding-top:15px}
.solnRytBox .postStatus i{ background:url(../images/thumbs.png) no-repeat; height:22px; width:20px; vertical-align:middle; display:inline-block}
.tdown { background-position: 0 -25px !important;  margin-left: 8px; margin-right:4px}
.tup{ margin-left:8px; margin-right:4px}
.tcySoln p {  color: #222222;  float: left;  font-family: calibri,calibriregular;  margin: 0;  width: 100%; padding-bottom:10px}
.solnOuter{ display: table;  margin: 0 auto;  width: 90%; margin-bottom:10px}
.solnResponse { float:left; width:100%; margin-bottom:10px}
.userReply {  background: #f0f0f0 none repeat scroll 0 0;  box-sizing: border-box;  float: left;  padding: 20px 10px 10px;  width: 100%}
.profilePic { float: left; }
.profilePic img {  border: 1px solid #dddddd;  border-radius: 50px;  float: left;  height: 64px;  margin: 2px 5px;  width: 64px}
.response {  float: right; width: 91%}
.response h3 {  color: #222222;  font-family: calibri,calibriregular;  font-size: 16px;  margin: 2px 0}
.response span {  color: #7a7a7a;  font-family: calibri,calibriregular;  font-size: 15px}
.response p { color: #222222;  font-family: calibri,calibriregular;  font-size: 16px;  margin: 10px 0}
.Btn{ float:left; width:100%; text-align:right}
.submitBtns{background: #606060 none repeat scroll 0 0;border: 0 none;border-radius: 5px;color: #ffffff;cursor: pointer;display: inline-block;font-family: calibri,calibriregular;font-size: 16px;margin: 0 3px;padding: 6px 0;text-transform: uppercase;width: 118px}
.cancelButton {  background: #dfdfdf none repeat scroll 0 0 !important;  color: #232323 !important;}

/* NEW CSS */

.point_str {
  color: #444444;
  float: left;
  font-family: calibri,calibriregular;
  font-size: 16px;
  padding: 10px 0 0;
  width: 100%;
}

.point_str p {
  color: #444444;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.breadcrumb.breadcrumb-arrow li a, .breadcrumb.breadcrumb-arrow li span{text-transform: uppercase;}
li.active_cat a
{
  background: #31ac6c none repeat scroll 0 0 !important;
}
.ChgQuestionTabTxt.wrong_c
{
  background:#ffe1e1;
}
.ChgQuestionTabTxt.right_c  
{
  background:#d9f0f1;
}
.rightMainQues .report_div{cursor: pointer;}