/* CSS Document */
html{height:100%;font-family: 'Montserrat'!important; padding:0px!important; margin:0px!important;}
body{ background-color:#FFFFFF; background-image:none; height:100%; overflow-x:hidden!important;}
header, main, footer, nav, div.ls_heading{
padding-left: 225px;
}
a{ cursor:pointer!important;}
.pad0{ padding:0px!important;}
.mar0{ margin:0px!important;}
.pad20{ padding:20px!important;}
.padL22{ padding-left:22px;}
.valSup{ vertical-align:super!important;}
.rcard_head{ color:#8d8d8d!important; font-size:14px!important; padding-left:10px;}
.rcard_head h2{ color:#0d47a1!important; font-size:24px!important;}
.rcard_SchoolDe{ padding-top:6px; color:#9a9a9a; font-size:15px; font-weight:400!important;}
.rcard_SchoolDe .heading{ color:#0d47a1; font-size:22px;}
.rCardSt_de{ padding:10px 10px 10px 10px; display:block; position:relative; overflow:hidden; z-index:0;}
.rCardSt_de .rCardIcon{z-index: 1;
background-repeat: no-repeat;
background-position: right top;
background-size: 209px 209px;
position: absolute;
height: 209px;
width: 209px; opacity:0.4;
right: -30px;
top: -30px;
background-position: right 0px top 0px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
overflow: hidden!important;
}
.rCardSt_de .headingBlue{ color:#1565c0; font-size:24px; padding-left:15px; line-height:24px; margin-bottom:2px;}
.rCardSt_de .subHeadGrey{ color:#8d8d8d; font-size:14px; padding-left:15px; line-height:15px;}
.rCardSt_de table{ border:1px solid #c9c9c9; color:#4d4d4d!important; font-size:14px!important;}
.rCardSt_de table tr{border-bottom:1px solid #c9c9c9;}
.rCardSt_de table tr:last-child{border-bottom:0px;}
.rCardSt_de table tr td, .rCardSt_de table tr th{border-right:1px solid #c9c9c9; padding:8px 12px;}
.rCardSt_de table tr td:last-child, .rCardSt_de table tr th:last-child{ border-right:0px;}
.rCardSt_de table tr td strong{ font-weight:600;}
.rCardSt_de table tr td.al_c, .rCardSt_de table tr th.al_c{ text-align:center!important;}
.rCardSt_de table tr td.al_r, .rCardSt_de table tr th.al_r{ text-align:right!important;}
.rCardSt_de table tr td.al_l, .rCardSt_de table tr th.al_l{ text-align:left!important;}
.eP_page{background-color: #FAFAFA;}
.eP_pageRight{background-color: #FFF; padding:20px; display:block;}
.eP_page h1{color:#1565C0!important; font-size:28px; padding:0px; margin:0px; font-weight:600;}
.eP_page h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.eP_page h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.eP_page_tabs .tabs{height:auto!important; border-bottom:0px!important;background-color:transparent!important; overflow-y:auto!important;}
.eP_page_tabs .tabs li a{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 0.5;font-size: 10px;color: #000000;text-align: left; font-weight:600; border:0px; border-right:4px solid transparent!important; width:auto!important; display:block!important; }
.eP_page_tabs .tabs li a:hover{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 1;font-size: 10px;color: #000000;text-align: left; font-weight:600; border:0px; border-right:4px solid #1976D2!important; width:auto!important; display:block!important; background-color:#FFFFFF!important;}
.eP_page_tabs .tabs li a.active,.eP_page_tabs .tabs li a.active:hover{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 1;font-size: 10px;color: #000000;text-align: left; font-weight:600; border:0px; border-right:4px solid #1976D2!important; width:auto!important; display:block!important; background-color:#FFFFFF!important;}
.eP_page_tabs .tabs li.indicator{ display:none;}
.reportsBoxNew{background: #FFFFFF;}
.reportsBoxNew2{background: #f2f2f2;}
.reportsBoxNew2 .npa_l_contentArea a{ padding:10px 30px; text-align:center; background-color:transparent; display:block;}
.reportsBoxNew2 .npa_l_contentArea a:hover{ padding:10px 30px; text-align:center; background-color:#FFFFFF!important; display:block;}
.reportsBoxNew2 .npa_l_contentArea a.selectBookReport{ padding:10px 30px; text-align:center; background-color:#FFFFFF!important; display:block; }
.reportsBoxNew2 .npa_l_contentArea a.selectBookReport img{filter:none;
-webkit-filter:none;}
.reportsBoxNewInner{ display: block;}
.reportsBoxNewInnerListing{ padding:5px 8px; background-color:#FFFFFF;}
.reportsBoxNewInnerListingTxt{ line-height:41px;}
.reportsBoxNewInnerListing:hover{padding:5px 8px; background-color:#f2f2f2; cursor:pointer;}
.reportsBoxNewInnerListingTxt i{line-height:41px!important;}
.reportsBoxNew h2, .reportsBoxNew2 h2, .reportsBoxNew3 h2{ color:#000000!important; font-size:20px; font-weight:500!important; padding:0px; margin:0px;}
.friendAvatar img{ height:85px; width:auto;}
.resultAnswersheet{ position:absolute; top:10px; right:0px; width: 248px; padding:16px 24px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; background-color:#FFA000!important; text-align:center!important; cursor:pointer; margin-bottom: 20px;}
.resultSkip { position:absolute; top:10px; right:248px; width: 248px; padding:16px 24px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; text-align:center!important; cursor:pointer; margin-bottom: 20px;}
.emptyStateImg{ padding:20px 0px;}
.reportsBlockInner{
border-bottom:1px solid #d9d9d9!important; padding:20px;
}
.reportsBlockInner2{
padding:20px;
}
.reportsBlockInner .regularTxt, .reportsBlockInner2 .regularTxt{font-size: 12px; font-weight:400; line-height:18px;}
.rft{
position: relative;
display: inline-block;
cursor: pointer;
transition: all 0.4s ease-in;
}
.rft span{
position: relative;
}
/*
.rft:before {
content: '';
background-color:#1976d2;
border-radius: 50%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
}
.rft:focus {
outline: 0;
color: #1976d2;
}
.rft:focus:before {
-webkit-animation: effect_dylan 0.8s ease-out;
animation: effect_dylan 0.8s ease-out;
}*/
@-webkit-keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0;
}
99% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 1;
}
}
@keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
opacity: 0;
}
99% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(0.001, 0.001);
transform: scale(0.001, 0.001);
opacity: 1;
}
}
#slide-out123.side-nav{ width:600px!important;}
#slide-out123.side-nav li.active{background-color:transparent!important;}
#slide-out123 .input-field .prefix{ padding-top:19px;}
.side-nav .headingArea{ padding:10px; text-align:left!important; line-height:16px; position:relative;}
.side-nav .headingArea .closeSideNav{ position:absolute; right:10px; top:10px; z-index:999999;}
.side-nav .headingArea h1{ margin-bottom:0px!important; line-height:24px!important; font-size:24px!important; padding:0px; margin:0px;}
#slide-out123.side-nav li.active{background-color:transparent!important;}
.settingFormBlock{ padding:15px!important;}
nav .brand-logo{font-size: 1rem;}
a.dashboardCenterTopImage{
height:56px;
line-height:57px; display:block;
}
a.dashboardCenterTopImage img{
height:36px!important;
width:auto!important; vertical-align:middle;
}
.logoWithBg{ background-color:#FFFFFF;}
@media (min-width: 300px) and (max-width: 768px){
.tap-target-wrapper.open{ top:-240px!important;}
.tap-target-wrapper.open .tap-target{ width:100%!important; height:100%!important; top:0px!important; bottom:0px!important; box-shadow:none!important; border-radius:0px!important;}
#slide-out123.side-nav{ width:100%!important;}
.side-nav .headingArea .closeSideNav{ position:absolute; right:0px; top:10px; z-index:999999;}
.reportsBoxNew2 .npa_l_contentArea a{ padding:18px 30px 0px 30px; text-align:center; background-color:transparent; display:block; font-size:11px; height:92px;}
.reportsBoxNew2 .npa_l_contentArea a:hover{ padding:18px 30px 0px 30px; text-align:center; background-color:#FFFFFF; display:block; font-size:11px; height:92px;}
.reportsBoxNew2 .npa_l_contentArea a.selectBookReport{ padding:18px 30px 0px 30px; text-align:center; background-color:#FFFFFF; display:block; font-size:11px; height:92px;}
.logoWithBg{ background-color:#FFFFFF; width:110px;}
}
@media (min-width: 992px){
.practiceArea{
width: 337px!important;
}
.practiceAreaRight{ margin-left:357px!important;}
.emptyStateImg{ padding:20px 0px;}
}
@media only screen and (min-width: 601px){
.practiceArea{
width: 300px; position:fixed; left:0px; top:0px; z-index: 999; height:100%; overflow-y:auto; overflow-x:hidden;
}
}
@media only screen and (max-width: 991px){
.padL22{ padding-left:0px;}
.practiceAreaRight{ margin-left:12px!important;}
.smallScrPad{ padding-left:0px!important; padding-right:0px!important;}
.eP_page_tabs .tabs li a{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 0.5;font-size: 11px;color: #000000;text-align: left; font-weight:600; border:0px!important; border-bottom:4px solid transparent!important; width:auto!important; display:block!important; }
.eP_page_tabs .tabs li a:hover{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 1;font-size: 11px;color: #000000;text-align: left; font-weight:600; border:0px!important; border-bottom:4px solid #1976D2!important; width:auto!important; display:block!important; background-color:#FFFFFF!important;}
.eP_page_tabs .tabs li a.active,.eP_page_tabs .tabs li a.active:hover{ height:48px!important; line-height:48px!important; padding:0px 18px!important;opacity: 1;font-size: 11px;color: #000000;text-align: left; font-weight:600; border:0px!important; border-bottom:4px solid #1976D2!important; width:auto!important; display:block!important; background-color:#FFFFFF!important;}
}
.fillAccountDetails{ width:5px; height:5px; border-radius:500px;-o-border-radius:500px;-moz-border-radius:500px;-webkit-border-radius:500px; color:#FF0000; position:absolute; right:-2px; top:-2px; z-index:999999999999;}
.fillAccountDetails i.material-icons{width:5px!important; height:5px!important; line-height:5px!important; font-size:10px;}
.main{
}
.switch label input[type=checkbox]:checked+.lever{ background-color: #bbdefb!important;}
.fontNormal{ font-weight:100!important;}
.btn{ font-weight:600!important;}
.btn-flat{ background-color:#FFFFFF!important;}
.centralAreaScrollOuterArea{ width:80%!important;}
.centralAreaScrollOuterArea .slimScrollDiv{ z-index:1;}
.ui-widget.ui-widget-content{ border:0px!important;}
.ui-widget-content{ border:0px!important;}
.csai{padding-right:3%!important; margin-left:1%!important;}
nav ul a:hover{ background-color:transparent!important;}
.topmenuFixed{position:relative!important; top:0px;left:0px; z-index:4!important; margin-bottom:0px;}
.side-nav.fixed{ overflow-y:hidden!important;}
.dc_rbInner .row{ margin-bottom:0px!important;}
.dc{ padding:20px;}
.dc_container{width:auto; }
.dc h1{color:#1565C0; font-size:28px; padding:0px; margin:0px; font-weight:600;}
.dc h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.dc h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.dc .darkLink{color:#1565C0; text-transform:uppercase;}
.dc a.darkLink{color:#1565C0;}
.dc a.darkLink;hover{color:#1565C0;}
.dcs{ padding-top:20px; padding-left:14px;}
.dcs_container{width:97%; }
.dcs h1{color:#1565C0; font-size:28px; padding:0px; margin:0px; font-weight:600;}
.dcs h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.dcs h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.dcs .darkLink{color:#1565C0; text-transform:uppercase;}
.dcs a.darkLink{color:#1565C0;}
.dcs a.darkLink;hover{color:#1565C0;}
.dc2{ padding-top:90px;}
.dc2 h1{color:#1565C0; font-size:18px; padding:0px; margin:0px; font-weight:600;}
.dc2 h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.dc2 h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.dc2 .darkLink{color:#1565C0; text-transform:uppercase;}
.dc2 a.darkLink{color:#1565C0;}
.dc2 a.darkLink;hover{color:#1565C0;}
.dc_rb{ border-bottom:1px solid #e6e7e8; padding:10px 0px; margin-bottom:10px;}
.dc_rbInner{ padding:10px 0px;}
.dcl_menu{ color:#787878; }
.rightNavigation a{color:#787878!important;font-size:12px!important;}
.rightNavigation a:hover {color:#1565C0!important;}
a.dcl_menu_dark:hover i{color:#1565C0!important;}
a.dcl_menu_dark.active i{color:#1565C0!important; }
a.dcl_menu_dark{border-left:4px solid #FFFFFF; background-color:#FFFFFF!important;}
a.dcl_menu_dark:hover, a.dcl_menu_dark.active, a.dcl_menu_dark.active:hover{ border-left:4px solid #1565C0; background-color:#FFFFFF!important;color:#1565C0!important;}
.padleft8{padding-left:8px;}
.dc_menuName{color:#000!important; font-size:16px;line-height:16px; margin-bottom:4px; margin-top:24px; font-weight:100!important;}
.dc_menuName a, .dc_menuName a:hover{color:#000!important; text-decoration:none;font-weight:400!important;}
.dc_menuName ul.dropdown-content{ left:23px!important;}
.dc_menuName2{line-height:12px; font-size:12px; color:#aaaaaa;}
.dc_thumb{ border-radius:600px;-border-radius:600px;-o-border-radius:600px;-moz-border-radius:600px;}
.dc_thumbNav{ border-radius:100%;-border-radius:100%;-o-border-radius:100%;-moz-border-radius:100%; background-color:#FFFFFF; width:30px; height:30px; display:block; text-align:center!important; position:relative; }
.tCap{ text-transform:capitalize; font-weight:600; cursor:pointer;}
.dc_thumbNav img{ max-width:100%; height:auto; position:absolute; top:0px; left:0%; border-radius:100%;-border-radius:100%;-o-border-radius:100%;-moz-border-radius:100%;}
.side-nav li { line-height:32px;}
#accountDropdownLarge li a, #accountDropdownLarge li a:hover{ font-weight:400!important;color:#212121!important; font-size:13px;height: 48px;
line-height: 48px;
padding: 0 32px; opacity:1!important;}
.rfp{
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); position:fixed; top:0px;right:0px; height:100%; z-index:-1; color:#8b8b8b; font-size:11px!important; overflow:hidden!important; z-index:2; width:16.66%;
}
.rfp_inner{ padding:82px 15px 15px 15px; }
.rfp b{ font-size:14px; color:#2c2c2c;}
.circularBlock{ width:38px!important; height:38px!important; display:block; border-radius:800px; line-height:43px; font-size:18px; color:#FFFFFF; position:relative; top:0px; font-style:normal!important}
.circularBlock i{font-size:18px!important; vertical-align:middle!important; line-height:43px!important; height:38px!important; }
.notifyDropdown p{ padding:0px!important; margin:0px!important;}
.notifyDropdown a{ font-size:11px!important;}
.sb_main{
margin-right:0;margin-left:0px; margin-top:0px;
}
.sb_inner{padding:0px;}
.selectMode img.select{z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.3); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.3);-moz-transition: all 200ms ease-in;-moz-transform: scale(1.3);transition: all 200ms ease-in;transform: scale(1.3); cursor:pointer;}
.selectMode img.select:hover{z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.3); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.3);-moz-transition: all 200ms ease-in;-moz-transform: scale(1.3);transition: all 200ms ease-in;transform: scale(1.3); cursor:pointer;}
.tabs .tab a {
color: rgba(162,162,162,0.7);
display: block;
width: 100%;
height: 100%;
padding: 0 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: color .28s ease;
transition: color .28s ease;
}
.tabs .tab a:hover, .tabs .tab a.active {
background-color: transparent;
color: #1565C0;
}
.tabs{ border-bottom:1px solid #f3f3f3;}
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color:transparent!important;
will-change: left, right;
}
.messageAreaStudent .tabs .tab a{ border-bottom:3px solid transparent;}
.messageAreaStudent .tabs .tab a.active{ border-bottom:3px solid #1565C0;}
.tab_content{ padding:0px 15px 0px 15px;}
.pieChartArea{ width:100%; height:400px;}
.mBottom40{ margin-bottom:50px;}
.mTop40{ margin-top:12px;}
.verticleSeprater{ border-right:1px solid #ccc; }
.clear5{ clear:both; height:5px;}
.clear10{ clear:both; height:10px;}
.clear15{ clear:both; height:15px;}
.clear20{ clear:both; height:20px;}
.clear30{ clear:both; height:30px;}
.prBarMargin{ margin-top:5px; margin-bottom:35px;}
.prBarMargin2{ margin-top:5px; margin-bottom:15px;}
.selectBook{}
.selectBook .collapsible{
border-top: 0px;
border-right: 0px;
border-left: 0px;
margin: 0px; box-shadow:none!important;
}
.selectBook .collapsible-header{ border-bottom:0px; padding:8px 8px; margin:0px; color:#333333;}
.selectBook .collapsible-header:hover{ background-color:#F6F6F6;}
.collapsible-body{padding:8px 8px; border-bottom:0px;}
.collapsible-body a{padding:8px 8px;color:#333333; display:block;}
.collapsible-body a:hover{background-color:#F6F6F6; cursor:pointer;}
.bs_container{ padding:15px 10px;}
.bs_row{ padding:12px 8px 12px 8px; border-bottom:1px solid #e8e9e9; margin:0px;}
.bs_row .hiddenArea{ display:none;}
.bs_row:hover{ background-color:#F6F6F6;}
.bs_row:hover .hiddenArea{ display:block;}
.bs_row2{ padding:12px 8px 12px 8px; border-bottom:1px solid #e8e9e9; margin:0px;}
.bs_row2 input[type='checkbox']+label{ display:none!important;}
.bs_row2:hover{ background-color:#F6F6F6;}
.bs_row2:hover input[type='checkbox']+label{ display:block!important; float:right;}
.bs_row2 input[type='checkbox']:checked+label{display:block!important; float:right;}
.bb_inner{padding:15px 10px;}
.pp_area{}
.pp_area h1{ color:#1565C0; font-size:25px; padding:0px; margin:0px; font-weight:600;}
.pp_area h2{ color:#1565C0; font-size:22px; padding:0px; margin:0px;}
.pc_icon{ padding:8px; border-radius:100%; color:#FFFFFF!important;}
.pp_areaInner{ padding:15px; height:250px;}
.qa_container{ padding-left:35px; position:relative;}
.qa_container h1{ font-size:24px;margin:6px 0px 6px 0px;}
.qa_container .leftPart{ position:absolute; left:0px;}
.pp_areaInner label{ color:#333;}
#mycalendar {
width: 100%;
margin: 2em auto 0 auto;
max-width: 80em;
border: 1px solid #f2f2f2;
}
.ce_modal{ width:80%; background-color:#FFFFFF; height:40%!important;}
.ce_modal h1{color:#1565C0; font-size:18px; padding:0px; margin:0px; font-weight:normal;}
.ce_modal h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.ce_modal h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.ce_modal2{ width:80%; background-color:#FFFFFF;}
.ce_modal2 h1{color:#1565C0; font-size:18px; padding:0px; margin:0px; font-weight:normal;}
.ce_modal2 h2{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:normal;}
.ce_modal2 h3{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:normal;}
.padCol0{padding:0px 10px 0px 0px!important;}
.padCol0_2{padding:0px 0px 0px 10px!important;}
.img50{ width:54%;}
.card .card-image .card-titleNew {
position: absolute;
top: 8px;
left: 8px;
max-width: 100%;
padding: 24px;
}
.card .card-image .card-titlebottom {
position: absolute;
bottom: 8px;
right: 8px;
max-width: 100%;
padding: 6px 24px;
}
.card .card-image .card-titleNew dl{ padding:0px; margin:0px;}
.card .card-image .card-titleNew dl dt{ font-size:36px; float:left; color:#FFFFFF;}
.card .card-image .card-titleNew dl dd{ float:left; padding-left:10px;color:#FFFFFF!important;margin:0px!important; font-size:16px}
.card .card-image .card-titleNew dl dd div{ font-size:15px; color:#0e82d9!important; }
.teacherRound{
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 1000px;
/* Firefox 1-3.6 */
-moz-border-radius: 1000px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 1000px;
box-shadow: inset 10px -10px 25px rgba(0,0,0,0.6);
-moz-box-shadow: inset 10px -10px 25px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 10px -10px 25px rgba(0,0,0,0.6);
-o-box-shadow:inset 10px -10px 25px rgba(0,0,0,0.6); border:1px solid #000;
}
.selectBookBlock > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
.selectBookBlock > input + div.booksCards{ /* IMAGE STYLES */
cursor:pointer;
transform: scale(0.9);
opacity: 0.8;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.selectBookBlock > input + div.booksCards:hover{ /* IMAGE STYLES */
transform: scale(1);
opacity: 1;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.selectBookBlock > input:checked + div.booksCards{ /* (RADIO CHECKED) IMAGE STYLES */
transform: scale(1);
opacity: 1;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.selectModeBlock > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
.selectModeBlock > input + div.booksCards{ /* IMAGE STYLES */
cursor:pointer;
padding:3px; transform: scale(0.9);
opacity: 0.8;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.selectModeBlock > input + div.booksCards:hover{ /* IMAGE STYLES */
cursor:pointer;
padding:3px; transform: scale(1);
opacity: 1;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.selectModeBlock > input:checked + div.booksCards{ /* (RADIO CHECKED) IMAGE STYLES */
z-index: 2; cursor:pointer;
padding:3px; transform: scale(1);
opacity: 1;
transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
}
.timeTableOuter{}
.timeTable{ font-size:10px!important; border:1px solid #f2f2f2; color:#212121;}
.timeTable .head{ background-color:#0d47a1; color:#FFFFFF; text-transform:uppercase; font-weight:bold; border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;-o-border-radius:0px; text-align:center; height:40px;}
.timeTable .head.left-align{text-align:left!important;}
.timeTable table.responsive-table tr th{ border-right:1px solid #3d6cb4!important;}
.timeTable table.responsive-table tr th:last-child{ border-right:0px transparent;}
.timeTable table.responsive-table tr{ border-bottom:1px solid #f2f2f2;}
.timeTable table.responsive-table tr.grey{ background-color: #f2f2f2!important;}
.timeTable table.responsive-table tr:last-child{ border-bottom:0px transparent;}
.timeTable table.responsive-table tr:first-child{ border-bottom:0px transparent;}
.timeTable table.responsive-table tr td{border-right:1px solid #f2f2f2!important; height:40px;}
.timeTable table.responsive-table tr td:last-child{ border-right:0px transparent!important;}
.timeTable table, .timeTable table tr, .timeTable table tr td{border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;-o-border-radius:0px;}
.timeTable [type="radio"]:not(:checked)+span:before, .timeTable [type="radio"]:not(:checked)+span:after {
border: 2px solid #0D47A1;
}
.timeTable [type="radio"]:not(:checked)+span, .timeTable [type="radio"]:checked+span {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-transition: .28s ease;
transition: .28s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.timeTable [type="radio"]:checked+span:after, .timeTable [type="radio"].with-gap:checked+span:before,
.timeTable [type="radio"].with-gap:checked+span:after {
border: 2px solid #0D47A1!important;
}
.timeTable [type="radio"]:checked+span:after, .timeTable [type="radio"].with-gap:checked+span:after {
background-color: #0D47A1!important;
}
.timeTable [type="radio"]:checked+span:after, .timeTable [type="radio"].with-gap:checked+span:before, .timeTable [type="radio"].with-gap:checked+span:after {
border: 2px solid #0D47A1!important;
}
.timeTable [type="radio"]:not(:checked)+span:before, .timeTable [type="radio"]:not(:checked)+span:after, .timeTable [type="radio"]:checked+span:before, .timeTable [type="radio"]:checked+span:after, .timeTable [type="radio"].with-gap:checked+span:before, .timeTable [type="radio"].with-gap:checked+span:after {
border-radius: 50%;
}
.timeTable [type="radio"]:checked+span:after {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.timeTable [type="radio"]+span:before,.timeTable [type="radio"]+span:after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
-webkit-transition: .28s ease;
transition: .28s ease;
}
.sl_cont{}
.sl_cont .txt1{ font-size:16px; line-height:18px; color:#282828; text-transform:capitalize;}
.sl_cont .txt2{ font-size:12px!important; color:#9a9a9a; line-height:12px;}
.sl_cont > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
.sl_cont > input + div{
padding:11px 12px; cursor:pointer;
opacity: 1;
filter: alpha(opacity=100);
}
.sl_cont > input + div:hover{ padding:11px 12px; cursor:pointer; background-color:#F6F6F6; opacity: 1;
filter: alpha(opacity=100);}
.sl_cont > input:checked + div{ padding:11px 12px; cursor:pointer; background-color:#F6F6F6; margin-bottom:0px!important;opacity: 1;
filter: alpha(opacity=100);}
.sl_cont > input:checked + div:hover{ padding:11px 12px; cursor:pointer; background-color:#F6F6F6;margin-bottom:0px!important;opacity: 1;
filter: alpha(opacity=100);}
.sb_inner .row, .fl_container2 .row{ margin-bottom:0px!important;}
.modal.modal-fixed-footer .modal-content { overflow:hidden!important; height:auto;}
.newButton{ padding:4px 10px!important; color:#FFFFFF; text-transform:uppercase; margin:0 8px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0
rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0
rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.input-field .prefix.active{}
textarea.materialize-textarea:focus:not([readonly]){ border-bottom:1px solid #0d48a1!important; boix-shadow:0 1px 0 0 #0d48a1!important;}
textarea.materialize-textarea:focus:not([readonly])+label{ color:#0d48a1!important;}
.pagignationLink{
display: inline-block;
font-size: 1.2rem;
padding: 0 10px;
line-height: 30px;
}
.subjectWiseHeading{padding:0px 4px; color:#000; font-weight:bold;}
.subjectWiseSubHeading{padding:0px 4px;color:#CCCCCC!important;}
.unitReport{padding-left:20px;}
.unitReportRight{margin-right:8px;}
.loader {
position: absolute;top :47%;left: 50%;right: 0;bottom: 0;margin: auto; z-index:999;
}
.green-text {
color: #499F16 !important;
}
/* label color */
input[type=text], input[type=email], input[type=password], input[type=number], textarea{
border-bottom: 1px solid #d8d8d8;
}
.input-field label {
color: #9e9e9e;
}
/* label focus color */
.input-field input[type=text]:focus + label.required , .input-field input[type=password]:focus + label.required , .input-field input[type=email]:focus + label.required , .input-field input[type=number]:focus + label.required , .input-field textarea:focus + label.required {
color: #d50000!important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=password]:focus, .input-field input[type=email]:focus, .input-field input[type=number]:focus, .input-field textarea:focus {
border-bottom: 1px solid #0d47a1!important;
box-shadow: 0 1px 0 0 #0d47a1!important;
}
/* valid color */
.input-field input[type=text].valid {
border-bottom: 1px solid #d50000;
box-shadow: 0 1px 0 0 #000;
}
.prefix ~ .select-wrapper{color: #9e9e9e!important;}
/* invalid color */
.input-field input[type=text].invalid {
border-bottom: 1px solid #d50000;
box-shadow: 0 1px 0 0 #000;
}
.input-field .prefix {
color:#9e9e9e;
}
/*.dropdown-content li>a, .dropdown-content li>span{
color:#0d47a1!important;
}
.dropdown-content li>a, .dropdown-content li>span:hover{
color:#FFF!important;
background-color:#0d47a1!important;
}*/
/* icon prefix focus color */
.input-field .prefix.active{
color:#0d47a1!important;opacity: 1!important;
filter: alpha(opacity=100)!important;
}
.input-field .picker__header select { height:auto!important;opacity:1!important; position:relative; pointer-events: auto!important;}
.input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .autocomplete-content {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
#requestConfirm.modal.modal-fixed-footer{ height:250px!important;}
.questionBox_area{ border:1px solid #f2f2f2; padding:2px; background-color:#FFFFFF;}
.questionBox_areaHead{ background-color:#196dcf; color:#FFFFFF; padding:8px;}
.questionBox_areaInner{ padding:0px 10px 10px 10px;}
.chooseOption{ border:1px solid #196dcf; color:#196dcf; float:left; margin:0 10px 10px 0px; font-size:16px; display:block; padding:8px 15px;border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;}
.chooseOptionSelect{color:#FFF; background-color:#196dcf;}
.questionBlockNew{ padding:0px 20px 20px 20px!important;}
.questionBlockSection label{ line-height:26px; color:#515151}
.questionBlockSection label input[type=radio]:not(:checked) + span{position:relative; cursor:pointer; padding:5px 5px 5px 5px!important; font-size:30px!important; line-height:46px;color:#515151!important; font-weight:200!important; }
.questionBlockSection label input[type=radio]:not(:checked) + span:hover{ background-color: rgba(229,229,229,1); cursor:pointer; color:#515151!important;padding:5px 5px 5px 5px!important; font-size:30px!important; line-height:46px;color:#515151!important; font-weight:200!important; }
.questionBlockSection label input[type=radio]:checked + span{ background-color:rgba(21, 101, 192, 1); cursor:pointer; color:#FFFFFF!important;padding:5px 5px 5px 5px!important; font-size:30px!important; line-height:46px;color:#FFFFFF!important; font-weight:200!important; }
.questionBlockSection label input[type=checkbox]:not(:checked) + span{position:relative; cursor:pointer; padding:2px 0px 2px 0px!important; font-size:30px!important; line-height:46px;color:#515151!important;font-weight:200!important;}
.questionBlockSection label input[type=checkbox]:not(:checked) + span:hover{ background-color:rgba(229, 229, 229, 1) ; cursor:pointer; color:#FFFFFF!important;padding:3px 0px 3px 0px!important; font-size:30px!important; line-height:46px; color:#515151!important;font-weight:200!important;}
.questionBlockSection label input[type=checkbox]:checked + span{ background-color:rgba(21, 101, 192, 1); cursor:pointer; color:#FFFFFF!important;padding:3px 0px 3px 0px!important; font-size:30px!important; line-height:46px;color:#FFFFFF!important;font-weight:200!important;}
.questionBlockSectionimg label{ line-height:26px; color:#515151;height:120px!important; float:left; margin:0px 10px 0px 0px;}
.questionBlockSectionimg label input[type=radio]:not(:checked) + span{position:relative; cursor:pointer; padding:10px 10px 10px 10px!important; display:block; border:1px solid rgba(225,225,225,0);}
.questionBlockSectionimg label input[type=radio]:not(:checked) + span:hover{ border:1px solid rgba(229,229,229,1); cursor:pointer; padding:10px 10px 10px 10px!important;display:block;}
.questionBlockSectionimg label input[type=radio]:checked + span{ border:1px solid rgba(21, 101, 192,1); cursor:pointer; padding:10px 10px 10px 10px!important;display:block; color:#FFFFFF;}
.questionBlockSectionimg label input[type=checkbox]:not(:checked) + span{position:relative; cursor:pointer; padding:10px 10px 10px 10px!important; display:block;}
.questionBlockSectionimg label input[type=checkbox]:not(:checked) + span:hover{ border:1px solid rgba(129, 199, 132, 0.4) ; cursor:pointer; color:#FFFFFF!important;padding:10px 10px 10px 10px!important; display:block;}
.questionBlockSectionimg label input[type=checkbox]:checked + span{ border:1px solid rgba(129, 199, 132, 0.4); cursor:pointer; color:#FFFFFF!important;padding:10px 10px 10px 10px!important;display:block;}
#sortable-inline{
list-style-type: none;display: table; }
#sortable-inline li{
margin: 0 4px 8px 4px; float:left;cursor:pointer;display:inline; line-height:18px; height:24px; }
#sortable-5, #sortable-6,#sortable-7, #sortable-8 {
list-style-type: none; display: table; }
#sortable-5 li{
margin: 0 4px 8px 4px; float:left;cursor:pointer;display:inline; }
#sortable-m1 {
list-style-type: none; display: block; }
#sortable-m1 li{
cursor:pointer;display:inline; width:10px!important; }
#sortable-6 li,#sortable-7 li, #sortable-8 li {
margin: 0px 0px 8px 0px; width:100%; cursor:pointer;display:table; }
.optionBlock_dropArea {border: 1px solid #42a5f5; width:90%; margin:0 auto; padding:8px; border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;}
.optionBlock_dropArea h3{color:#42a5f5; padding:0px 0px 10px 0px; margin:10px 0px 10px 0px; font-size:20px; font-weight:normal; text-align:center;border-bottom: 1px solid #42a5f5;}
.optionBlock {
background: #42a5f5;
border: 1px solid #42a5f5;
color: #FFF; padding:8px; font-size:18px; display:block;
}
#sortable-6 ,#sortable-7 ,#sortable-8{ width:100%; min-height:200px;height:200px;}
.questionBox_area{ border:1px solid #f2f2f2; padding:2px; background-color:#FFFFFF;}
.questionBox_areaInner{ padding:0px 10px 10px 10px;}
.tableTopBar{ background-color:#3d98ea; padding:4px; color:#FFFFFF;}
.tableBorder{ border:1px solid #ccc; padding:2px;}
.tableBorderleft{border-left:1px solid #ccc;}
.tableBorderleftTopWhite{border-left:1px solid #FFF;border-top:1px solid #FFF;}
.contentLine32 input[type=text]{ width:90px}
[data-tip] {
position:relative;
}
[data-tip]:before {
content:'';
/* hides the tooltip when not hovered */
display:block;
content:'';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(129, 199, 132, 0.6);;
position:absolute;
top:8px;
right:50%;
z-index:8;
font-size:0;
line-height:0;
width:0;
height:0;
}
[data-tip]:after {
display:block;
content:attr(data-tip);
position:absolute;
top:-12px;
right:32%;
padding:4px 8px;
background:rgba(129, 199, 132, 0.6);
color:#fff;
z-index:9;
font-size: 11px;
height:20px;
line-height:14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space:nowrap;
word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
display:block;
}
.contentLine32{ line-height:39px;}
.meaningOfWord{}
.meaningOfWord .inlineTxt{ display:inline;}
.meaningOfWord p{ margin-bottom:10px!important; }
.meaningOfWord label{}
.meaningOfWord label span{border:1px solid #2196F3 ; color:#2196F3; padding:10px 10px 10px 10px; text-align:left; width:250px;font-size:16px; display:inline-block; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px; cursor:pointer;}
.meaningOfWord label input[type="radio"]:checked + span{ background-color:#f1f8ff;}
.contentLine32{ line-height:39px;}
.comaContainer{ font-size:22px;}
.comaContainer ul{padding:0px; margin:0px; list-style-type:none;}
.comaContainer ul li{ display:inline-block;}
.comaContainer ul li .ui-state-highlight{cursor:pointer!important;}
.comaContainer ul li .ui-state-highlight:hover{cursor:pointer!important;}
.comaContainerContentArea{font-size:12px;}
.comaContainerContentArea ul{padding:0px; margin:0px; list-style-type:none; word-wrap: break-all;}
.comaContainerContentArea ul li{display:inline-block; line-height:22px; }
.pairTheFolowing{ border:1px solid #f1f1f1; padding:10px; display:block;}
.pairTheFolowingDropArea{ border:1px solid #f1f1f1; background-color:#f1f1f1; padding:10px; display:block;}
.tabelOfCalculation{ display:table; font-size:22px; border-collapse: separate;border-spacing: 3px 4px;}
.tabelOfCalculation_rowborder{display:table-row; background-color:#000;}
.tabelOfCalculation_row{ display:table-row; padding-top:8px;}
.tabelOfCalculation_cell{ display:table-cell; width:1.25em;vertical-align: middle;text-align: center; padding:3px 0px; border: 1px transparent #000; }
.tabelOfCalculation_cell input[type=text]:not(.browser-default), .tabelOfCalculation_cell input{margin-bottom:0px!important; text-align:center; border-bottom:0px!important; border-bottom-color:transparent!important;}
.tabelOfCalculation_row .rupeesCell{border-left: 1px solid #000!important; border-top: 1px solid #000!important; border-bottom: 1px solid #000!important;border-right: 1px dotted #000!important; }
.tabelOfCalculation_row .rupeesCellRight{border-top: 1px solid #000!important; border-bottom: 1px solid #000!important;border-right: 1px dotted #000!important; }
.tabelOfCalculation_row .rupeesCellRightLast{border-top: 1px solid #000!important; border-bottom: 1px solid #000!important;border-right: 1px solid #000!important; }
.contentLine32{ line-height:39px;}
.fl_none{float:none|!important;}
.ver > label{ margin-bottom:10px!important;margin-right:10px;}
.ver > label .item{ margin-bottom:16px!important; background-color:#FFF !important; box-shadow:none!important; display:inline-block;word-wrap: break-word; line-height:20px; padding:8px; height:auto!important; color:#888888; border:2px solid #bfbfbf;}
.ver > label .item:hover{border:2px solid #1565c0!important;color:#1565c0;cursor: pointer!important; }
.ver > label input:checked + .item{ margin-bottom:16px!important; background-color:#1565c0 !important; box-shadow:none!important;display:inline-block;word-wrap: break-word;line-height:20px;padding:8px;height:auto!important;color:#FFF;border:2px solid #2a73c6;}
.hor > label{ margin-bottom:10px!important;}
.hor > label .item{ margin:8px!important; box-shadow:none!important;background-color:#FFF !important; float:left;word-wrap: break-word; line-height:20px; padding:8px; height:auto!important; color:#888888; border:2px solid #bfbfbf;}
.hor > label .item:hover{border:2px solid #1565c0!important;color:#1565c0;cursor: pointer!important; }
.hor > label input:checked + .item{ margin-bottom:8px!important; background-color:#1565c0!important; box-shadow:none!important;display:inline-block;word-wrap: break-word;line-height:20px;padding:8px;height:auto!important;color:#FFF;border:2px solid #2a73c6;cursor: pointer!important;}
.toggleQuestionSmall{ font-size:12px;}
.practiceContainerErrorTxt{font-family: 'Bangers', cursive; font-size:96px; cursor: pointer;text-shadow: 2px 4px 0 #9C0707; color:#FF0000; margin-bottom:0px;}
.practiceContainerCorrectTxt{font-family: 'Bangers', cursive; font-size:96px; cursor: pointer;text-shadow: 2px 4px 0 #009688; color: #00B630;margin-bottom:0px;}
.wrongRightArea{ padding:8px; border: 1px solid #f6f6f6; background-color:#f6f6f6; text-align:center;}
.wrongRightArea .head{ font-size:18px; text-transform:uppercase; font-weight:bold; }
.centralAreaScroll{ position:relative; }
.testPaper_modal{ bottom:0px!important; height:45%!important; max-height: 45%!important; }
.ttC {
position: relative;
display: inline-block; color:#000;
}
.ttC .ttContent .ttClose{ position:absolute; z-index:5; display: block;right:-6px; top:-6px; background-color:#FF0000;padding:2px; font-size:11px; color:#FFF; border-radius:2px;}
.ttC .ttContent {
display: block;
width: 120px;
background-color: #2196F3 ;
color: #000;
text-align: center;
padding: 5px 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 1;
transition: opacity 1s;
}
.ttC .ttContent input[type="text"]{ background-color:#FFFFFF; border:1px solid #FFF;}
.ttC .ttContent::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #2196F3 transparent transparent transparent;
}
.nav-wrapper #nav-mobile img{ height:32px; width:auto; margin:16px 0px 0px 0px!important; line-height:64px;}
@media only screen and (max-width: 768px){
.modal-content.tespaperQuiteOuter img{ width:100%;}
nav ul a {
-webkit-transition: background-color .3s;
transition: background-color .3s;
font-size: 1rem;
color: #fff;
display: block;
padding: 0 4px;
cursor: pointer;
}
}
@media screen and (max-width: 992px) {
.dcs{ padding-top:20px; padding-left:0px;}
.nav-wrapper #nav-mobile img{ height:23px!important; width:auto; margin:20px 0px 0px 0px!important; line-height:64px;}
}
.btn{ margin:4px;}
.bookskill-wise .blue.darken-4 .subjectWiseHeading, .book-wise .blue.darken-4 .subjectWiseHeading { color:#FFFFFF!important; background-color:#0d47a1!important}
.bookskill-wise .blue.darken-4 .subjectWiseSubHeading, .book-wise .blue.darken-4 .subjectWiseSubHeading{ color:#1d1d1d!important; background-color:#d5d5d5!important}
.ca_question{ border:1px solid #e9e9e9; padding:10px; display:block;}
.ca_question .questionTxt{font-size:18px!important;}
.ca_question .answerArea{background-color:#F6F6F6; padding:8px;}
.resultTxt{ font-family: 'Ranchers'; font-size:40px; padding:10px; text-align:center; line-height:65px; text-align:center!important}
.resultTxt2{ font-family: 'Ranchers'; font-size:40px; text-align:left!important; line-height:65px; }
.rightAnswer{ padding:8px;}
.questionAnswerArea{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); padding:15px;}
.questionAnswerArea .question{ font-size:18px!important;}
.questionAnswerArea .answer{ background-color:#F6F6F6; padding:8px;}
.questionAnswerArea .answerRight{ padding:8px;}
.questionAnswerArea .answerWrong{ background-color:#CC0000; padding:8px;}
.questionAnswerArea .resultTxt{ font-family: 'Ranchers'; font-size:40px;}
.right7{ margin-right:7px;}
.npa_l{ padding-top:0px; }
.npa_r{ background-color:#FFFFFF!important; padding:16px 0px 16px 0px!important; }
.npaBtm0{ margin-bottom:0px!important; padding:0px;}
.npa_lClickArea{ padding:0px!important;}
.npa_l_contentArea{ width:100%; float:left; clear:both; font-size:14px!important;}
.npa_l_contentAreaSelect{}
.npa_l_contentArea label input:not(:checked) + div.npa_l_contentArea_c{ border-bottom:1px solid #d9d9d9!important; padding:30px 10px!important; text-align:center!important; width:100% !important; position:relative;cursor:pointer;filter:grayscale(100%); opacity: 0.5;
filter: alpha(opacity=50);}
.npa_l_contentArea label input:not(:checked):hover + div.npa_l_contentArea_c{ border-bottom:1px solid #d9d9d9!important; padding:30px 10px!important; text-align:center!important; width:100% !important; position:relative;background-color:#FFFFFF;text-decoration:none;-moz-box-shadow: inset 0 0 6px #4c4c4c;
-webkit-box-shadow: inset 0 0 6px #FFF;
box-shadow: inset 0 0 6px #FFF; cursor:pointer;filter:none;opacity: 1;
filter:none;}
.npa_l_contentArea label input:checked + div.npa_l_contentArea_c{ border-bottom:1px solid #d9d9d9!important; padding:30px 10px!important; text-align:center!important; width:100% !important; position:relative;background-color:#FFFFFF;text-decoration:none;-moz-box-shadow: inset 0 0 6px #4c4c4c;
-webkit-box-shadow: inset 0 0 6px #FFF;
box-shadow: inset 0 0 6px #FFF; cursor:pointer;filter:none;opacity: 1;
filter: alpha(opacity=100);}
.npa_l_contentArea_c img{ width:60px!important; height:auto!important; -webkit-filter:none; /* Safari 6.0 - 9.0 */
filter:none;}
.reportsBoxNew2 .npa_l_contentArea a:hover img{
filter:none;
-webkit-filter:none;
}
.npa_r .collapsible{ border:0px!important; box-shadow:none!important;}
.npa_r .collapsible .collapsible-header{border:0px!important; font-size:20px; font-weight:600;}
.npa_r .collapsible .collapsible-header{ padding:0px 0px 16px 16px;}
.npa_r .collapsible .collapsible-body{ padding:0px 0px 0px 5px; margin-bottom:0px;}
.npa_r .card-panel{ border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;display: block;
position: relative; height:70px; cursor:pointer; margin:0px 0px 24px 0px;}
.npa_r .card-panelOverlay{height:70px; width:100%;border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;display: block; position:absolute; z-index:3;background: rgba(54, 25, 25, .6); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.npa_r .card-panelOverlay i{font-size:36px; line-height:61px;}
.npa_r .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-image:url(../images/student/claculator_2.svg); background-position:right top;background-size: 60px 60px;position: absolute; opacity:0.1; height:60px; width:60px; right:8px; top:0px; background-position:right 0px top -10px;}
.npa_r .card-panelContent{ z-index:2; position:absolute; width:100%; height:100%; left:0px; top:0px;display: block; padding-left:70px;}
.npa_r .card-panelContent .headTxt{ font-size:30px; margin:0px; position:absolute; left:10px; top:0px; padding-right:10px; width:58px; height:70px; line-height:70px; vertical-align:middle; text-align:right;}
.npa_r .card-panelContent .textContent{float:left;padding:0px 8px 0px 0px; line-height:18px!important; font-size:14px!important; text-transform:uppercase; font-weight:600; width:200px; }
.npa_r .card-panelContent .textContent{ position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.arrowSqueezOuter{position:absolute!important; left:0px!important; background-color:#FFFFFF; bottom:103px!important; z-index:599!important; width:100%; text-align:center!important; padding:10px; cursor:pointer; height:44px!important; line-height:44px!important; display:block;}
.arrowSqueezOuter, .arrowSqueezOuter i{ line-height:24px!important; vertical-align:middle; }
.arrowSqueezOuter i{ margin-right:30px;}
.arrowSqueezOuter label{ font-weight:bold!important; color:#787878!important; cursor:pointer; display:block;}
.arrowSqueezOuter label:hover{color:#1565C0!important;}
.arrowSqueezOuter2{position:absolute!important; left:0px!important; background-color:#FFFFFF; bottom:103px!important; z-index:599!important; width:100%; text-align:center!important; padding:10px; cursor:pointer; height:44px!important; line-height:44px!important; display:block;}
.arrowSqueezOuter2, .arrowSqueezOuter2 i{ line-height:24px!important; vertical-align:middle; }
.arrowSqueezOuter2 i{ margin-right:30px;}
.arrowSqueezOuter2 label{ font-weight:bold!important; color:#787878!important; cursor:pointer; display:block;}
.arrowSqueezOuter2 label:hover{color:#1565C0!important;}
.powerSetting{position:absolute!important; left:0px!important; background-color:#e5e5e5; bottom:55px!important; z-index:599!important; width:100%; text-align:center!important; padding:15px 10px;}
.powerSetting2{position:absolute!important; left:0px!important; background-color:#e5e5e5; bottom:60px!important; z-index:599!important; width:100%; text-align:center!important; height:48px; line-height:48px; }
.powerSetting2 i{vertical-align:middle;}
.dc_menuName li>a, .dc_menuName li>a:hover{color:#212121!important;font-weight:400!important;}
.side-nav li>a{ font-size:13px; }
.practiceArea{ background-color:#FFFFFF!important; padding-top:0px!important; -webkit-box-shadow: -2px 10px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 10px 19px 0px rgba(0,0,0,0.75);
box-shadow: -2px 10px 19px 0px rgba(0,0,0,0.75); padding:0px!important; padding-bottom:100px;}
.practiceArea .btmArea{ border-top:1px solid #e5e5e5; padding:20px 12px 20px 11px; display:block; position:absolute; bottom:0px; left:0px; width:100%; text-align:left!important; background-color:#FFFFFF;}
.practiceArea .card-panel{ margin:0px 0px 0px 0px; height:131px; position:relative;}
.practiceArea .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-image:url(../images/student/claculator_2.svg); background-position:right top;background-size: 106px 108px;position: absolute; opacity:0.1; height:108px; width:106px; right:0px; top:0px; background-position:right 0px top 0px;}
.practiceArea .card-panelContent{ z-index:2; position:absolute; width:100%; height:100%; left:0px; top:0px;display: block;padding-left:95px;}
.practiceArea .card-panelContent .headTxt{ font-size:30px; margin:0px;position:absolute; padding-right:10px; height:108px;width:75px; line-height:108px;vertical-align:middle; text-align:right; left:0px;}
.practiceArea .card-panelContent .textContent{float:left;padding:0px 8px 0px 0px; line-height:20px!important; font-size:18px!important; text-transform:capitalize; font-weight:500; width:200px; }
.practiceArea .card-panelContent .textContent .tooltipped{ cursor:pointer!important;}
.practiceArea .card-panelContent .textContent .txt11{ font-size:11px; font-weight:100!important; text-transform:capitalize;}
.practiceArea .card-panelContent .textContent{ position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.txt12{ font-size:12px; margin-top:4px; font-weight:normal!important;}
.txt10{ font-size:10px; font-weight:normal!important;}
.practiceAreaInner{ border-bottom:1px solid #e5e5e5; padding:20px 25px 20px 25px; display:block;}
.practiceAreaInner2{ padding:20px 25px 20px 25px; display:block;}
.practiceAreaInner .greyHeading, .greyHeading{
opacity: 0.5;
font-size: 12px;
color: #000000; font-weight:600; margin-bottom:16px; text-transform:uppercase;
}
.practiceAreaInner .blueHeading{
font-size: 12px;
color: #1565C0;font-weight:600;
}
.practiceAreaInner .blackHeading{
font-size: 18px;
color: #000000;
}
.circleBlk{ border-radius:200px;-o-border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px; width:10px;}
.practiceAreaInner .iconBlock{ margin-bottom:16px!important;}
.questionBlock{ width:32px; height:32px;border: 1px solid #7f7f7f; text-align:center; color:#7f7f7f; background-color:#FFFFFF; line-height:32px;display:block; margin:0px 12px 12px 0px; float:left;}
.practiceQuestionArea{
position:relative;
padding:24px;
}
.practiceQuestionArea .questions{
font-size: 20px;
color: #1565C0;
font-weight:600; margin-bottom:3px;}
.practiceQuestionArea .questionsContent {font-size: 20px;
color: #000000;
line-height: 32px; margin-bottom:25px; position:relative;}
.practiceQuestionArea .questionsContent .op_word{ font-size:30px!important; line-height:36px!important;}
.practiceQuestionArea .questionsContent .op_word:hover{ color:#2196F3 !important}
.practiceQuestionArea .questionsContent.largeToggle {font-size:34px!important;
color: #000000!important;line-height: 46px!important; margin-bottom:25px; font-weight:200!important;}
.practiceQuestionArea .answers{
font-size: 20px;
color: #1565C0;
font-weight:600; margin-bottom:17px;}
.practiceQuestionArea .answersContent {font-size: 20px;
color: #000000;
line-height: 32px;}
.practiceQuestionAreaClose{ position:fixed; top:0px; right:0px; width:32px; height:32px; z-index:599; line-height:39px; text-align:center!important;}
.practiceQuestionAreaClose i{ font-size:20px;}
.practiceSubmitAnswer{ position:fixed; bottom:0px; right:0px; width:248px; padding:16px 0px;display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; background-color:#0DA128!important; text-align:center!important; cursor:pointer;}
.practiceSubmitAnswer > i{
vertical-align:middle; padding:0px 0px 0px 8px;}
.practiceReviewLater{ position:fixed; bottom:0px; right:248px; width: 248px; padding:16px 24px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; background-color:#FFA000!important; text-align:center!important; cursor:pointer;}
.practiceSkip { position:fixed; bottom:0px; right:496px; width: 248px; padding:16px 24px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; text-align:center!important; cursor:pointer;}
.practiceSkip > i{
vertical-align:middle;padding:0px 0px 0px 8px;}
.practiceReviewLater > i{
vertical-align:middle;padding:0px 0px 0px 8px;}
.howToAnswer{
background: #1565C0;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.27);
border-top-left-radius:25px 25px;
border-bottom-left-radius:25px 25px;
-o-border-top-left-radius:25px 25px;
-o-border-bottom-left-radius:25px 25px;
-webkit-border-top-left-radius:25px 25px;
-webkit-border-bottom-left-radius:25px 25px;
-khtml-border-top-left-radius:25px 25px;
-khtml-border-bottom-left-radius:25px 25px;
-moz-border-top-left-radius:25px 25px;
-moz-border-bottom-left-radius:25px 25px; padding:3px 20px 3px 3px; width:218px; position:fixed; right:-177px; bottom:122px; z-index:999;
}
.howToAnswer i{ float:left; color:#FFFFFF; font-size:32px;}
.howToAnswer .content{ float:left; margin-left:10px; margin-right:10px;
width:calc(100%-52px);
width: -moz-calc(100% - 52px);
width: -webkit-calc(100% - 52px);
width: -o-calc(100% - 52px);font-size: 14px;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0,0,0,0.30); line-height:32px;
}
.viewRevisionSheet{
background: #FFB300;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.27);
border-top-left-radius:25px 25px;
border-bottom-left-radius:25px 25px;
-o-border-top-left-radius:25px 25px;
-o-border-bottom-left-radius:25px 25px;
-webkit-border-top-left-radius:25px 25px;
-webkit-border-bottom-left-radius:25px 25px;
-khtml-border-top-left-radius:25px 25px;
-khtml-border-bottom-left-radius:25px 25px;
-moz-border-top-left-radius:25px 25px;
-moz-border-bottom-left-radius:25px 25px; padding:3px 20px 3px 3px; width:231px; position:fixed; right:-192px; bottom:176px;
}
.viewRevisionSheet .iconHolder{ float:left; color:#FFB300; background-color:#FFF!important; width:32px; height:32px; text-align:center; line-height:32px;
border-radius:100%;
-o-border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
-khtml-border-radius:100%;
}
.viewRevisionSheet .iconHolder i{ font-size:18px; line-height:32px;}
.viewRevisionSheet .content{ float:left; margin-left:10px; margin-right:10px;
width:calc(100%-52px);
width: -moz-calc(100% - 52px);
width: -webkit-calc(100% - 52px);
width: -o-calc(100% - 52px);font-size: 14px;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0,0,0,0.30); line-height:32px;
}
.practiceAreaDragger12{ display:none;}
.emptyStateContent{ width:45%!important; margin:0 auto!important; text-align:center; padding:20px 0px;}
.emptyStateContent .largeTxt{font-size: 16px; font-weight:600;}
.emptyStateContent .regularTxt{font-size: 12px; font-weight:400; line-height:18px;}
.practiceErrorResult .semiHeading{font-size: 24px; font-weight:600; font-style:italic;
color: #000000; margin-bottom:7px;}
.practiceErrorResult .explanation{
font-size: 18px;
color: #1565C0; margin-bottom:9px; text-align:left!important;
}
.practiceErrorResult .explanationArea{
background: #FFFFFF;
border: 2px solid #1565C0;
border-radius: 2px; height:250px; overflow-y:auto;text-align:left!important;
}
.practiceErrorResult .explanationAreaInner{ padding:24px;font-size: 16px;
color: #3f3f3f;}
ul.stepper.horizontal{ height:auto;}
.newTaskPage{ padding:20px 20px 20px 20px; display:block;}
.newTaskPage h1{font-size: 28px;
color: #1565C0; margin:0px; font-weight:600;}
.dsb_new_libraryContentLink{position:absolute; z-index:566; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; font-weight:600;}
.newTaskContainer{
background: #FFFFFF;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30); margin-bottom:32px;
}
.newTaskContainer .topPart{ height:196px; background-repeat:no-repeat; background-position:center center; width:100%; position:relative; }
.newTaskContainer .topPartIcon{ width:80px; height:80px; background-color:#FFFFFF; line-height:80px; text-align:center; position:absolute; z-index:2; left:10px; bottom:0px;}
.newTaskContainer .topPartIcon img{ width:49px; height:auto; margin-top:15px; cursor:pointer;}
.newTaskContainer .pointsContainer{ position:absolute; top:0px; padding-top:20px; width:100%; text-align:center; font-size:22px; color:#FFFFFF; font-weight:600;}
.newTaskContainer .contentPart{ padding:20px; display:block; width:auto;}
.newTaskContainer .contentPart .heading{font-size: 20px;color: rgba(0,0,0,0.80); font-weight:600;}
.newTaskContainer .contentPart .heading a, .newTaskContainer .contentPart .heading a:hover{color: rgba(0,0,0,0.80);}
.newTaskContainer .contentPart .subHead{opacity: 0.5;font-weight:600;font-size: 12px;color: rgba(0,0,0,0.80);}
.newTaskContainer .contentPart .innerContent{ padding:6px 0px;opacity: 0.8;font-size: 16px;color: #000000;line-height:18px;}
.newTaskContainer .contentPart .miniScore{ float:left; margin-bottom:19px; font-size: 12px;opacity: 0.8;font-family:600;font-size: 12px;color: #000000;line-height: 18px;}
.newTaskContainer .contentPart .miniScore .blueHeading{color: #1565C0; float:left!important; font-weight:600;}
.newTaskContainer .contentPart .miniScore .semiLarge{ float:left!important; padding:0px 0px 0px 10px;}
.newTaskContainer .contentPart .validTill{ float:left; margin-bottom:19px;opacity: 0.8;font-size: 12px;font-family:600;font-size: 12px;color: #000000;line-height: 18px;}
.newTaskContainer .contentPart .validTill .blueHeading{color: #1565C0;padding:0px 10px; float:left;font-weight:600;}
.newTaskContainer .contentPart .validTill .semiLarge{ float:left!important; }
.newTaskContainer .rewardsTxt{font-size: 10px;
color: #000000;}
.newTaskContainer .rewardsTxt img{ width:12px; height:auto;}
.newTaskContainer .semiLarge{font-size: 14px;
color: #000000;
line-height: 18px;}
.newTaskContainer .points{ float:left; width:33%; }
.newTaskContainer .coins{ float:left; width:33%; margin:0 0.5%; }
.newTaskContainer .diamond{ float:left; width:33%;}
.newTaskContainer .blueHeading2{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:13px;}
.newTaskContainer .leftPart{ width:40%; height:250px; background-color: #1565C0; float:left;text-align: center!important;
line-height:250px;}
.newTaskContainer .leftPart img{ width:80%; height:auto; margin:0 auto!important;}
.newTaskContainer .rightPart{ width:60%; height:250px;float:left;}
.newTaskContainer .rightPart .inner{ padding:27px; display:block; position:relative;}
.newTaskContainer .rightPart .inner .heading{font-size: 20px;color: #1565C0; font-weight:600;}
.newTaskContainer .rightPart .inner .subheading{font-size: 10px;color: #7f7f7f; margin-bottom:7px;}
.newTaskContainer .rightPart .inner .content{font-size: 12px;color: #383838;line-height: 18px; margin-bottom:7px;width: calc(100% - 20px);display:block;}
.newTaskContainer .rightPart .inner .blueHeading{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:4px;}
.newTaskContainer .rightPart .inner .blueHeading2{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:13px;}
.newTaskContainer .rightPart .inner .rewardsTxt{font-size: 10px;
color: #000000;}
.newTaskContainer .rightPart .inner .rewardsTxt img{ width:12px; height:auto;}
.newTaskContainer .rightPart .inner .semiLarge{font-size: 14px;
color: #000000;
line-height: 18px;}
.newTaskContainer .rightPart .inner .miniScore{ float:left; width:30%; margin-bottom:19px;}
.newTaskContainer .rightPart .inner .validTill{ float:left; width:70%;margin-bottom:19px;}
.newTaskContainer .rightPart .inner .points{ float:left; width:37%; margin-right:2%;}
.newTaskContainer .rightPart .inner .coins{ float:left; width:27%;margin-right:1%;}
.newTaskContainer .rightPart .inner .diamond{ float:left; width:33%;}
.newTaskContainer .rightPart .inner a.nextButton{ background-color:#1565c0;width:44px; height:75px; position:absolute; right:0px; top:50%; text-align:right; margin-top:-32px; color:#FFFFFF; line-height:85px;
border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
-o-border-top-left-radius: 1000px;
-o-border-bottom-left-radius: 1000px;
-moz-border-top-left-radius: 1000px;
-moz-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
-moz-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30); cursor:pointer;
}
.newTaskContainer .rightPart .inner .nextButton i{ margin-right:6px;}
.taskDetailsPage{ }
.taskDetailsPage .leftpart{ float:left; width:35%; text-align:center; vertical-align:middle; background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.taskDetailsPage .leftpart .pointsContainer{ margin-top:35%;width:100%; text-align:center; font-size:22px; color:#FFFFFF; font-weight:600;}
.taskDetailsPage .leftpart .pointsContainer img{ width:auto; height:174!important; float:none;margin:0 auto; vertical-align:middle; margin:10% 0px 0px 0px;}
.taskDetailsPage .rightpart{ float:left; width:65%;background-color: #FFFFFF; }
.taskDetailsPage .rightpart .inner{ padding:110px 60px 60px 60px; display:block;}
.taskDetailsPage .rightpart .inner .heading{font-size: 40px; font-weight:600; line-height:40px;color: #1565C0; margin-bottom:3px;}
.taskDetailsPage .rightpart .inner .subHeading{opacity: 0.5;
font-weight:600;
font-size: 16px; line-height:16px;
color: #000000;
color: #7f7f7f; font-weight:600; margin-bottom:22px;}
.taskDetailsPage .rightpart .inner .content{margin-bottom:22px;
opacity: 0.8;
font-weight:600;
font-size: 18px;
color: #000000;
line-height: 20px;
}
.taskDetailsPage .rightpart .inner .blueHeading{font-size: 16px;
color: #1565C0; font-weight:600; margin-bottom:0px;font-weight:600;}
.taskDetailsPage .rightpart .inner .blueHeading2{font-size: 16px;
color: #1565C0; font-weight:600; margin-bottom:10px;font-weight:600;}
.taskDetailsPage .rightpart .inner .rewardsTxt{font-size:20px;
color: #000000;}
.taskDetailsPage .rightpart .inner .rewardsTxt img{ width:30px; height:auto;}
.taskDetailsPage .rightpart .inner .semiLarge{margin-bottom:10px;opacity: 0.8;
font-size: 30px; line-height:30px;
color: #000000;}
.taskDetailsPage .rightpart .inner .miniScore{ float:left; width:30%; margin-bottom:19px;}
.taskDetailsPage .rightpart .inner .validTill{ float:left; width:60%;margin-bottom:19px;}
.taskDetailsPage .rightpart .inner .points{ float:left; width:30%; margin-right:1%;}
.taskDetailsPage .rightpart .inner .coins{ float:left; width:30%;margin-right:1%;}
.taskDetailsPage .rightpart .inner .diamond{ float:left; width:33%;}
.taskDetailsPage .rightpart .inner a.nextButton{ background-color:#0DA128;width:238px; height:72px; position:fixed; right:0px; bottom:0; color:#FFFFFF; line-height:85px; display:block
cursor:pointer; text-align:center!important;
}
.taskDetailsPage .rightpart .inner a.nextButton span{ position:relative;}
.taskDetailsPage .rightpart .inner a.nextButton span i{ margin-right:6px; top:-3px; position:absolute;}
.sb_inner ul.stepper.horizontal .step-content { padding:20px 20px 0px 0px!important;}
.sb_inner ul.stepper.horizontal .step-content .fixHeight{ height:296px!important;}
.sb_inner ul.stepper.horizontal{ min-height:458px;margin-top:0px!important; padding-top:0px!important; padding-top:0px!important; margin-bottom:0px!important;}
.tespaperQuiteOutermodal{ background-color:#FFFFFF!important; width:70%;height:550px!important; top:4%!important; border-radius:21px;-webkit- border-radius:21px;-o- border-radius:21px;-moz- border-radius:21px;}
.tespaperQuiteOuter{ position:relative; z-index:0;height:550px!important; width:100%!important;}
.tespaperQuite{ position:absolute; left:0px; bottom:0px; width:600px; height:auto!important; z-index:1;}
.tespaperQuiteOuterClose{ position:absolute; top:8px; right:8px; z-index:9;}
.tespaperQuiteContent{ padding:84px 84px 0px 0px; display:block; position:relative; z-index:4;}
.tespaperQuiteContent .heading{font-size: 36px;color: #1565C0; font-weight:600; margin-bottom:19px; line-height:42px;}
.tespaperQuiteContent .normalContent{font-size: 18px;
color: #4a4a4a;
line-height: 25px;margin-bottom:19px;}
.tespaperQuiteBtn{ text-align:left;}
.studying{}
.studying .headTxt{
font-size: 20px;
color: #1565C0; font-weight:600; margin-bottom:3px;
}
.studying .semiHeadTxt{
font-weight:600;
font-size: 12px;
color: #828282; margin-bottom:20px;
}
.studying .content{
font-size: 16px;
color: #333333; height:380px; overflow:auto;
}
.practiceScrollArea{}
.ls_heading{
background: #FFFFFF; height:153px!important; padding:15px 20px;
}
.ls_heading .head{font-size: 28px;color: #1565C0; padding:0px; padding:0px 0px 0px 20px; display:block; font-weight:600;}
.ls_heading .regular{ padding:0px 0px 10px 20px; display:block;}
.ls_headingFixed{ position:fixed; top:0px; left:0px; z-index:40; width:100%; padding-top:15px;}
.ls_right{ text-align:right; padding:0px 20px 20px 0px; display:block;font-size:18px; color:#000000;}
.ls_right span{ line-height:36px; padding:0px 6px;}
.ls_right a{ font-size:14px!important;}
.ls_right img{ height:18px; width:auto; margin-bottom:-2px;}
.ls_headingTabs{padding:0px 0px 0px 20px; display:block;}
.ls_headingTabs a{ border:1px solid #cbcbcb;border-right:0px; background-color:#FFFFFF; color:#7f7f7f!important;font-size:13px; text-transform:uppercase; float:left; width:25%; text-align:center; height:32px; line-height:32px;}
.ls_headingTabs a i.material-icons{font-size:13px!important;line-height:32px; display:none;}
.ls_headingTabs a:last-child{ border:1px solid #cbcbcb;background-color:#FFFFFF; color:#7f7f7f!important;font-size:13px; text-transform:uppercase; float:left; width:25%; text-align:center;}
.ls_headingTabs a:hover{ border:1px solid #cbcbcb; background-color:#7f7f7f; color:#FFFFFF!important;font-size:13px; text-transform:uppercase;}
.ls_headingTabs a.select,.ls_headingTabs a.select:hover{background: #1565C0!important; color:#FFFFFF!important;}
.booksListingArea{ padding:20px; display:block; background-color:#FFFFFF;}
.booksListingArea .heading{
font-size: 20px;
color: #1565C0; font-weight:700px; text-transform:uppercase; margin-bottom:16px;
}
.booksListingArea .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.booksListingArea .booksCards .checkIcon{ position:absolute; right:10px; top:10px; width:20px; height:20px; z-index:5; color:#FFFFFF;}
.booksListingArea .booksCards .card-content{ position:absolute; min-width:212px; max-width:inherit; z-index:5; position:absolute; right:15px; top:35px!important; left:0px; }
.booksListingArea .booksCards .card-content .head{font-size: 44px;
color: #FFFFFF; margin:0px; padding:0px;}
.booksListingArea .booksCards .card-content .subhead {font-size: 18px;
color: #FFFFFF; font-weight:600; margin:0px; padding:0px; cursor:pointer!important;}
.booksListingArea .booksCards .card-content .regular{font-size: 12px;
color: #FFFFFF; margin:0px; padding:0px;}
.booksListingArea .booksCards .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 140px 140px;position: absolute; opacity:0.1; height:140px; width:140px; right:-20px; top:-20px; background-position:right 0px top 0px;-webkit-transform: rotate(45deg);
transform: rotate(45deg); overflow:hidden!important}
.booksListingArea .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.booksListingArea .booksCards .card-panelOverlay .contentArea{ min-width:208px; max-width:inherit; left:24px; right:24px; top:15px; z-index:7; position:absolute; text-align:left;font-size: 10px;
color: #FFFFFF;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .iconArea{ width:42px; float:left;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .iconArea i{ font-size:32px;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .iconAreacontent{float:left; width:calc(100%-42px);}
.booksListingArea .booksCards .card-panelOverlay .contentArea .iconAreacontentHead{font-size: 20px;
color: #FFFFFF; font-weight:500!important; padding:0px; margin:0px; cursor:pointer;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .iconAreacontentRegular{opacity: 0.6;
font-size: 12px;
color: #FFFFFF; font-weight:400!important; padding:0px; margin:0px; margin-bottom:5px;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .unlockWithPoints{ float:left;line-height:32px; padding-right:6px; }
.booksListingArea .booksCards .card-panelOverlay .contentArea .unlockWithOr{ float:left; text-align:left; padding-right:6px; line-height:32px;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .unlockWithMoney{ float:left; line-height:32px;width:80px;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .unlockWithPoints img, .booksListingArea .booksCards .card-panelOverlay .contentArea .unlockWithMoney img{ height:24px; vertical-align:middle;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .btnBlockGreen{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center;cursor: pointer;background: #0DA128;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);border-radius: 2px; height:32px; line-height:32px;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .btnBlockBlue{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center; cursor: pointer;background: #0D47A1;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
border-radius: 2px; height:32px; line-height:32px;}
.prResult_eh{font-family: 'Bangers', cursive;font-size: 96.14px;color: #FF0000;text-shadow: 2px 4px 0 #9C0707; margin:0px; padding:0px;}
.prResult_sh{font-family: 'Bangers', cursive;font-size: 96.14px;color: #FFB300;text-shadow: 2px 4px 0 #FF8F00; margin:0px; padding:0px;}
.prResult_ch{font-family: 'Bangers', cursive;font-size: 96.14px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.prResult_sch{font-family: 'Bangers', cursive;font-size: 96.14px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.prResult_ehs{ font-weight:600; font-style:italic;font-size: 18px;color: #000000; margin:0px;margin-bottom:5px; padding:0px;}
.prResult_scH{font-size: 16px; font-weight:bold; margin-bottom:10px;}
.prResult_sca img{ width:30px!important; height:auto}
.prResult_sca .rightArea{border-bottom: 1px solid #cbcbcb; padding-bottom:10px;font-size: 18px;color: #000000; padding:0px; margin:0px;}
.prResult_sca .rightArea small{ font-size:12px!important; color:#000!important; text-transform:uppercase!important;opacity: 0.6;
filter: alpha(opacity=60);}
.prResult_ea{
background: #FFFFFF;
border: 2px solid #1565C0;
border-radius: 2px; height:250px; overflow-y:auto;text-align:left!important;
}
.prResult_eaInner{ padding:24px;font-size: 16px;color: #3f3f3f;}
.prResult_scb{background: #FFFFFF;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30);
border-radius: 2px;}
.prResult_scb .topPart1{ padding:16px; border-right:1px solid rgba(0,0,0,0.20);border-bottom:1px solid rgba(0,0,0,0.20); height:171px;}
.prResult_scb .topPart2{ padding:16px; border-left:1px solid rgba(0,0,0,0.20);border-bottom:1px solid rgba(0,0,0,0.20);height:171px;}
.prResult_scb .questionTxt{ font-weight:600;
font-size: 20px;
color: #1565C0;}
.prResult_scb .questionTxtBtm{opacity: 0.5;
font-size: 12px;
color: #000000; font-weight:600;}
.prResult_scb .performanceArea{ height:69px; border-right:2px solid #f3f3f3;}
.prResult_scb .performanceArea2{ height:69px;}
.prResult_scb .performanceArea img, .prResult_scb .performanceArea2 img{ width:32px!important; height:auto;}
.prResult_scb .performanceArea h4, .prResult_scb .performanceArea2 h4{font-size: 12px;
color: #1565C0;font-weight:600; padding:0px; margin:0px 0px 4px 0px;}
.prResult_scb .performanceArea .totals, .prResult_scb .performanceArea2 .totals{font-size: 18px;
color: #000000;font-weight:600;}
.prResult_scb .badgesArea{border-top:2px solid #f3f3f3; padding:10px 0px 10px 0px;}
.prResult_scb .badgesArea .section{ height:79px; border-right:2px solid #f3f3f3; padding-top:10px;}
.prResult_scb .badgesArea .section2{ height:79px;padding-top:10px;}
.prResult_scb .badgesArea img{ width:34px!important; height:auto;}
.prResult_scb .badgesArea .section h4, .prResult_scb .badgesArea .section2 h4{font-size: 24px;
color: #000;font-weight:600; padding:0px; margin:0px 0px 4px 0px;}
.prResult_scb .badgesArea .section .totals, .prResult_scb .badgesArea .section2 .totals{opacity: 0.5;font-size: 12px;
color: #000000;font-weight:600;}
@media (min-width: 300px) and (max-width: 768px){
.prResult_scb .performanceArea img, .prResult_scb .performanceArea2 img{ width:18px!important; height:auto;}
.prResult_scb .performanceArea .totals, .prResult_scb .performanceArea2 .totals{font-size: 12px;
color: #000000;font-weight:600;}
.prResult_scb .badgesArea .section h4, .prResult_scb .badgesArea .section2 h4{font-size: 13px;
color: #000;font-weight:400; padding:0px; margin:0px 0px 4px 0px;}
.prResult_scb .badgesArea img{ width:18px!important; height:auto;}
}
.rowPad0{ padding:0px!important; margin:0px!important;}
.colPad0{ padding:0px!important; margin:0px!important;}
.prResult_sc_bh{font-size: 20px;color: #1565C0; font-weight:600;}
.prResult_sc_grey{font-size: 14px;color: #7f7f7f; font-weight:600; margin-bottom:16px;}
.prResult_sc_black{font-size:40px;color: #000;}
.prResult_sc_green{font-size: 12px;color: #0DA128; text-transform:uppercase; font-weight:600;}
.prResult_sc_red{font-size: 12px;color: #D50000; text-transform:uppercase;font-weight:600;}
.prResult_sc_orange{font-size: 12px;color: #FF8F00; text-transform:uppercase;font-weight:600;}
.prResult_sc_grey2{font-size: 12px;color: #7f7f7f; text-transform:uppercase;font-weight:600;}
.prResult_scb .bottomPart{ padding:16px;}
.prResult_sc_bh2{font-size: 20px;color: #1565C0; font-weight:600; margin-bottom:29px;}
.bn_pp{
background: #0D47A1;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
border-radius: 6px; position:relative; height:457px; width:100%; overflow:hidden;
}
.bn_pp_o{
background: #FF6F00;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
border-radius: 6px; position:relative; height:457px; width:100%; overflow:hidden;
}
.bn_pp_pf{ position:absolute; z-index:600; right:0px; top:0px;opacity: 0.32;}
.bn_pp .card-panelImage, .bn_pp_o .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 231px 231px;position: absolute; opacity:0.1; height:231px; width:231px; left:-40px; top:-40px; background-position:left 0px top 0px;-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); overflow:hidden!important}
.bn_pp .card-content, .bn_pp_o .card-content{ position:absolute; top:220px; left:45px; z-index:6; width:180px; padding:0px; border-radius:0px;}
.bn_pp .card-content i, .bn_pp_o .card-content i{ font-size:32px; color:#FFFFFF;}
.bn_pp .card-content .head, .bn_pp_o .card-content .head{font-size: 60px;color: #FFFFFF; padding:0px!important; margin:0px!important; line-height:60px!important;}
.bn_pp .card-content .subhead, .bn_pp_o .card-content .subhead{font-size: 24px; font-weight:600;
color: #FFFFFF;}
.bn_pp .card-content .regular, .bn_pp_o .card-content .regular{font-size: 16px; font-weight:600;
color: #FFFFFF;}
.libraryPopup{ background-color:#FFFFFF!important; width:70%;height:530px!important; top:4%!important; margin:0 auto;}
.libraryPopup .rightAreaInner{ padding:59px 24px 24px 24px; position:relative; height:530px;}
.libraryPopup .rightAreaInner .buttonArea{ position:absolute; z-index:10; bottom:10px; right:0px;}
.libraryPopup .rightAreaInner .bHead{font-size: 35px;color: #1565C0; font-weight:600; line-height:40px; margin-bottom:16px;}
.libraryPopup .rightAreaInner .rHead{font-size: 35px;color: #D50000; font-weight:600; line-height:40px; margin-bottom:16px;}
.libraryPopup .rightAreaInner .gSubHead{font-size: 16px;color: #7c7c7c; font-weight:600; line-height:16px; margin-bottom:32px;}
.libraryPopup .rightAreaInner .gSubHead2{font-size: 24px;color: #4a4a4a;line-height: 25px;margin-bottom:37px;}
.libraryPopup .rightAreaInner .priceTxt{font-size: 60px;color: #000; font-weight:400; line-height:60px; margin-bottom:19px;}
.libraryPopup .rightAreaInner .unlockTxt{font-size: 24px;color: #4a4a4a; font-weight:400; line-height:30px; margin-bottom:85px;}
.libraryPopup .rightAreaInner .unlockTxt2{font-size: 18px;color: #4a4a4a; font-weight:400; line-height:30px; margin-bottom:25px;}
.libraryPopup .rightAreaInner .scoreArea{ margin-bottom:70px;}
.libraryPopup .modal-content2{ padding:0px!important; overflow-x:hidden;}
.libraryPopup .modal-content2 .leftPopupArea{background-color: #5C9F90!important; height:530px; position:relative; overflow:hidden;}
.libraryPopup .modal-content2 .leftPopupArea2{background-color: #D50000; height:530px; position:relative; overflow:hidden;}
.libraryPopup .modal-content2 .leftPopupArea img, .libraryPopup .modal-content2 .leftPopupArea2 img{ position:absolute; bottom:0px; margin:0 auto;}
.ob_popups{padding:0px!important; background-color:#FFFFFF!important; width:80%!important; top:4%!important; height:70%; padding:0px;}
.ob_popups_lp{ height:511px; background-color:#093375; background-image:url(../images/student/animationAreaBg.svg); background-repeat:no-repeat; background-position:center top;}
.ob_popups_lp_o{ float:left; width:50%!important;}
.ob_popups_rp_o{ float:left; width:50%!important;}
.ob_popups_rp{ padding:80px 50px 50px 50px; display:block;}
.ob_popups_rp .heading{font-size: 40px;color: #1565C0; font-weight:600; margin-bottom:24px; line-height:40px;}
.ob_popups_rp .subContent{font-size: 20px;color: #4c4c4c;line-height: 30px;height:186px; display:block;}
.ob_popups_rp .subContentBlue{
font-size: 18px;
color: #1565C0; font-weight:600;
}
.marTop33{ margin-top:33px;}
.dsb_new{
background: #FFFFFF;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30);
border-radius: 2px;
}
.dsb_new_innerBlock{ padding:10px; display:block; position:relative;}
.dsb_new_innerBlock.height290{height:290px; }
.dsb_new_innerBlock.height310{height:310px; }
.dsb_new_innerBlock.height328{height:328px; }
.dsb_new_innerBlock.height450{height:450px; }
.dsb_new_innerBlock .smallTxt{ font-size:11px!important;}
.dsb_new_innerBlock table{ border:1px solid #ccc;}
.dsb_new_innerBlock table tr{ border-bottom:1px solid #ccc;}
.dsb_new_innerBlock table tr:last-child{ border-bottom:0px;}
.dsb_new_innerBlock table tr td{ border-right:1px solid #ccc;}
.dsb_new_innerBlock table tr td:last-child{ border-right:0px;}
.dsb_new_user{ padding:30px; display:block; height:124px; margin-bottom:6px;}
.newdc_inner{ padding:10px 0px 0px 0px; display:block; }
.newdc_inner .userThumb{ float:left; width:73px;}
.newdc_inner .userThumb .block{ width:63px; height:63px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative;}
.newdc_inner .userThumb .block img{ position:absolute; bottom:0px; width:50%; height:auto; left:30%;}
.newdc_inner .userContent{ float:left; font-size: 12px;
color: #7f7f7f; padding-top:5px;}
.newdc_inner .userContent .head{font-size: 20px;
color: #1565C0; font-weight:600;}
.dsb_new_score{ padding:10px; display:block; height:124px;margin-bottom:6px; font-weight:600;}
.dsb_new_score .firstBlock{ float:left; width:32%;display:block;}
.dsb_new_score .secondBlock{ float:left; width:2px;background-color:#cccccc; height:105px; display:block;}
.dsb_new_score .thirdBlock{ float:left; width:34%;display:block;}
.dsb_new_score .fourthBlock{ float:left; width:2px;background-color:#cccccc; height:105px; display:block;}
.dsb_new_score .fifthBlock{ float:left; width:32%;display:block;}
.dsb_new_score .internalPart{ float:left; width:30%; text-align:right; padding:26px 0px;}
.dsb_new_score .internalPart img{ width:36px; height:auto;}
.dsb_new_score .internalPart2{ float:left; width:70%; text-align:left;padding:26px 0px;}
.dsb_new_score .internalPart2 .inner{ padding-left:15px;font-size: 12px;
color: #7f7f7f;}
.dsb_new_score .internalPart2 .inner .large{font-size: 24px;
color: #000000; line-height:30px;}
.dsb_new_subjectBlock{position:relative; height:405px; overflow:hidden!important; color:#FFFFFF;}
.dsb_new_subjectBlock .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 212px 214px;position: absolute; opacity:0.1; height:214px; width:212px; right:-30px; top:-30px; background-position:right 0px top 0px;-webkit-transform: rotate(45deg);
transform: rotate(45deg); overflow:hidden!important}
.dsb_new_subjectBlock .card-content2{ padding:69px 32px 27px 32px; text-align:center}
.dsb_new_subjectBlock .card-content2 .regular{font-size: 12px;
color: #FFFFFF; opacity: 0.8;
filter: alpha(opacity=80); padding-top:20px;}
.dsb_new_subjectBlock .card-content{ padding:133px 32px 27px 32px;}
.dsb_new_subjectBlock .card-content .head{font-size: 20px; font-weight:500;
color: #FFFFFF;}
.dsb_new_subjectBlock .card-content .subhead{font-size: 12px;
color: #FFFFFF;opacity: 0.7; }
.dsb_new_subjectBlock .card-content .regular{font-size: 14px;
color: #FFFFFF;}
.dsb_new_subjectBlock .whiteImg{ color:#FFFFFF;}
.dsb_new_subjectBlock .startPractice{ position:absolute; bottom:15px; right:32px; color:#FFFFFF; font-weight:500!important; }
.dsb_new_subjectBlock .startPractice i{line-height:32px; height:32px; vertical-align:middle;}
.subjectStatus{ height:405px; margin-top:8px; position:relative;}
.subjectStatus .viewReports{ position:absolute; right:28px; bottom:15px; font-weight:500!important;}
.subjectStatus .viewReports i{ vertical-align:middle;}
.subjectStatus_inner{ padding:35px 32px 32px 32px;}
.subjectStatus_inner .headingPart{ margin-bottom:32px;}
.subjectStatus_inner .headingPart .icon{width:53px;}
.subjectStatus_inner .headingPart .icon img{ width:40px; height:auto;}
.subjectStatus_inner .headingPart .iconContent{font-size: 14px;
color: #ccc; padding-top:8px;}
.subjectStatus_inner .headingPart .iconContent .head{font-size: 24px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_activitiesOuter{ margin-top:12px!important;}
.dsb_new_activities{ height:390px; position:relative;}
.dsb_new_activities .viewAll{ position:absolute; bottom:15px; right:32px; font-weight:500!important;}
.dsb_new_activities .viewAll i{ vertical-align:middle;}
.dsb_new_activitiesInner{ padding:32px; display:block;}
.dsb_new_activitiesInner .headingPart{ margin-bottom:32px;}
.dsb_new_activitiesInner .headingPart .icon{ float:left; width:46px;}
.dsb_new_activitiesInner .headingPart .icon img{ width:36px; height:auto;}
.dsb_new_activitiesInner .headingPart .iconContent{ float:left; width:calc(100%-46px)!important;padding-top:8px;}
.dsb_new_activitiesInner .headingPart .iconContent .head{font-size: 24px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_activitiesInner .listingBlock{ margin-bottom:32px;}
.dsb_new_activitiesInner .listingBlock .leftPart{ float:left;width:48px; height:48px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative; margin-right:10px;}
.dsb_new_activitiesInner .listingBlock .leftPart img{ position:absolute; bottom:0px; width:50%; height:auto; left:30%;}
.dsb_new_activitiesInner .listingBlock .rightPart{ float:left; font-size: 12px;color: #a5a5a5; padding-top:4px;}
.dsb_new_activitiesInner .listingBlock .rightPart .head{font-size: 14px;color:#414141;line-height: 24px; font-weight:600;}
.dsb_new_library{ height:390px; position:relative;}
.dsb_new_libraryInner{ padding:32px;}
.dsb_new_libraryInner .headingPart{ margin-bottom:32px;}
.dsb_new_libraryInner .headingPart .icon{width:46px;}
.dsb_new_libraryInner .headingPart .icon img{ width:36px; height:auto;}
.dsb_new_libraryInner .headingPart .iconContent{font-size: 14px;
color: #ccc; padding-top:8px;}
.dsb_new_libraryInner .headingPart .iconContent .head{font-size: 24px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_library .visitLibrary{ position:absolute; bottom:15px; right:32px; font-weight:500!important;}
.dsb_new_library .visitLibrary i{ vertical-align:middle;}
.leftProfileDropDown{ text-transform:capitalize;}
.dsb_new_libraryInner .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.dsb_new_libraryInner .booksCards .checkIcon{ position:absolute; right:10px; top:10px; width:20px; height:20px; z-index:5; color:#FFFFFF;}
.dsb_new_libraryInner .booksCards .card-content{ position:absolute; min-width:212px; max-width:inherit; z-index:5; position:absolute; right:15px; top:35px!important; left:0px; }
.dsb_new_libraryInner .booksCards .card-content .head{font-size: 44px;
color: #FFFFFF; margin:0px; padding:0px;}
.dsb_new_libraryInner .booksCards .card-content .subhead {font-size: 18px;
color: #FFFFFF; font-weight:600; margin:0px; padding:0px; text-transform:capitalize;}
.dsb_new_libraryInner .booksCards .card-content .regular{font-size: 12px;
color: #FFFFFF; margin:0px; padding:0px;}
.dsb_new_libraryInner .booksCards .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 140px 140px;position: absolute; opacity:0.1; height:140px; width:140px; right:-20px; top:-20px; background-position:right 0px top 0px;-webkit-transform: rotate(45deg);
transform: rotate(45deg); overflow:hidden!important}
.dsb_new_libraryInner .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea{ min-width:208px; max-width:inherit; left:24px; right:24px; top:15px; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .iconArea{ width:42px; float:left;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .iconArea i{ font-size:32px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .iconAreacontent{float:left; width:calc(100%-42px);}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .iconAreacontentHead{font-size: 20px;
color: #FFFFFF; font-weight:500!important; padding:0px; margin:0px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .iconAreacontentRegular{opacity: 0.6;
font-size: 12px;
color: #FFFFFF; font-weight:400!important; padding:0px; margin:0px; margin-bottom:5px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .unlockWithPoints{ float:left;line-height:32px; padding-right:6px; }
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .unlockWithOr{ float:left; text-align:left; padding-right:6px; line-height:32px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .unlockWithMoney{ float:left; line-height:32px;width:80px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .unlockWithPoints img, .dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .unlockWithMoney img{ height:24px; vertical-align:middle;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .btnBlockGreen{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center;cursor: pointer;background: #0DA128;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);border-radius: 2px; height:32px; line-height:32px;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea .btnBlockBlue{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center; cursor: pointer;background: #0D47A1;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
border-radius: 2px; height:32px; line-height:32px;}
.dsb_new_challenges{ min-height:600px; height:auto; position:relative; margin-top:24px;}
.dsb_new_challenges_inner{ padding:32px; display:block;}
.dsb_new_challenges_inner .headingPart{ margin-bottom:32px;}
.dsb_new_challenges_inner .headingPart .icon{ width:46px;}
.dsb_new_challenges_inner .headingPart .icon img{ width:36px; height:auto;}
.dsb_new_challenges_inner .headingPart .iconContent{ font-size: 14px;
color: #ccc; padding-top:0px;}
.dsb_new_challenges_inner .headingPart .iconContent .head{font-size: 24px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_challenges .viewChallenges{ position:absolute; bottom:15px; right:32px; font-weight:500!important;}
.dsb_new_challenges .viewChallenges i{vertical-align:middle;}
.dsb_new_challenges_task{
background: #FFFFFF;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.30); margin-bottom:32px;
}
.dsb_new_challenges_task .topPart{ width:100%; height:218px; background-color: #1565C0; float:left;text-align: center!important;
line-height:250px;}
.dsb_new_challenges_task .topPart img{ width:auto; height:90%!important; margin:0 auto!important; vertical-align:middle;}
.dsb_new_challenges_task .btmPart{ width:100%; height:195px;float:left; position:relative;}
.dsb_new_challenges_task .btmPart .inner{ padding:20px; display:block; position:relative;}
.dsb_new_challenges_task .btmPart .inner .heading{font-size: 20px;color: #1565C0; font-weight:600;}
.dsb_new_challenges_task .btmPart .inner .subheading{font-size: 10px;color: #7f7f7f; margin-bottom:14px;}
.dsb_new_challenges_task .btmPart .inner .content{font-size: 12px;color: #383838;line-height: 18px; margin-bottom:7px;width: calc(100% - 20px);display:block;}
.dsb_new_challenges_task .btmPart .inner .blueHeading{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:4px;}
.dsb_new_challenges_task .btmPart .inner .blueHeading2{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:13px;}
.dsb_new_challenges_task .btmPart .inner .rewardsTxt{font-size: 10px;
color: #000000;}
.dsb_new_challenges_task .btmPart .inner .rewardsTxt img{ width:12px; height:auto;}
.dsb_new_challenges_task .btmPart .inner .semiLarge{font-size: 14px;
color: #000000;
line-height: 18px;}
.dsb_new_challenges_task .btmPart .inner .miniScore{ float:left; width:30%; margin-bottom:19px;}
.dsb_new_challenges_task .btmPart .inner .validTill{ float:left; width:70%;margin-bottom:19px;}
.dsb_new_challenges_task .btmPart .inner .points{ float:left; width:30%; margin-right:2%;}
.dsb_new_challenges_task .btmPart .inner .coins{ float:left; width:31%;margin-right:1%;}
.dsb_new_challenges_task .btmPart .inner .diamond{ float:left; width:33%;}
.dbh_sec{ position:relative; padding-left:55px; width:auto;}
.dbh_secIcon{position:absolute; left:0px; top:0px; width:40px;}
.dbh_secLineHeight{ line-height:36px!important; vertical-align:middle;}
.dbh_secIcon img{ width:32px; height:auto;}
.dbh_secHead{
font-size: 24px;
color: #1976D2;
line-height: 24px;
font-weight: 500;
}
.dbh_secHeadMar{ padding-top:6px;padding-bottom:2px;}
.dbh_secHeadMar2{ padding-top:0px;padding-bottom:2px;}
.dbh_secContent{
font-size: 13px; line-height:13px;
color: rgba(0, 0, 0, 0.5);
}
.acList_sec{ position:relative; padding-left:58px; width:auto; margin-bottom:32px; width:auto; font-size:13px; line-height:15px;}
.acList_secThumb{position:absolute; left:0px; top:0px; width:48px; height:48px; -webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; background-color: #F2F2F2;}
.acList_secThumb img{ position: absolute;
bottom: 0px;
width: 100%;
height: auto;
left: 0%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.acList_secHead{font-size: 14px;
color: #414141;
line-height: 18px;
font-weight: 500;}
.dpr_sec{ position:relative; padding-left:78px; width:auto; margin-bottom:32px; width:auto; font-size:12px; line-height:15px; color:#7f7f7f; font-weight:600;}
.dpr_secThumb{position:absolute; left:0px; top:0px; width:64px; height:64px; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%;
background-color: #F2F2F2; overflow:hidden;}
.dpr_secThumb img{ position: absolute;
top: 0px;
width: 100%;
height: auto;
left: 0; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%;}
.dpr_secHead{
font-size: 18px;
color: #1565C0;
font-weight: 500; line-height:28px; padding-top:10px; text-transform:capitalize;
}
.leftBar_secThumb{width:80px; height:80px; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%;
background-color: #F2F2F2; position:relative; margin:0 auto!important; display:block; overflow:hidden;}
.leftBar_secThumb img{ position: absolute;
top: 0px;
max-width: 100%;
height: auto;
left: 0%; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%;}
.libOver_sec{ position:relative; padding-left:42px; width:auto;}
.libOver_secIcon{position:absolute; left:0px; top:0px; width:42px;}
.libOver_secIcon2{position:absolute; left:0px; top:-7px; width:42px;}
.libOver_secIcon i, .libOver_secIcon2 i{ font-size:32px;}
.libOver_secHead{
font-size: 20px;
color: #FFFFFF;
font-weight: 500!important;
padding: 0px;
margin: 0px; cursor:pointer;
}
.libOver_secRegular{
opacity: 0.6;
font-size: 10px;
color: #FFFFFF;
font-weight: 400!important;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}
@media (min-width : 667px) and (max-width : 1024px){
.booksListingArea .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.booksListingArea .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute; left:8px; right:8px; top:15px!important; }
.booksListingArea .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.booksListingArea .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.booksListingArea .booksCards .card-panelOverlay .contentArea{ font-size:10px;}
.libOver_secHead{
font-size: 16px;
color: #FFFFFF;
font-weight: 500!important;
padding: 0px;
margin: 0px;
}
.libOver_secRegular{
opacity: 0.6;
font-size: 10px;
color: #FFFFFF;
font-weight: 400!important;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}
.booksListingArea .booksCards .card-panelOverlay .contentArea .btnBlockGreen{ margin-top:6px!important;}
.booksListingArea .booksCards .card-panelOverlay .contentArea .btnBlockBlue{ margin-top:6px!important;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
}
.dsb_new_challenges_task .btmPart .inner a.nextButton{ background-color:#1565c0;width:44px; height:75px; position:absolute; right:0px; top:42%; text-align:right; margin-top:-32px; color:#FFFFFF; line-height:85px;
border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
-o-border-top-left-radius: 1000px;
-o-border-bottom-left-radius: 1000px;
-moz-border-top-left-radius: 1000px;
-moz-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
-moz-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30); cursor:pointer;
}
.dsb_new_challenges_task .btmPart .inner .nextButton i{ margin-right:6px;}
.slctSubUnt .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:253px; overflow:hidden!important; text-align:left; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.40);}
.slctSubUnt .booksCards .checkIcon{ position:absolute; right:10px; top:10px; width:20px; height:20px; z-index:5; color:#FFFFFF;}
.slctSubUnt .booksCards .card-content{ position:absolute; min-width:212px; max-width:inherit; z-index:5; position:absolute; right:15px; top:67px!important; left:0px; }
.slctSubUnt .booksCards .card-content2{ position:absolute; min-width:212px; max-width:inherit; z-index:5; position:absolute; right:15px; top:50px!important; left:20px; }
.slctSubUnt .booksCards .card-content .head{font-size: 44px;
color: #FFFFFF; margin:0px 0px 20px 0px; padding:0px;}
.slctSubUnt .booksCards .card-content2 .head{font-size: 44px;
color: #FFFFFF; margin:0px 0px 8px 0px; padding:0px;}
.slctSubUnt .booksCards .card-content2 .head img{ height:102px!important; width:auto!important;}
.slctSubUnt .booksCards .card-content .subhead {font-size: 18px;
color: #FFFFFF; font-weight:500; margin:0px; padding:0px;}
.slctSubUnt .booksCards .card-content2 .subhead {font-size: 20px;
color: #FFFFFF; font-weight:400; margin:0px; padding:0px;}
.slctSubUnt .booksCards .card-content2 .subhead.width{ width:140px;}
.slctSubUnt .booksCards .card-content .regular{font-size: 12px;
color: #FFFFFF; margin:0px; padding:0px;}
.slctSubUnt .booksCards .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 140px 140px;position: absolute; opacity:0.1; height:140px; width:140px; right:-20px; top:-20px; background-position:right 0px top 0px;-webkit-transform: rotate(45deg);
transform: rotate(45deg); overflow:hidden!important}
.slctSubUnt .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea{ min-width:208px; max-width:inherit; left:24px; right:24px; top:15px; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .iconArea{ width:42px; float:left;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .iconArea i{ font-size:32px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .iconAreacontent{float:left; width:calc(100%-42px);}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .iconAreacontentHead{font-size: 20px;
color: #FFFFFF; font-weight:500!important; padding:0px; margin:0px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .iconAreacontentRegular{opacity: 0.6;
font-size: 12px;
color: #FFFFFF; font-weight:400!important; padding:0px; margin:0px; margin-bottom:5px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .unlockWithPoints{ float:left;line-height:32px; padding-right:6px; }
.slctSubUnt .booksCards .card-panelOverlay .contentArea .unlockWithOr{ float:left; text-align:left; padding-right:6px; line-height:32px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .unlockWithMoney{ float:left; line-height:32px;width:80px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .unlockWithPoints img, .slctSubUnt .booksCards .card-panelOverlay .contentArea .unlockWithMoney img{ height:24px; vertical-align:middle;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .btnBlockGreen{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center;cursor: pointer;background: #0DA128;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);border-radius: 2px; height:32px; line-height:32px;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea .btnBlockBlue{ width:100%!important; display:block!important;font-size: 14px!important;
color: #FFFFFF!important; margin-top:12px; text-decoration: none; text-align: center; cursor: pointer;background: #0D47A1;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
border-radius: 2px; height:32px; line-height:32px;}
.leftPad0{ padding-left:0px!important;}
.rightPad0{ padding-right:0px!important;}
.thanksPage{ width:70%; margin:0 auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); margin-top:20px;
}
.thanksPage .leftPopupArea{background-color: #5C9F90!important; overflow:hidden; height:530px; position:relative;}
.thanksPage img{ position:absolute; bottom:0px;}
.thanksPage .rightAreaInner{ padding:59px 24px 24px 24px; position:relative; height:530px;}
.thanksPage .rightAreaInner .buttonArea{ position:absolute; z-index:10; bottom:10px; right:0px;}
.thanksPage .rightAreaInner .bHead{font-size: 40px;color: #1565C0; font-weight:600; line-height:40px; margin-bottom:16px;}
.thanksPage .rightAreaInner .rHead{font-size: 40px;color: #D50000; font-weight:600; line-height:40px; margin-bottom:16px;}
.thanksPage .rightAreaInner .gSubHead{font-size: 16px;color: #7c7c7c; font-weight:600; line-height:16px; margin-bottom:32px;}
.thanksPage .rightAreaInner .gSubHead2{font-size: 20px;color: #4a4a4a;line-height: 25px;margin-bottom:37px;}
.thanksPage .rightAreaInner .priceTxt{font-size: 60px;color: #000; font-weight:400; line-height:60px; margin-bottom:19px;}
.thanksPage .rightAreaInner .unlockTxt{font-size: 24px;color: #4a4a4a; font-weight:400; line-height:30px; margin-bottom:85px;}
.thanksPage .rightAreaInner .unlockTxt2{font-size: 18px;color: #4a4a4a; font-weight:400; line-height:30px; margin-bottom:25px;}
.thanksPage .rightAreaInner .scoreArea{ margin-bottom:70px;}
@media (min-width : 376px) and (max-width : 480px){
.ls_heading{
background: #FFFFFF; height:220px!important; padding:15px 20px; -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75); margin-bottom:0px;
}
.ce_modal{ width:95%; }
}
@media (min-width : 320px) and (max-width : 375px){
.booksListingArea .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:220px; overflow:hidden!important;}
.booksListingArea .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute; left:8px; right:8px; top:15px!important; }
.booksListingArea .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.booksListingArea .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.dsb_new_activitiesOuter .dsb_new_libraryInner .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.dsb_new_activitiesOuter .dsb_new_libraryInner .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.dsb_new_libraryInner .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:331px; overflow:hidden!important;}
.dsb_new_libraryInner .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute;left:8px; right:8px; top:15px!important; }
.dsb_new_libraryInner .booksCards .card-panelOverlay{height:305px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.slctSubUnt .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:338px; overflow:hidden!important; text-align:left; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.40);}
.slctSubUnt .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute; left:8px; right:8px; top:15px!important; }
.slctSubUnt .booksCards .card-panelOverlay{height:338px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.ls_heading { height:220px!important; margin-bottom:0px;}
}
@media (min-width : 768px) and (max-width : 1024px){
.booksListingArea .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.booksListingArea .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute; left:8px; right:8px; top:15px!important; }
.booksListingArea .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.booksListingArea .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.dsb_new_activitiesOuter .dsb_new_libraryInner .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:232px; overflow:hidden!important;}
.dsb_new_activitiesOuter .dsb_new_libraryInner .booksCards .card-panelOverlay{height:232px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.dsb_new_libraryInner .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:331px; overflow:hidden!important;}
.dsb_new_libraryInner .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute;left:8px; right:8px; top:15px!important; }
.dsb_new_libraryInner .booksCards .card-panelOverlay{height:305px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.dsb_new_libraryInner .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
.slctSubUnt .booksCards{border-radius:12px;-o-border-radius:12px;-moz-border-radius:12px;-khtml-border-radius:12px;-webkit-border-radius:12px; position:relative; height:338px; overflow:hidden!important; text-align:left; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.40);}
.slctSubUnt .booksCards .card-content{ position:absolute; min-width:inherit; max-width:inherit; z-index:5; position:absolute; left:8px; right:8px; top:15px!important; }
.slctSubUnt .booksCards .card-panelOverlay{height:338px; width:100%;border-radius:12px;-o-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;display: block; position:absolute; z-index:12;background: rgba(0, 0, 0, .90); left:0px; top:0px; color:#FFFFFF; text-align:center; cursor:default;}
.slctSubUnt .booksCards .card-panelOverlay .contentArea{ min-width:inherit; max-width:inherit; left:8px; right:8px; top:15px!important; z-index:7; position:absolute; text-align:left;font-size: 12px;
color: #FFFFFF;}
}
@media (min-width : 992px) and (max-width : 1024px){
.ob_popups_lp_o{ float:left; width:36%!important;}
.ob_popups_rp_o{ float:left; width:39%!important;}
.ob_popups_rp{ padding:15px; display:block;}
.ls_heading{
background: #FFFFFF; height:161px!important; padding:15px 20px; -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.75); margin-bottom:20px;
}
.prResult_eh{font-family: 'Bangers', cursive;font-size: 74px;color: #FF0000;text-shadow: 2px 4px 0 #9C0707; margin:0px; padding:0px;}
.prResult_sh{font-family: 'Bangers', cursive;font-size: 74px;color: #FFB300;text-shadow: 2px 4px 0 #FF8F00; margin:0px; padding:0px;}
.prResult_ch{font-family: 'Bangers', cursive;font-size: 74px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.prResult_sch{font-family: 'Bangers', cursive;font-size: 74px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.prResult_sc_black{font-size:24px;color: #000;}
.taskDetailsPage .rightpart .inner .rewardsTxt{font-size:16px;
color: #000000;}
.slctSubUnt .booksCards .card-content2 .subhead{
font-size: 17px;
color: #FFFFFF;
font-weight: 400;
margin: 0px;
padding: 0px;
}
.modal.modal-fixed-footer{ height:50%;}
.newdc_inner .userThumb .block{ width:36px; height:36px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative;}
.newdc_inner .userContent .head{font-size: 16px;
color: #1565C0; font-weight:400;}
.dsb_new_user{ padding:25px 15px 15px 15px; display:block; height:124px; margin-bottom:18px;}
.dsb_new_activitiesInner .headingPart .icon{ width:20px;}
.dsb_new_activitiesInner .headingPart .icon img{ width:18px; height:auto;}
.dsb_new_activitiesInner .headingPart .iconContent .head{font-size: 16px;color: #1976D2; line-height:16px; font-weight:400;}
.subjectStatus_inner .headingPart .icon{ width:20px;}
.subjectStatus_inner .headingPart .icon img{ width:18px; height:auto;}
.subjectStatus_inner .headingPart .iconContent .head{font-size: 16px;color: #1976D2; line-height:16px; font-weight:400;}
.dsb_new_libraryInner .headingPart .icon{ width:20px;}
.dsb_new_libraryInner .headingPart .icon img{ width:18px; height:auto;}
.dsb_new_libraryInner .headingPart .iconContent .head{font-size: 16px;color: #1976D2; line-height:16px; font-weight:400;}
.dsb_new_challenges_inner .headingPart .icon{width:20px;}
.dsb_new_challenges_inner .headingPart .icon img{ width:18px; height:auto;}
.dsb_new_challenges_inner .headingPart .iconContent .head{font-size: 16px;color: #1976D2; line-height:16px; font-weight:400;}
.dsb_new_activitiesInner .listingBlock .leftPart{ float:left;width:32px; height:32px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative; margin-right:10px;}
.dsb_new_activitiesInner .listingBlock .rightPart .head{font-size: 14px;color:#414141;line-height: 24px; font-weight:400;}
}
@media only screen and (max-width : 768px){
.rightNavigation{ padding-bottom:20px;}
.libraryPopup .rightAreaInner .bHead{font-size: 24px;color: #1565C0; font-weight:600; line-height:40px; margin-bottom:16px;}
.libraryPopup .rightAreaInner .rHead{font-size: 24px;color: #D50000; font-weight:600; line-height:40px; margin-bottom:16px;}
.dsb_new_activitiesInner .listingBlock .rightPart .head{font-size: 14px;color:#414141;line-height: 24px; font-weight:400;}
.dsb_new_activitiesInner .listingBlock .leftPart{ float:left;width:32px; height:32px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative; margin-right:10px;}
.newdc_inner .userThumb .block{ width:36px; height:36px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-khtml-border-radius:250px;-webkit-border-radius:250px; background-color:#F2F2F2; position:relative;}
.dsb_new_user{ padding:25px 15px 15px 15px; display:block; height:124px; margin-bottom:18px;}
.thanksPage{ width:95%; margin:0 auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); margin-top:20px; margin-bottom:20px;
}
.thanksPage .leftPopupArea{background-color: #5C9F90!important; overflow:hidden; height:300px; position:relative;}
.thanksPage img{ position:absolute; bottom:0px; width:180%; height:auto;}
.thanksPage .rightAreaInner{ padding:15px; position:relative; height:auto;}
.thanksPage .rightAreaInner .bHead{font-size: 26px;color: #1565C0; font-weight:600; line-height:40px; margin-bottom:16px;}
.thanksPage .rightAreaInner .rHead{font-size: 26px;color: #D50000; font-weight:600; line-height:40px; margin-bottom:16px;}
.thanksPage .rightAreaInner .unlockTxt{font-size: 16px;color: #4a4a4a; font-weight:400; line-height:30px; margin-bottom:85px;}
.side-nav .user-view, .side-nav .userView {
position: relative;
padding: 0!important;
margin-bottom: 8px;
}
.dsb_new_activitiesOuter{ margin:0px!important;}
.dsb_new_user, .dsb_new_score, .subjectStatus, .dsb_new_subjectBlock,.dsb_new_activities, .dsb_new_library, .dsb_new_challenges{ margin-bottom:24px; margin-top:0px;}
.dsb_new_score .internalPart img{ width:18px; height:auto;}
.dsb_new_score .internalPart2{ float:left; width:60%; text-align:left;padding:26px 0px;}
.dsb_new_score .internalPart2 .inner{ padding-left:15px;font-size: 10px;
color: #7f7f7f;}
.dsb_new_score .internalPart2 .inner .large{font-size: 20px;
color: #000000; line-height:30px;}
.ob_popups{padding:0px!important; background-color:#FFFFFF!important; width:100%!important; top:0!important; bottom:0!important; height:300px!important;}
.ob_popups_lp{ height:270px; background-color:#093375; background-image:url(../images/student/animationAreaBg.svg); background-repeat:no-repeat; background-position:center top;}
.ob_popups_rp{ padding:15px; display:block;}
.ob_popups_rp .heading{font-size: 14px;color: #1565C0; font-weight:600; margin-bottom:10px; line-height:18px;}
.ob_popups_rp .subContent{font-size: 12px;color: #4c4c4c;line-height: 14px;height:auto; display:block; margin-bottom:35px;}
.ob_popups_rp .subContentBlue{
font-size: 12px;
color: #1565C0; font-weight:600;
}
.marTop33{ margin-top:10px;}
.dsb_new_library{ min-height:446px; height:auto; position:relative; padding-bottom:32px;}
.dc{ padding:10px 10px 10px 10px;}
.dsb_new_challenges_inner{ padding:10px;}
.dsb_new_libraryInner .headingPart{ position:relative;}
.dsb_new_libraryInner .headingPart .icon{ width:24px;}
.dsb_new_libraryInner .headingPart .icon img{ width:24px; height:auto;}
.dsb_new_libraryInner .headingPart .iconContent{ float:left; width:calc(100%-36px)!important;width:-moz-calc(100%-36px)!important;width:-o-calc(100%-36px)!important; width:-webkit-calc(100%-36px)!important;font-size: 12px;
color: #ccc; padding-top:8px;}
.dsb_new_libraryInner .headingPart .iconContent .head{font-size: 18px;color: #1976D2; line-height:24px; font-weight:600;}
.subjectStatus_inner{ padding:15px;}
.subjectStatus_inner .headingPart .iconContent{font-size: 12px;
color: #ccc; padding-top:8px;}
.subjectStatus_inner .headingPart .icon{ width:24px;}
.subjectStatus_inner .headingPart .icon img{ width:24px; height:auto;}
.subjectStatus_inner .headingPart .iconContent .head{font-size: 18px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_activitiesInner{ padding:15px; display:block;}
.dsb_new_activitiesInner .headingPart{ margin-bottom:32px;}
.dsb_new_activitiesInner .headingPart .icon{ width:24px;}
.dsb_new_activitiesInner .headingPart .icon img{ width:24px; height:auto;}
.dsb_new_activitiesInner .headingPart .iconContent .head{font-size: 18px;color: #1976D2; line-height:24px; font-weight:600;}
.newdc_inner .userContent .head{font-size: 16px;
color: #1565C0; font-weight:400;}
.dsb_new_libraryInner{ padding:15px;}
.dsb_new_libraryInner .headingPart .icon{width:24px;}
.dsb_new_libraryInner .headingPart .icon img{ width:24px; height:auto;}
.dsb_new_libraryInner .headingPart .iconContent{font-size: 12px;
color: #ccc; padding-top:8px;}
.dsb_new_libraryInner .headingPart .iconContent .head{font-size: 18px;color: #1976D2; line-height:24px; font-weight:600;}
.dsb_new_challenges_inner{ padding:15px; display:block;}
.dsb_new_challenges_inner .headingPart .icon{width:24px;}
.dsb_new_challenges_inner .headingPart .icon img{ width:24px; height:auto;}
.dsb_new_challenges_inner .headingPart .iconContent{font-size: 12px;
color: #ccc; padding-top:0px;}
.dsb_new_challenges_inner .headingPart .iconContent .head{font-size: 18px;color: #1976D2; line-height:24px; font-weight:600;}
.single-chart{ width:100%!important; margin-bottom:24px!important; clear:both!important; display:block!important;}
.flex-wrapper{ display:block!important;}
.subjectStatus{ min-height:405px; height:auto; margin-top:8px; position:relative;}
.modal.modal-fixed-footer .modal-content { overflow:auto!important; height:auto;}
.modal.modal-fixed-footer{padding: 0;
height: 100%;}
.newTaskContainer .rightPart .inner a.nextButton{ background-color:#1565c0;width:23px; height:45px; position:absolute; right:0px; top:50%; text-align:right; margin-top:-22px; color:#FFFFFF; line-height:59px;
border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
-o-border-top-left-radius: 1000px;
-o-border-bottom-left-radius: 1000px;
-moz-border-top-left-radius: 1000px;
-moz-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
-moz-box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30);
box-shadow: inset 2px 2px 18px 0px rgba(0,0,0,0.30); cursor:pointer; font-size:18px!important;
}
.newTaskContainer .rightPart .inner .nextButton i{ margin-right:2px;}
}
@media (min-width : 769px) and (max-width : 1024px) {
modal.modal-fixed-footer .model-content{ overflow:scroll!important; height:auto;}
.modal.modal-fixed-footer{padding: 0;
height: 100%; width:100%!important;}
.modal.ce_modal2{ top:0px!important;}
.modal.modal-fixed-footer .modal-content{overflow:auto!important;}
}
.yourScoreImg{ height:auto!important; width:auto!important;}
.npa_r a{ background-color:transparent; margin:0px; padding:0px;}
.npa_r a:hover{ background-color:transparent;margin:0px; padding:0px;}
@media only screen and (max-width : 768px) {
.yourScoreImg{ height:200px!important; width:auto!important;}
.dsb_new_score .internalPart2 .inner .large{font-size: 14px;
color: #000000; line-height:17px;}
.prResult_eh{font-family: 'Bangers', cursive;font-size: 35px;color: #FF0000;text-shadow: 2px 4px 0 #9C0707; margin:0px; padding:0px;}
.prResult_sh{font-family: 'Bangers', cursive;font-size: 35px;color: #FFB300;text-shadow: 2px 4px 0 #FF8F00; margin:0px; padding:0px;}
.prResult_ch{font-family: 'Bangers', cursive;font-size: 35px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.prResult_sch{font-family: 'Bangers', cursive;font-size: 35px;color: #00B630;text-shadow: 2px 4px 0 #009688;margin:0px; padding:0px;}
.taskDetailsPage .leftpart{ float:left; width:100%; height:280px; text-align:center; }
.taskDetailsPage .leftpart img{ width:auto; height:70%!important; float:none; margin:10% 0px 0px 0; vertical-align:middle;}
.taskDetailsPage .rightpart{ float:left; width:100%;background-color: #FFFFFF; min-height:inherit; padding-bottom:30px;}
.taskDetailsPage .rightpart .inner{ padding:20px 20px 20px 20px; display:block;}
.practiceQuestionArea{
position:relative;
padding:4px;
}
.taskDetailsPage .rightpart .inner .heading{font-size: 26px;
color: #1565C0; margin-bottom:0px;}
.taskDetailsPage .rightpart .inner .subHeading{font-size: 12px;
color: #7f7f7f; font-weight:600; margin-bottom:0px;}
.taskDetailsPage .rightpart .inner .content{
font-size: 12px;
color: #333333;
line-height: 18px; margin-bottom:10px;
}
.taskDetailsPage .rightpart .inner .blueHeading{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:0px;}
.taskDetailsPage .rightpart .inner .blueHeading2{font-size: 10px;
color: #1565C0; font-weight:600; margin-bottom:10px;}
.taskDetailsPage .rightpart .inner .rewardsTxt{font-size:10px;
color: #000000;}
.taskDetailsPage .rightpart .inner .rewardsTxt img{ width:12px; height:auto;}
.taskDetailsPage .rightpart .inner .semiLarge{font-size: 14px;
color: #000000;margin-bottom:10px;}
.taskDetailsPage .rightpart .inner a.nextButton{ background-color:#0DA128;width:140px; height:35px; position:fixed; right:0px; bottom:0; color:#FFFFFF; line-height:45px; display:block
cursor:pointer; text-align:center!important;
}
.practiceErrorResult img{ width:60%; max-width:60%; height:60%;}
.practiceErrorResult .semiHeading{font-size: 16px; font-weight:600; font-style:italic;
color: #000000; margin-bottom:7px;}
.practiceContainerErrorTxt{font-family: 'Bangers', cursive; font-size:50px; cursor: pointer;text-shadow: 2px 4px 0 #9C0707; color:#FF0000; margin-bottom:0px;}
.practiceContainerCorrectTxt{font-family: 'Bangers', cursive; font-size:50px; cursor: pointer;text-shadow: 2px 4px 0 #009688; color: #00B630;margin-bottom:0px;}
.emptyStateContent{ width:75%!important; margin:0 auto!important; text-align:center; padding:20px 0px;}
.emptyStateImg{ max-width:80%!important; height:auto!important;}
.resultAnswersheet{ position:absolute; top:10px; right:0px; width: 50%; padding:16px 0px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; background-color:#FFA000!important; text-align:center!important; cursor:pointer; margin-bottom: 20px;}
.resultSkip { position:absolute; top:10px; left:0px; width: 50%; padding:16px 0px; display:table;z-index:599; text-transform:uppercase; font-size:18px; font-weight:500px!important; text-align:center!important; cursor:pointer; margin-bottom: 20px;}
.practiceSubmitAnswer{ position:fixed; bottom:0px; right:0px!important; width:40%!important; padding:16px 10px;display:table;z-index:599; text-transform:uppercase; font-size:12px!important; font-weight:500px!important; background-color:#0DA128!important; text-align:center!important; cursor:pointer;}
.practiceSubmitAnswer > i{ display:none!important;}
.practiceReviewLater{ position:fixed; bottom:0px; left:20%!important; width: 40%!important; padding:16px 15px; display:table;z-index:599; text-transform:uppercase; font-size:12px!important; font-weight:500px!important; background-color:#FFA000!important; text-align:center!important; cursor:pointer;}
.practiceReviewLater > i{ display:none!important;}
.practiceSkip { position:fixed; bottom:0px; left:0px!important; width: 20%!important; padding:16px 15px; display:table;z-index:599; text-transform:uppercase; font-size:12px!important; font-weight:500px!important; text-align:center!important; cursor:pointer;}
.practiceSkip > i{ display:none!important;}
.practiceArea{ position:absolute; z-index:601; width:300px!important; top:0px; left:-305px!important; }
.menushow{ left:0px!important; }
.practiceAreaDragger12{ display:block;position:absolute; z-index:602; width:32px; height:32px; background-color:#1976d2!important; color:#FFFFFF!important; text-align:center; line-height:43px; left:-5px; top:0px;}
.npa_lClickArea{ padding:0px!important; width:100%!important; margin:0px!important;}
.npa_l_contentArea{ width:33.33%!important; float:left!important; clear:none!important; margin-right:0%!important;}
.npa_l{ padding-left:0px!important; padding-top:56px; padding-bottom:75px!important; }
.npa_l_contentArea label input:not(:checked) + div.npa_l_contentArea_c{ border-bottom:0px; padding:10px 10px!important; text-align:center; width:100%; height: 90px; float:left!important; clear:none!important;border:1px solid #d9d9d9; font-size:10px; border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px; -webkit-border-radius:0px; cursor:pointer;-moz-box-shadow:none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;}
.npa_l_contentArea label input:not(:checked):hover + div.npa_l_contentArea_c{ border-bottom:0px; padding:10px 10px!important; text-align:center; width:100%; height: 90px; float:left!important; clear:none!important;border:1px solid #FFF;font-size:10px; border-radius:8px;-o-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px; -webkit-border-radius:0px; cursor:pointer; background-color:#FFFFFF;-moz-box-shadow:none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;}
.npa_l_contentArea label input:checked + div.npa_l_contentArea_c{ border-bottom:0px; padding:10px 10px!important; text-align:center; width:100%; height: 90px; float:left!important; clear:none!important;border:1px solid #FFF;font-size:10px; border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px; -webkit-border-radius:0px; cursor:pointer; background-color:#FFFFFF;-moz-box-shadow:none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;}
.npa_l_contentArea img{ width:32px!important; height:auto!important;}
.npa_r{ background-color:#FFFFFF!important; border-left:0px; min-height:auto!important; margin-left:0px!important; margin-right:0px!important; padding-top:0px!important; width:100%!important; -webkit-box-shadow: none!important;
-moz-box-shadow:none!important;
box-shadow: none!important;}
.npa_r .collapsible .collapsible-header{border:0px!important; font-size:16px; font-weight:600;}
.npa_l_contentArea label input:not(:checked) + div.npa_l_contentArea_c{ border-bottom:1px solid #d9d9d9!important; padding:10px 10px!important; text-align:center!important; width:100% !important; position:relative;cursor:pointer; border-radius:0px;-o-border-radius:0px;moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px; border-left:0px;}
.npa_l_contentArea label input:checked + div.npa_l_contentArea_c{ border-bottom:1px solid #FFF!important; padding:10px 10px!important; text-align:center!important; width:100% !important; position:relative;background-color:#FFFFFF;text-decoration:none;-moz-box-shadow:none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important; cursor:pointer;border-radius:0px;-o-border-radius:0px;moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-left:0px;}
.npa_l_contentArea label input:not(:checked):hover + div.npa_l_contentArea_c{ border-bottom:1px solid #FFF!important; padding:10px 10px!important; text-align:center!important; width:100% !important; position:relative;background-color:#FFFFFF;text-decoration:none;-moz-box-shadow:none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important; cursor:pointer;border-radius:0px;-o-border-radius:0px;moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-left:0px;}
.modal.ce_modal2{ top:0px!important;}
.modal.modal-fixed-footer .model-content{ overflow:scroll!important; height:auto;}
.ce_modal2{ width:100%; background-color:#FFFFFF;}
main{ padding:0px;}
.rfp{ margin-left:4px!important;}
.rfp_inner{ padding:15px 15px 15px 15px; }
.dc_container{width:auto;}
.prBarMargin{ margin-top:5px; margin-bottom:25px;}
.verticleSeprater{ border:1px solid #ccc; padding:10px!important;}
.pp_area h1{ color:#1565C0; font-size:17px; padding:0px; margin:0px;}
.pp_area h2{ color:#1565C0; font-size:12px; padding:39px 0px 0px 0px!important; margin:0px;}
.pc_icon{ padding:8px; border-radius:100%; color:#FFFFFF!important; font-size:14px;}
ul.stepper .step-content{ margin-left:0px; margin-right:0px!important;}
.pp_areaInner{ padding:15px; }
.modal-fixed-footer{ overflow:scroll;}
.csai{padding-right:0px!important; margin-left:0px!important;}
header, main, footer, nav {
padding-left: 0;
}
.padCol0{padding:0px!important;}
.padCol0_2{padding:0px!important;}
.rfp{
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); position:relative!important; top:0px; bottom:0px; width:100%; height:auto;
}
.sb_inner{padding:15px 0px 15px 0px;}
.btn, .btn-large, .btn-flat{padding: 0 1rem; font-size:11px!important;}
.practiceQuestionArea .questions{ padding-top:24px;}
.yourScoreImgResult{ height:200px; width:auto; margin:o auto!important;}
.fixed-action-btn.onMobileBottomHelp .btn, .fixed-action-btn.onMobileBottomHelp .btn-large, .fixed-action-btn.onMobileBottomHelp .btn-flat{padding: 0 0rem; font-size:11px!important;}
.nav-wrapper #nav-mobile img{ height:45px; width:auto; margin-top:8px; position:absolute;}
#slide-out .user-view img.dc_thumb{ height:95px; width:auto;}
.tespaperQuiteOutermodal{ background-color:#FFFFFF!important; width:100%!important;height:100%!important; top:0%!important; padding:0px!important; -o-border-radius: 0px!important;-moz-border-radius: 0px!important;-webkit-border-radius: 0px!important;}
.tespaperQuiteOuter{ position:relative; z-index:0;height:550px!important; width:100%!important; padding:0px!important;}
.tespaperQuiteOuter2{ width:100%!important; padding:0px!important; height:auto;}
.tespaperQuite{ position:relative; left:0px; bottom:0px; max-width:100%!important; height:auto!important; z-index:1;}
.tespaperQuiteOuterClose{ position:absolute; top:8px; right:8px; z-index:9;}
.tespaperQuiteContent{ padding:34px 34px 34px 34px; display:block; position:relative; z-index:4;}
.tespaperQuiteContent .heading{font-size: 20px;
color: #1565C0;font-weight:600; margin-bottom:10px; line-height:26px;}
.tespaperQuiteContent .normalContent{font-size: 16px;
color: #4a4a4a;
line-height: 25px;margin-bottom:19px;}
.tespaperQuiteArea{width:100%!important; padding:0px!important;}
.tespaperQuiteBtn{ text-align:right;}
.studying{ padding:20px;}
.studying .content{
font-size: 16px;
color: #333333; height:auto; overflow:auto;
}
.questionAnswerBlockArea{ padding-bottom:90px!important;}
.practiceArea .card-panel{ margin:0px 0px 0px 0px; height:90px; position:relative;}
.practiceArea .card-panelImage{
z-index: 1;background-repeat:no-repeat; background-position:right top;background-size: 64px 64px;position: absolute; opacity:0.1; height:64px; width:64px; right:0px; top:0px; background-position:right 0px top 0px;}
.practiceArea .card-panelContent .textContent{float:left;padding:0px 8px 0px 0px;line-height:18px!important; font-size:16px!important;display: flex;
justify-content: center;
flex-direction: column; height:77px; font-weight:500; }
.practiceArea .card-panelContent .textContent .tooltipped{ cursor:pointer!important;}
.practiceArea .card-panelContent .headTxt{height:90px; line-height:90px;}
.practiceScrollArea{ padding-bottom:0px;}
.practiceArea .btmArea{ border-top:1px solid #e5e5e5; padding:20px 12px 20px 11px; display:block; position:absolute; bottom:0px; left:0px; width:100%; text-align:left!important; background-color:#FFFFFF;}
.newTaskPage{ padding:6px 6px 6px 6px; display:block;}
.newTaskContainer .rightPart .inner .semiLarge{font-size: 11px;
color: #000000;
line-height: 13px;}
.ls_right{ text-align:right; padding:0px 20px 20px 20px; display:block; font-size:13px!important;}
div.ls_heading{
padding-left: 10px!important;
}
.ls_heading{
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); height:140px; padding:15px 10px;
}
.ls_heading .head{font-size:20px;color: #1565C0; padding:0px; font-weight:600; padding:0px 0px 0px 20px; display:block;}
.ls_headingFixed{ position:fixed; top:0px; left:0px; z-index:40; width:100%; padding-top:15px;}
.ls_right span{ line-height:28px; padding:0px 6px;}
.ls_right a{ font-size:12px!important;}
.ls_right a.btn{height:25px; line-height:25px;}
.ls_right img{ height:14px; width:auto; margin-bottom:-2px;}
.ls_headingTabs{padding:0px 0px 0px 0px!important; display:block;}
.ls_headingTabs a{ border:1px solid #cbcbcb;border-right:0px; background-color:#FFFFFF; color:#7f7f7f!important;font-size:13px; text-transform:uppercase; float:left; width:25%; text-align:center; height:auto; line-height:22px;}
.ls_headingTabs a i.material-icons{font-size:13px!important;line-height:22px;}
.ls_headingTabs a span{ display:block; clear:both;}
.ls_headingTabs a:last-child{border:1px solid #cbcbcb;background-color:#FFFFFF; color:#7f7f7f!important;font-size:13px; text-transform:uppercase; float:left; width:25%; text-align:center;}
.ls_headingTabs a:hover{ border:1px solid #cbcbcb;border-right:0px;background-color:#cbcbcb; color:#FFF!important;font-size:13px; text-transform:uppercase;}
.ls_headingTabs a.select,.ls_headingTabs a.select:hover{border-color:#1565C0!important;background-color: #1565C0!important; color:#FFF!important;}
.ls_headingTabs span{ clear:both!important;}
}
.qa_area{ border-bottom:1px solid #CCCCCC;}
.qaNumberBlocs{ margin:6px 6px 6px 6px;}
.contactPageInner{ background-color:#FFFFFF; display:block;}
.contactPageLeftPart{ height:511px; background-color:#093375; background-image:url(../images/student/animationAreaBg.svg); background-repeat:no-repeat; background-position:center top; color:#FFFFFF!important;}
.contactPageInner .inner{ padding:20px; font-size:13px;}
.contactPageInner .head{ font-size:24px; line-height:24px; margin-bottom:20px; font-weight:600;}
.rowPad0{ padding:0px!important; margin:0px!important;}
@media screen and (max-width: 768px){
.contactPageLeftPart{ min-height:220px; height:auto; background-color:#093375; background-image:url(../images/student/animationAreaBg.svg); background-repeat:no-repeat; background-position:center top;}
}
@media only screen and (max-width: 600px){
.sel_qarea{ padding:10px!important;}
#sortable-5 li{
margin: 0 0px 8px 0px; width:100%; float:none;
}
}
@media only screen and (max-width: 991px){
.dc_col{ width:100%!important; margin:0px!important; padding:0px!important;}
.sb_main{
margin-right:0px;margin-left:0px; margin-top:0px; width:100%!important;
}
.startBtnSection{
position:fixed; bottom:0px; left:0px; width:100%; padding:8px; background-color:#F6F6F6; z-index:9999;
}
.qa_container{ padding-left:0px; position:relative;}
.qa_container h1{ font-size:18px; margin:6px 0px 6px 0px;}
.testPaper_modal{ width:100%!important; height:100%; bottom:0px!important; height:100%!important; max-height: 100%!important; }
header, main, footer, nav {
padding-left: 0px!important;
}
.centralAreaScrollOuterArea{ width:100%!important;}
}
@media only screen and (max-width: 600px){
.qa_area{ border-bottom:1px solid #CCCCCC; width:100%; background-color:#FFFFFF; height:130px; left:0px; padding-top:8px;}
.qa_areaContent{ clear:both!important; padding-top:10px!important; text-align:center!important;}
.qa_areaContentIcon{ text-align:center!important; margin-left:calc(50% - 14px);clear:both!important;}
.qa_optionArea{ position:relative; top:10px; }
}
@media (min-width: 601px) and (max-width: 630px){
.qa_areaContent{ clear:both!important; padding-top:10px!important; text-align:center!important;}
.qa_areaContentIcon{ text-align:center!important; margin-left:calc(50% - 14px);clear:both!important;}
}
@media (min-width: 640px) and (max-width: 991px){
.qa_area{ border-bottom:1px solid #CCCCCC; position:fixed; width:100%; background-color:#FFFFFF; z-index:400; height:60px;left:0px;padding-top:8px;}
.qa_areaContent{ padding-top:6px!important; }
.qa_optionArea{ position:relative; top:60px;}
}
ul li.dropNotify {
position: relative; line-height:normal; line-height:normal;font-size:12px;
}
ul li.dropNotify a:hover {
}
#dropdownNotifyContain {position: relative; }
#dropdownNotifyContain .redIndicate{ position:absolute; left:34px; top:15px; width:15px; height:15px; background-color: #ad072b; color:#FFFFFF; line-height:15px; text-align:center; font-size:9px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}
.dropdownNotifyContain {}
.dropdownNotifyContain .notification{ border-bottom:1px solid #f0f0f0; padding:8px 8px 15px 10px; color:#2e2e2e; font-weight:bold;}
.dropNotifyOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
top: -8px;
left: 25px;
margin-left: -8px;
}
.dropdownNotifyContain {
position: fixed;
z-index: 604!important;
right: -480px;
top: -12px;
}
.dropNotifyOut {
width: 280px;
background: white;
float: left;
position: absolute; left:0px;
margin-top: 0px;
opacity: 0; z-index:603!important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.5);
box-shadow: 0 1px 6px rgba(0,0,0,.5);
-webkit-transition: all .250s ease-out;
-moz-transition: all .250s ease-out;
-ms-transition: all .250s ease-out;
-o-transition: all .250s ease-out;
transition: all .250s ease-out;
}
.dropNotifyOut .notifyDropdown {
float: left;
padding: 0;
}
.dropNotifyOut .notifyDropdown .row {
text-align: left;
float: left;
width: 100%;
padding: 6px 6px 6px 6px;
margin: 0px;
border-radius: 0px; border-bottom:1px solid #f0f0f0; color:#434343; cursor:pointer;
}
.dropNotifyOut .notifyDropdown .row:hover {
background: #f6f6f6;
}
ul li.dropNotify:hover a { color: white; cursor:pointer;}
ul li.dropNotify:hover .dropNotifyOut { top: 65px; }
ul li.dropNotify:hover .dropdownNotifyContain, ul li.dropNotify:hover a:hover .dropdownNotifyContain { right:0px;}
ul li.dropNotify:hover .underline { border-bottom-color: #777; }
ul li.dropNotify:hover .dropNotifyOut { opacity: 1; margin-top: 8px; }
@media only screen and (max-width: 992px) {
#dropdownNotifyContain .redIndicate{ position:absolute; left:25px; top: 10px;
width: 15px;
height: 15px;
background-color: #ad072b; color:#FFFFFF; line-height:15px; text-align:center; font-size:9px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}
}
.plArea{ width:300px; height:350px; position:relative;}
.plArea_Inner{ padding:0 24px; position:absolute; bottom:30px; left:0px; right:0px;}
.plArea_InnerCell{
position:relative;
height: 320px;
}
.plArea_InnerCellInner {
position: absolute;
bottom: 0;
width: 100%;
}
.plArea_optionG{ width:19px; height:19px; background-repeat:no-repeat; background-image:url(../images/plot_option.png); background-position:0px 0px; display:block; clear:both; margin-bottom:6px; margin-top:6px; margin-left:-10px; position:relative; left:50%;}
a.plArea_optionG{ width:19px; height:19px; background-repeat:no-repeat; background-image:url(../images/plot_option.png); background-position:0px 0px; display:block; clear:both; margin-bottom:6px; margin-top:6px; margin-left:-10px; position:relative; left:50%;}
a.plArea_optionG:hover{ width:19px; height:19px; background-repeat:no-repeat; background-image:url(../images/plot_option.png); background-position:0px -20px; display:block; clear:both; margin-bottom:6px; margin-top:6px; margin-left:-10px; position:relative; left:50%;}
.plArea_optionB{ width:19px; height:19px; background-repeat:no-repeat; background-image:url(../images/plot_option.png); background-position:0px -40px; display:block; clear:both; margin-bottom:6px; margin-top:6px; margin-left:-10px; position:relative; left:50%;}
.plArea_seprater10{ float:left; width:10%; text-align:center; }
.plArea_seprater9{ float:left; width:11.11%; text-align:center;}
.plArea_seprater8{ float:left; width:12.5%; text-align:center;}
.plArea_seprater7{ float:left; width:14.29%; text-align:center;}
.plArea_seprater6{ float:left; width:16.67%; text-align:center;}
.plArea_seprater5{ float:left; width:20%; text-align:center;}
.plArea_seprater4{ float:left; width:25%; text-align:center;}
.plArea_seprater3{ float:left; width:33.33%; text-align:center;}
.plArea_seprater2{ float:left; width:50%; text-align:center;}
.plArea_seprater1{ float:left; width:100%; text-align:center;}
.plArea_sepraterLine{ width:2px; height:20px;background-color:#888888; position:relative; left:50%; top:4px; margin-bottom:4px; margin-left:-1px;}
.plArea_lineArea{ width:100%; height:30px; position:absolute; bottom:0px; left:0px;}
.plArea_lineAreaInner{ padding:0 24px; position:absolute; top:-7px; left:0px; right:0px;}
.plArea_line{ height:2px; background-color:#888888; position:absolute; width:100%; top:7px; left:0px;}
.plArea_lineleftArrow {border-right: 8px solid #888888;border-bottom: 8px solid transparent;border-top: 8px solid transparent;position: absolute;left: 0px;top: 0px;}
.plArea_lineRightArrow {border-left: 8px solid #888888; border-bottom:8px solid transparent;border-top: 8px solid transparent;position: absolute;right: 0px;top: 0px; }
.plArea_textBox{
border:1px solid #CCC!important; outline:0px!important; padding:4px!important; line-height:10px!important; height:16px!important; width:20px!important;
}
.plAreaClick{ width:11px; height:11px; background-color:transparent; border:1px solid #0d47a1; display:block; cursor:pointer; border-radius:100%;-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%; position:absolute; left:-4px; top:5px;}
a.plAreaClick{ width:11px; height:11px; background-color:#transparent; border:1px solid #0d47a1; display:block;}
a.plAreaClick:hover{ width:11px; height:11px; background-color:#0d47a1; border:1px solid #0d47a1; display:block;}
.plAreaClickSelect{ width:11px; height:11px; background-color:#0d47a1; border:1px solid #0d47a1; display:block; cursor:pointer; border-radius:100%;-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%; position:absolute; left:-4px; top:5px;}
a.plAreaClickSelect{ width:11px; height:11px; background-color:#0d47a1; border:1px solid #0d47a1; display:block;}
a.plAreaClickSelect:hover{ width:11px; height:11px; background-color:#0d47a1; border:1px solid #0d47a1; display:block;}
@media only screen and (max-width: 768px){
.practiceQuestionArea .questionsContent{ padding-top:25px;}
.iconAnswerArea{ text-align:center; width:100%!important; padding-top:8px!important;}
#contain_data{ padding:0px; display:block;}
.prResult_sc_bh{font-size: 14px;color: #1565C0; font-weight:600;}
.prResult_sc_grey{font-size: 11px;color: #7f7f7f; font-weight:600; margin-bottom:16px;}
.prResult_sc_black{font-size:18px;color: #000;}
.prResult_sc_green{font-size: 9px;color: #0DA128; text-transform:uppercase; font-weight:600;}
.prResult_sc_red{font-size: 9px;color: #D50000; text-transform:uppercase;font-weight:600;}
.prResult_sc_orange{font-size: 9px;color: #FF8F00; text-transform:uppercase;font-weight:600;}
.prResult_sc_grey2{font-size: 9px;color: #7f7f7f; text-transform:uppercase;font-weight:600;}
.prResult_scb .bottomPart{ padding:16px;}
.prResult_sc_bh2{font-size: 14px;color: #1565C0; font-weight:600; margin-bottom:29px;}
.prResult_scb{ margin-bottom:20px;}
}
@media only screen and (max-width: 600px){
ul li.dropNotify:hover .dropdownNotifyContain, ul li.dropNotify:hover a:hover .dropdownNotifyContain { right:-120px;}
.dropNotifyOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
top: -8px;
left:155px;
margin-left: -8px;
}
.dropdownNotifyContain {
position: fixed;
z-index: 604!important;
right: 0px;
top: -32px;
}
ul li.dropNotify:hover .dropNotifyOut{
opacity: 1;
margin-top: 24px;
}
}
@media (min-width: 601px) and (max-width: 992px){
ul li.dropNotify:hover .dropdownNotifyContain, ul li.dropNotify:hover a:hover .dropdownNotifyContain { right:12px;}
.dropNotifyOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
top: -7px;
left:120px;
margin-left: -8px;
}
}
@media (min-width: 380px) and (max-width: 768px){
.npa_r .card-panelContent .textContent{ width:120px;}
}
.stdTimeline:before{
content: "";
width: 2px!important;
height: 98%!important;background-color:#0D47A1!important;
position: absolute!important;
top: 1%!important;
bottom:1%!important; left:25.6%;
}
.stdTimelineDat{background-color:#0D47A1; padding:6px; text-align:center!important; color:#FFFFFF!important; font-size:12px; border-radius:8px; position:relative;}
.stdTimelineDat:before{
content: ""; color:#0D47A1!important;
position: absolute!important;
top: 28%!important; right:-8px;
width: 10px;
height: 10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #0D47A1;
}
.emptyImgBlank{ max-width:90%; height:auto; margin:0 auto;}
.emptyImgBlank2{ max-width:80%; height:auto; margin:0 auto;}
.stdTimelineContent{background-color:#efefef; padding:6px; text-align:left!important; min-height:48px; max-height:inherit; border-left:2px solid #0D47A1;line-height:35px;border-radius:8px; position:relative;}
.stdTimelineContent:before{
content: ""; color:#0D47A1!important;
position: absolute!important;
top: 28%!important; left:-12px;
width: 10px;
height: 10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #0D47A1;
}
.makeAnnouncementSelect{ border-bottom:1px solid #f3f3f3;}
.makeAnnouncementSelect [type="radio"]:not(:checked)+label:before, .makeAnnouncementSelect [type="radio"]:not(:checked)+label:after{border:0px!important; }
.makeAnnouncementSelect [type="radio"]:checked+label:after, .makeAnnouncementSelect [type="radio"].with-gap:checked+label:before, .makeAnnouncementSelect [type="radio"].with-gap:checked+label:after{border:0px!important}
.makeAnnouncementSelect [type="radio"]:checked+label:after, .makeAnnouncementSelect [type="radio"].with-gap:checked+label:after{background-color:transparent!important}
.makeAnnouncementSelect [type="radio"]:not(:checked)+label, .makeAnnouncementSelect [type="radio"]:checked+label{ padding:8px 25px 8px 25px!important; color:#000000; border-bottom:3px solid transparent; height:auto!important;}
.makeAnnouncementSelect [type="radio"]:checked+label{color:#1565C0; border-bottom:3px solid #1565C0;}
.makeAnncContent{
font-weight:600;
font-size: 14px;
color: #000000;
}
.makeAnncContent .headContent{
font-size: 20px;
color: #000000;
}
.makeAnncContent .opac7{
opacity: 0.7!important;
}
.makeAnncContent .opac6{
opacity: 0.6!important;
}
.makeAnncContent .opac5{
opacity: 0.5!important;
}
.circularBlock{ width:38px; height:38px; display:block; border-radius:800px; line-height:43px; font-size:18px; color:#FFFFFF; position:relative; top:0px; font-style:normal;}
.circularBlock2{ width:64px; height:64px; display:block; border-radius:800px; line-height:43px; font-size:18px; color:#FFFFFF; position:relative; top:0px;}
.circularBlock3{ width:28px; height:28px; display:block; border-radius:800px; line-height:26px; font-size:18px; color:#FFFFFF; position:relative; top:0px;}
.circularBlock4{ width:32px; height:28px; display:block; border-radius:100%; line-height:32px; font-style:normal!important; font-size:14px!important; color:#FFFFFF; position:relative; top:-2px; text-align:center!important; margin-left:25px;}
.circularBlock5{ width:32px; height:28px; display:block; border-radius:100%; line-height:32px; font-style:normal!important; font-size:14px!important; color:#FFFFFF; position:relative; top:-2px; text-align:center!important; margin-left:0px;}
.selectMember .collapsible-body{ padding:0px 0px 0px 15px!important;}
.selectMember .collapsible-header, .selectMember .collapsible-header.active{border-bottom:1px solid #F6F6F6!important; position:relative;}
.selectMember .collapsible-header .absIcon, .selectMember .collapsible-header.active .absIcon{ position:absolute; right:8px; top:8px;}
.collapsible {
border: 0px !important;
box-shadow: none !important;
}
@media only screen and (max-width: 768px){
.stdTimelineContent:before{
content: ""; color:#0D47A1!important;
position: absolute!important;
top: 37%!important; left:-12px;
width: 10px;
height: 10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #0D47A1;
}
}
.tableOuter{}
.tableOuterInner{}
.dashBrdUpdate_head{ font-size:24px; line-height:24px!important;}
.dashBrdUpdate_head small{ font-size:12px; line-height:16px;}
.dashBrdUpdateBox{
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);background-color:#FFFFFF; position:relative; border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; z-index:0; font-size:13px;
}
.dashBrdUpdateBox.smallboxes{padding:10px; display:block; min-height:100px;}
.dashBrdUpdateBox.tabularBox{padding:10px; display:block; height:550px;}
.dashBrdUpdateBox.tabularBox2{padding:10px; display:block; height:450px;}
.dashBrdUpdateBox .circleBlock{ background-repeat:no-repeat; background-position:right top; background-image:url(../images/dashboard_boxbg_circle.png); position:absolute; left:0px; top:10px; height:80px; width:43px; z-index:1;}
.dashBrdUpdateBox .circleBlock2{ background-repeat:no-repeat; background-position:right bottom; background-image:url(../images/dashboard_boxbg_circle.png); position:absolute; left:0px; top:0px; height:63px; width:48px; z-index:1;border-top-left-radius: 8px 8px;-o-border-top-left-radius: 8px 8px;-moz-border-top-left-radius: 8px 8px;-webkit-border-top-left-radius: 8px 8px;}
.dashBrdUpdateBox .contentArea{ left:0px; top:7px; position:relative; z-index:2; width:100%; line-height:20px;}
.dashBrdUpdateBox .contentArea small{ font-size:10px; line-height:16px;}
.dashBrdUpdateBox .contentArea small.donut{ font-size:7px; line-height:16px;}
.dashBrdUpdateBox .contentArea a{ font-size:12px; line-height:16px; color:#4f69fe;}
.dashBrdUpdateBox .contentArea .img95 img{ width:95%; height:auto;}
.dashBrdUpdateBox .contentArea .img85 img{ width:85%; height:auto;}
.dashBrdUpdateBox .presentBlock{ color:#50e3c2;}
.dashBrdUpdateBox .halfDayBlock{ color:#53b5f0;}
.dashBrdUpdateBox .absentBlock{ color:#ff8c84;}
.dashBrdUpdateBox .leaveBlock{ color:#ffe19a;}
.dashBrdUpdateBox .earlyLeaveBlock{ color:#af8113;}
.dashBrdUpdateBox.tabularBox .tabs .tab, .dashBrdUpdateBox.tabularBox2 .tabs .tab{ padding-bottom:1px!important;}
.dashBrdUpdateBox.tabularBox .tabs .tab a, .dashBrdUpdateBox.tabularBox2 .tabs .tab a{ font-size:10px!important; padding:0 10px!important; text-transform:capitalize; border-bottom:1px solid transparent!important; color: #212121 !important;}
.dashBrdUpdateBox.tabularBox .tabs .tab a.active, .dashBrdUpdateBox.tabularBox2 .tabs .tab a.active{border-bottom:1px solid #1565C0!important; color: #1565C0 !important;}
.dashBrdUpdateBox.tabularBox .sectionCircularBlock, .dashBrdUpdateBox.tabularBox2 .sectionCircularBlock{ width:32px; height:32px; display:block; border-radius:800px; line-height:32px; font-size:9px; text-align:center; color:#FFFFFF; position:relative; top:0px; font-style:normal;}
.dashBrdUpdateBox.tabularBox .contentRow, .dashBrdUpdateBox.tabularBox2 .contentRow{ margin-bottom:22px; margin-top:8px;}
.dashBrdUpdateBox.tabularBox .contentRow .txtContent, .dashBrdUpdateBox.tabularBox2 .contentRow .txtContent{ line-height:16px;}
.row .col.padRight{ padding-right:0px!important;}
.row .col.padLeft{ padding-left:0px!important;}
.text17{ font-size:17px; line-height:24px;}
.text12{ font-size:12px; line-height:12px;}
.text11{ font-size:11px; line-height:11px;}
.text8{ font-size:8px; line-height:8px;}
.dashBrdUpdateBox.tabularBox .rightContentBorder{border-bottom: 1px solid #f3f3f3; padding-bottom:10px;}
.valMiddle{ vertical-align:middle;}
@media only screen and (max-width: 768px){
.topmenuFixed{position:fixed!important; top:0px;left:0px; z-index:4!important; margin-bottom:0px; width:100%!important;}
.tableOuter{ overflow-x:auto!important;}
.tableOuterInner{ width:1300px}
.dc h1{color:#1565C0; font-size:16px; padding:0px; margin:0px; font-weight:400;}
.dc h2{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:400;}
.dc h3{color:#1565C0; font-size:12px; padding:0px; margin:0px; font-weight:400;}
html {
font-size: 12px;
}
nav .button-collapse{ margin:0px 0px!important;}
.timeTableOuter{ overflow-y:hidden!important;overflow-x:auto!important;}
.timeTable{ font-size:10px!important;}
.messageAreaStudent .tabs .tab a{padding:0 12px!important; font-size:12px!important;}
.dsb_new_innerBlock.height450{ height:auto!important;}
.emptyStateContent .largeTxt{font-size: 14px; font-weight:400;}
.emptyStateContent .regularTxt{font-size: 11px; font-weight:400; line-height:14px;}
.eP_page h1{color:#1565C0!important; font-size:16px; padding:0px; margin:10px 0px 0px 0px; font-weight:400; text-align:center;}
.eP_page h2{color:#1565C0; font-size:14px; padding:0px; margin:0px; font-weight:400;}
.eP_page h3{color:#1565C0; font-size:12px; padding:0px; margin:0px; font-weight:400;}
.eP_pageRight{background-color: #FFF; padding:5px; display:block;}
main{ padding-top:60px;}
}
@media only screen and (max-width: 580px){.nav-wrapper #nav-mobile img{ height:32px; width:auto; margin-top:8px!important; line-height:64px;} }
@media only screen and (max-width: 480px) {
a.dashboardLeftTopImage{
height:56px;
line-height:57px; display:block; padding-top:10px;
}
a.dashboardLeftTopImage img{
height:32px!important;
width:auto!important; vertical-align:middle;
}
a.dashboardCenterTopImage{
height:56px;
line-height:57px; display:block;
}
a.dashboardCenterTopImage img{
height:36px!important;
width:auto!important; vertical-align:middle;
}
}
@media (min-width: 481px) and (max-width: 580px) {
a.dashboardLeftTopImage{
height:56px;
line-height:57px; display:block; padding-top:10px;
}
a.dashboardLeftTopImage img{
height:32px!important;
width:auto!important; vertical-align:middle;
}
}
@media (min-width: 581px) and (max-width: 1900px) {
a.dashboardLeftTopImage{
height:64px;
line-height:64px; display:block;
}
a.dashboardCenterTopImage{
height:57px;
line-height:57px; display:block;
}
a.dashboardCenterTopImage img{
height:32px!important;
width:auto!important; vertical-align:middle;
}
}
nav.bottomMenuScreen{ background-color:#FFFFFF!important; color:#b1b1b1!important;}
nav .brand-logo{color:#b1b1b1!important;}
.screenBottom{ bottom:0px!important; position:fixed!important;height: 56px;z-index: 997; width:100%!important;}
.screenBottom nav a{ color:#a7a7a7!important;-webkit-filter: grayscale(100%)!important; filter: grayscale(100%)!important;}
.screenBottom nav a:hover, .screenBottom nav a.active{ color:#0D47A1!important;-webkit-filter: grayscale(0%)!important; filter: grayscale(0%)!important;}
.mobileBtmMenu ul li img{ height:auto!important; width:30px!important; line-height:48px!important; vertical-align:middle!important;}
.mobileBtmMenu ul li{ width:61px!important; text-align:center!important;}
.fixed-action-btn.onMobileBottom{ z-index:6666!important;right: 4px!important; bottom: 0px!important;}
.btn-floating.iconImg img{ width:24px!important; vertical-align:middle!important;-webkit-filter: grayscale(100%)!important; /* Safari 6.0 - 9.0 */
filter: grayscale(100%)!important;}
.btn-floating.iconImg:hover img{-webkit-filter: grayscale(0%)!important; /* Safari 6.0 - 9.0 */
filter: grayscale(0%)!important;}
.btn-floating.flatMenuLink{ background-color:transparent!important; box-shadow:none!important; right:20px!important;}
.btn-floating.iconImg i{ color:#151515!important; font-size:24px!important;}
.btn-floating.iconImg i:hover{ color:#0D47A1!important; font-size:24px!important;}
#parentSelectChild{
width:40%!important; top:10%!important;border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
}
#parentSelectChild .modal-content{
padding:12px!important;
}
#parentSelectChild .modalHeading{ font-size:18px; line-height:18px; font-weight:500;}
#parentSelectChild .listChild{ border-bottom:1px solid #f1f1f1;}
#parentSelectChild .contentBlockChild{ padding:10px; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
#parentSelectChild .childImg{
width: 80px;
height: 80px;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
-moz-border-radius: 100%;
background-color: #F2F2F2;
position: relative;
margin: 0 auto !important;
display: block;
overflow: hidden;
}
.fade_in_up.animated {
transform: translateY(0%) !important;
opacity: 1 !important;
}
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.fade_in_up {
transform: translateY(50%);
opacity: 0;
-webkit-transition: all 1800ms cubic-bezier(0.23, 1, 0.32, 1);
transition: all 1800ms cubic-bezier(0.23, 1, 0.32, 1);
}
.faster {
transition-duration: 600ms !important;
}
.animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both;
}
.hoverable {
-webkit-transition: -webkit-box-shadow .25s;
transition: -webkit-box-shadow .25s;
transition: box-shadow .25s;
transition: box-shadow .25s, -webkit-box-shadow .25s;
}
@media only screen and (max-width: 800px) {
#parentSelectChild{
width:100%!important; top:0%!important;border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; height:100%; bottom:0%!important; z-index:6666!important;
}
}
.formContainer{border:1px solid #e3e3e3; padding:10px; display:block;}
.formContainer .row{ margin-bottom:0px!important;}
.eventImageBlock{ position:relative; overflow:hidden; width:100%; height:140px;}
.announces{}
.announces .card .card-content{ padding:8px;}
.announces .card .card-image .card-title{ top:35px;text-align:left; padding:8px 8px 8px 15px; font-size:26px; line-height:18px;}
.announces .card .card-image .card-title small{ font-size:12px; font-weight:normal;}
.announces [type="radio"]:not(:checked)+label{ padding-left:25px;}
.announces [type="radio"]:checked+label{ padding-left:25px;}
.announces .select-wrapper .dropdown-content li{ background-color:#FFF!important; border-bottom:1px solid #d9d9d9; }
.announces .select-wrapper .dropdown-content li span{color:#000!important;}
.announces .select-wrapper .dropdown-content li:hover{ background-color:#1d68b9!important;border-bottom:1px solid #1b5ba3;}
.announces .select-wrapper .dropdown-content li:hover span{color:#FFF!important;}
.timeTable2{ font-size:12px!important; color:#999; padding:0px; margin:0px;}
.timeTable2 .head{ background-color:#0d47a1; color:#FFFFFF; text-transform:uppercase; font-weight:bold; border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;-o-border-radius:0px; text-align:center;}
.timeTable2 table tr th{ border-right:1px solid #3d6cb4!important;}
.timeTable2 table.striped>tbody>tr>td{ padding:4px!important;}
.timeTable2 table.striped>tbody>tr>td i.material-icons{ font-size:14px;}
.timeTable2 table tr th:last-child{ border-right:0px transparent;}
.timeTable2 table tr{ border-bottom:1px solid #f2f2f2;}
.timeTable2 table tr:last-child{ border-bottom:0px transparent;}
.timeTable2 table tr:first-child{ border-bottom:0px transparent;}
.timeTable2 table tr td{border-right:1px solid #e7e7e7!important;}
.timeTable2 .picker__calendar-container table tr{ border-bottom:0px!important;}
.timeTable2 .picker__calendar-container table tr td{border-right:0px!important;}
.timeTable2 .picker__calendar-container table tr th{border-right:0px!important;}
.timeTable2 table tr td:last-child{ border-right:0px transparent!important;}
.timeTable2 table tr, .timeTable2 table tr td{border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;-o-border-radius:0px;}
.timeTable2 table tr td .input-field{ margin-top:0px!important;}
.timeTable2 table tr td input[type=text]:not(.browser-default){ border-bottom:1px solid #e7e7e7!important; margin-bottom:10px!important;}
.timeTable2.shownBorder table tr td input[type=text]:not(.browser-default){border-bottom: 1px solid #9e9e9e!important;height:1rem!important;}
.timeTable2 table td, th{ text-align:center!important;}
.timeTable2 table td.left-align{ text-align:left!important;}
.timeTable2 table td.right-align{ text-align:right!important;}
.lrningMdule_box{ background-color:rgba(255,255,255,0.63); border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:10px;-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.2);}
.lrningMdule_box_sep{padding:0px 0px 10px 0px; border-bottom:1px solid rgba(112, 112, 112, 0.20);}
.lrningMdule_box h2{ color:#2B387D; font-size:18px; line-height:23px; text-align:left; font-weight:500; }
.lrningMdule_box_sep a{ font-size:14px!important;}
.lrningVdeo{ position:relative; background-color:#2B387D;border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.lrningVdeo .picture{ height:150px!important; overflow:hidden!important; }
.lrningVdeo_content{width:100%; height:auto; border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.lrningVdeoBtm{ padding:10px; display:block; color:#FFFFFF; font-size:12px; text-align:center; }
.lrningVdeoHeading{ position:absolute; z-index:8; left:6%; right:6%; width:88%; bottom:28px;}
.lrningVdeoHeading_txt{ background-color:#2B387D;border-radius:6px 6px 0px 0px;-o-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; font-size:18px; font-weight:500; text-align:center; color:#FFFFFF; padding:4px;}
.lrningVdeoHeading_txt a, .lrningVdeoHeading_txt a:hover{color:#FFFFFF;}
.wtchvdeo{ background-color:#2B387D; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; padding:10px; -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43); position:relative; padding:15px; color:#FFFFFF; font-size:12px;}
.wtchvdeo h3{ font-size:18px; line-height:24px; color:#FFFFFF; font-weight:500;}
.wtchvdeo .arrowLink{ position:absolute; right:10px; top:10px;}
.askDbt{ background-color:#0D47A1; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; padding:10px; -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43); position:relative; padding:15px; color:#FFFFFF; font-size:12px;}
.askDbt h3{ font-size:18px; line-height:24px; color:#FFFFFF; font-weight:500;}
.askDbt .arrowLink{ position:absolute; right:10px; top:10px;}
.tpkCvrd{ background-color:#01579B; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43); position:relative; padding:15px; color:#FFFFFF; font-size:12px;}
.tpkCvrd h3{ font-size:18px; line-height:24px; color:#FFFFFF; font-weight:500;}
.tpkCvrd .arrowLink{ position:absolute; right:10px; top:10px;}
.brwsLesson{ padding-bottom:20px;border-bottom:1px solid rgba(112, 112, 112, 0.20);}
.brwsLesson h3{ text-transform:uppercase; color:#191919; font-size:14px; font-weight:500;}
.brwsLesson2{ padding-bottom:20px; }
.brwsLesson2 h3{ text-transform:uppercase; color:#191919; font-size:14px; font-weight:500;}
.brwsLessonSubjectBox{ padding:20px 10px; text-align:center;border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; min-height:160px;}
.brwsLessonSubjectBox2{ padding:10px 10px; text-align:center;border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border-bottom:4px solid rgba(255, 255, 255, 0.2);}
.brwsLessonSubjectBox2 .largeFont{ font-size:14px; background-color:rgba(0, 0, 0, 0.2); padding:3px;border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.brwsLessonSubjectBox2 .smallFont{ font-size:13px;}
.vdoDtlsPage{}
.vdoDtlsPage .tabs{
height: auto;
white-space: normal; display:block;
}
.vdoDtlsPage .tab{
display: block; height:auto!important; line-height:16px!important;
width: 100%; background-color:#283593; color:#FFFFFF!important;border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; margin-bottom:4px; padding:7px;vertical-align:middle!important; text-align:left!important;
}
.vdoDtlsPage .tab a, .vdoDtlsPage .tab.active a{color:#FFFFFF!important; font-size:14px!important; line-height:16px!important; vertical-align:middle!important;text-align:left!important; padding:0px!important; text-transform:capitalize!important;}
.vdoDtlsPage .tab.active{background-color:#1a237e ; color:#FFFFFF!important;}
.vdoDtlsPage .tab-content{
width: 100%;
}
.vdoDtlsPage .indicator{
display: none;
}
.learningPopup{ top:10%!important;}
.learningPopup .modalHeadingArea{ position:relative;}
.learningPopup .modalHeadingArea h2{color:#1a237e; font-size:18px; font-weight:500;}
.learningPopup .modalHeadingArea a.modal-close{ position:absolute; right:-5px; top:-5px;}
.modal-overlay{ opacity:0.85!important;}
.lrningTeacher{ background-color:#2C397F; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43);box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.43); position:relative; padding:10px; color:#FFFFFF; font-size:14px; text-align:center;}
.lrningTeacher h2{color:#FFFFFF; font-size:18px; font-weight:500; padding:10px 0px 0px 0px; margin:0px;}
.lrningTeacher_sep{ border-bottom:1px solid rgba(255, 255, 255, 0.20); padding-bottom:10px;}
.tip {
width: 0px;
height: 0px;
position: absolute;
background: transparent;
border: 10px solid rgba(158, 158, 158, 0.2) ;
}
.tip-up {
top: -25px; /* Same as body margin top + border */
left: 10px;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.tip-down {
bottom: -25px;
left: 10px;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
.tip-left {
top: 10px;
left: -20px;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
.tip-right {
top: 10px;
right: -25px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
.dialogbox .body {
position: relative;
width: 94%;
height: auto;
margin: 0px 10px 20px 10px;
padding: 8px;
background-color: #f5f5f5 ;
border-radius: 3px;
border: 1px solid rgba(158, 158, 158, 0.2) ; border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
}
.body .message {
min-height: 30px;
border-radius: 3px;
font-family: Arial;
font-size: 14px;
line-height: 1.5;
color: #797979;
}
.fixed-action-btn.onMobileBottomHelp{ z-index:6666!important;right: 4px!important; bottom:79px!important;}
.slctBlck {
border: 2px solid #e4e4e4;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
height: 148px;
display: block;
position: relative;
background-color: #FFFFFF;
margin-bottom: 20px;
overflow: visible;
z-index: 0;
cursor: pointer;
}
.slctBlckh {
height: 200px;
}
.slctBlck .bgImageOuter2 {
position: absolute;
overflow: hidden!important;
height: 110px;
width: 110px;
right: 0px;
bottom: 0px;
}
.slctBlck .bgImage3 {
z-index: 1;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 103px 90px;
position: absolute;
opacity: 0.09;
height: 90px;
width: 110px;
right: -20px;
bottom: -10px;
background-position: left 0px bottom 0px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
overflow: hidden!important;
}
.slctBlck .contentAreaNew {
position: absolute;
min-width: 115px;
max-width: inherit;
z-index: 5;
position: absolute;
left: 10px;
top: 10px!important;
right: 10px;
}
.clsSecBlockSecname { font-weight:600;}
.slctBlck .clsSecBlock a {
cursor: pointer;
color: #747474!important;
font-size: 11px!important;
line-height: 12px!important;
text-align: center!important;
margin-bottom: 3px;font-weight:600;
}