@charset "utf-8";
/* CSS Document */
html {font-family: "Montserrat" !important ;}
body{
	background: url(../images/newbackgroundImage.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; overflow-x:hidden!important ; background-color:#FFFFFF;
	}



	@media  screen and (max-width:992px) {
		.padding-top-32px {padding:24px; }
		.responsive-heading {font-size: 24px !important; font-weight: 600 !important; }
		}

	
	@media  screen and (min-width:992px) {
	.padding-top-32px {padding:32px;}
	.responsive-heading {font-size: 40px !important; font-weight: 600 !important; }
}

.medium {font-weight: 600 !important;}
/*
	
.dropdown-content li>a{
    font-size: 14px;
    color: #FFF; background-color:#2e63c8;
    display: block;
    line-height: 22px;
    padding: 8px 16px;
}
.dropdown-content li>a:hover{background-color: #4d7ad0; color:#FFF;}

.dropdown-content li {
 padding:0px; margin:0px;
 min-height:inherit; line-height: 22px; 

}
*/

/* This is Input Field styling */


  /* label color */
   .input-field label {
     color: hsla(0,0%,0%,0.50) !important;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color:#0d47a1 !important;
	 font-weight: 600 !important;
   } .input-field input[type=password]:focus + label {
     color:#0d47a1 !important;
	 font-weight: 600 !important;
   } .input-field input[type=email]:focus + label {
     color:#0d47a1 !important;
	 font-weight: 600 !important;
   }




   /* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #0d47a1 !important;
     box-shadow: 0 1px 0 0 hsla(216,85%,34%,0.50)!important ;
   }
   /* valid color */
   .input-field input[type=text].valid {
     border-bottom: 1px solid #00c853 ;
     box-shadow: 0 1px 0 0 #000;
   }
   /* invalid color */
   .input-field input[type=text].invalid {
     border-bottom: 1px solid #b71c1c;
     box-shadow: 0 1px 0 0 #b71c1c;
   }
  /* icon prefix focus color */
   .input-field .prefix.active{
   	color:#0d47a1!important;opacity: 1!important;
    filter: alpha(opacity=100)!important;
   }

   .dropdown-content li>a, .dropdown-content li>span{
   color:hsla(0,0%,0%,0.50)!important;font-size: 14px !important;font-weight: 600 !important; 
   }
   
    .dropdown-content li>a, .dropdown-content li>span:hover{
   	color:hsla(0,0%,0%,0.5)!important;
	font-weight: 600 !important;
	font-size: 14px !important; 
   }
   .dropdown-content li:hover input[type="checkbox"]:checked+label:before, .dropdown-content li.active:hover input[type="checkbox"]:checked+label:before, .dropdown-content li.selected:hover input[type="checkbox"]:checked+label:before{
      border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
   }
   
    .dropdown-content li:hover input[type="checkbox"]:not(:checked)+label:before, .dropdown-content li.active:hover [type="checkbox"]:not(:checked), .dropdown-content li.selected:hover input[type="checkbox"]:not(:checked){
      border: 2px solid #FFF;	
   }
   .dropdown-content li>span>label{ top:-10px;}

ul.stepper.horizontal:before{ box-shadow:none!important; }
.card-content ul.stepper.horizontal:first-child { margin-top:-84px;}
.customeWhiteStepperOuter{
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); height:84px; background-color:#FFFFFF; 
}
.material-icons{ display:inline; }
.backgroundMobileSlide{background-color:#2e63c8; padding:8px;}
.backgroundMobileSlide img{ height:40px;}
.side-nav li>a>i, .side-nav li>a>[class^="mdi-"], .side-nav li>a li>a>[class*="mdi-"], .side-nav li>a>i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
    color: rgba(0,0,0,0.54);
}
.overflowHidden{}
.row .col{ padding:0px;}
form{margin:0px;}
.section{ padding:0px; margin:0px;}
ul.stepper .step:not(:last-of-type).active{ margin-bottom:0px;}
ul.stepper li{ background-color:#FFFFFF;}
.step-content{ height:auto;}
.stepperBg{ background-color:#FFF; padding:20px 20px; display:block;   margin:0 auto;}
.centerWhiteBox{ background-color:#FFF;display:block; border-radius:15px;   margin:0 auto; background-image:url(../images/desktop_dialog.png); background-position:center center; background-repeat:no-repeat;width:60%;}
.centerWhiteBoxScore{width:60%; margin:0 auto;}
.centerWhiteBoxScoreLeft{ background-color:#FFF;border-top-left-radius: 15px;border-bottom-left-radius: 15px;display:block; margin:0 auto; background-image:url(../images/desktop_dialog.png); background-position:center center; background-repeat:no-repeat; }
.centerWhiteBoxScoreLeftInner{padding:10px;min-height:500px;}
.centerWhiteBoxScoreRight{ background-color:#1565c0;display:block; margin:0 auto;border-top-right-radius: 15px;border-bottom-right-radius: 15px; }
.centerWhiteBoxScoreRightInner{padding:10px;  min-height:380px;}
.centerWhiteBoxScoreRightInner h3{font-family: 'Ranchers', cursive; font-size: 25px; cursor: pointer; color:#FFF; padding:0px; margin:0px;}
.centerWhiteBoxScoreRightInner small{color:#FFF;}
.centerWhiteBox h2{font-family: 'Ranchers', cursive; font-size: 30px; cursor: pointer; color:#002891; padding:0px; margin:0px;}
.centerWhiteBoxInnerPart{ padding:0px;}


.centerWhiteBoxInnerPartSubscribed{ padding:80px 20px 0px 20px;}
.centerWhiteBoxInnerPartSubscribed h1{font-family: 'Ranchers', cursive; font-size: 36px; cursor: pointer; color:#002891; padding:0px; margin:0px;}

.selectLevel h2{font-family: 'Ranchers', cursive; font-size: 26px; cursor: pointer; color:#002891; padding:0px; margin:0px;}
.selectLevel h2.greyContent{color:hsla(0,0%,0%,0.50) !important;}

.practiceContainerErrorTxt{font-family: 'Ranchers', cursive; font-size: 65px; cursor: pointer;}


.stepperBg2{ background-color:#FFF; padding:30px 50px; display:block; min-height:390px;}


.contactPage{ padding:60px;}
.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:500;}
.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;}
}


.quiteTextIcon{font-size:30px; color:#ee4235;}
.skipTextIcon{font-size:30px; color:#0d47a1;}
.quiteText{font-family: 'Ranchers', cursive; font-size: 30px; cursor: pointer; color:#ee4235;}
.skipText{font-family: 'Ranchers', cursive; font-size: 30px; cursor: pointer; color:#0d47a1;}
.top3Percentage{ margin-top:2.5%;}
.stepperBg h1, .stepperBg2 h1{font-size:20px; margin-bottom:20px; color:#0D47A1; line-height:24px; font-weight: 600;}
.stepperBg h2, .stepperBg2 h2{font-size:15px; color:#0D47A1}
.clear2{ height:2px;}
.clear10{ height:10px;}
.clear20{ height:20px;}
.clear22{ height:22px;}
.clear30{ height:30px;}
.profileType{ }
.profileType .profile{ text-align:center;opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */ cursor:pointer;position: relative;-webkit-transition: all 200ms ease-in;-webkit-transform: scale(0.8);-ms-transition: all 200ms ease-in;-ms-transform: scale(0.8);     -moz-transition: all 200ms ease-in;-moz-transform: scale(0.8);transition: all 200ms ease-in;transform: scale(0.8); width:100%!important; padding:10px; display:block;cursor: pointer; filter:grayscale(100%);}
.profileType .profile:hover{ text-align:center;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(0.9); transform: rotate(5deg); -ms-transition: all 200ms ease-in; -ms-transform: scale(0.9); transform: rotate(5deg);-moz-transition: all 200ms ease-in;-moz-transform: scale(0.9); transform: rotate(5deg);transition: all 200ms ease-in;transform: scale(0.9); transform: rotate(5deg);
  width:100%!important; padding:10px; display:block;cursor: pointer;filter:none;
}
.profileType .profileSelected{ text-align:center;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
	z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(0.9); transform: rotate(5deg); -ms-transition: all 200ms ease-in; -ms-transform: scale(0.9); transform: rotate(5deg); -moz-transition: all 200ms ease-in;-moz-transform: scale(0.9); transform: rotate(5deg); transition: all 200ms ease-in;transform: scale(0.9); transform: rotate(5deg);
  width:100%!important; padding:10px; display:block; cursor: pointer;pointer;filter:none;
	}
.profileType .profileSelected:hover{ text-align:center;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
	z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(0.9); transform: rotate(5deg); -ms-transition: all 200ms ease-in; -ms-transform: scale(0.9);transform: rotate(5deg); -moz-transition: all 200ms ease-in;-moz-transform: scale(0.9); transform: rotate(5deg);transition: all 200ms ease-in;transform: scale(0.9); transform: rotate(5deg);
	  width:100%!important; padding:10px; display:block;cursor: pointer;pointer;filter:none;
	}
.profileType .profile h2, .profileType .profileSelected h2{color:#1752c2; font-size:15px; text-transform:uppercase; padding:0px; cursor: pointer; margin:0px;font-weight:600;}
.profileType .profile h3, .profileType  .profileSelected h3{color:#757575; font-size:15px; padding:0px; margin:0px;font-weight:normal;}
#flexiselDemo1{

}

.nbs-flexisel-container {
    position:relative;
    max-width:100%; 
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.profileType  li{ float:left; cursor:pointer; text-align:center;}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%; 
	/*height:320px;*/
	padding:3px 15px 3px 0px;
 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
    margin-bottom:0px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(33,82,194,0.8);
    color: #fff; font-weight:bold;  
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{ display:none;}

.chooseYourAvatar  .nbs-flexisel-nav-left,
.chooseYourAvatar  .nbs-flexisel-nav-right{ display:block;}

.selectBooks  .nbs-flexisel-nav-left,
.selectBooks  .nbs-flexisel-nav-right{ display:block;}
.selectBooks ul li img{ padding:8px; background-color:#FFFFFF; width:75%;}
.selectChapter{padding:8px; background-color:#FFFFFF; width:65%;}
.selectChapter h2{}
.selectLevel{padding:8px; background-color:#FFFFFF;}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

ul.stepper.horizontal{ min-height:750px!important;}
.input-field { margin-top:0px;}
.select-wrapper input{ padding:0px; margin:0px;}


.select-wrapper .dropdown-content{ max-height:200px!important;}



.enterBook .tt-dropdown-menu{background-color:#fff; padding:0px; box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); width:150px; }

.enterBook .tt-dropdown-menu  .tt-suggestions .tt-suggestion p{ padding:5px 5px 5px 5px!important; line-height:20px!important; cursor:pointer; margin:0px; }
.enterBook .tt-dropdown-menu  .tt-suggestions  .tt-suggestion p:hover{ background-color:#000; color:#fff; }

.loader {
position: absolute;top :47%;left: 50%;right: 0;bottom: 0;margin: auto; z-index:999;

}

.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);
}
.marleft8{margin-left:8px;}
.marginauto{ margin:0 auto!important;}
.padMar0{}
nav a.button-collapse {
     display:  block;
}
.juniordashboard{ margin: 17%;}
.navTopLink{font-family: 'Ranchers', cursive; font-size: 28px; cursor: pointer;}
.darkYellowBtn, a.darkYellowBtn{ background-color: #ffa902!important;font-family: 'Ranchers', cursive; color: hsla(0,0%,100%,1.00); font-size: 32px; cursor: pointer; border-radius: 200px; margin: 0 30px; padding: 20px 20px; min-width: 230px;  border: 2px solid #ffcf3e; text-transform: uppercase;}
a.darkYellowBtn:hover{ background-color: #ffcf3e!important;}


   .step2Bg{
   	background-color:#3c78ea;
   } 
   		.step2Responsive { width:80%!important; margin:0 auto!important; float:none!important;}
	 .centerContainer{ width:80%; margin:0 auto;}
	 .centerContainer a{ font-weight:600; font-size:14px;}
	 .chooseYourAvatar{} 
	 .chooseYourAvatar h4{ color:#002891; font-size:18px;}
	 .chooseYourAvatar ul li{text-align:center!important;}
	 .chooseYourAvatar a img{ opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */ cursor:pointer;position: relative;-webkit-transition: all 200ms ease-in;-webkit-transform: scale(1);-ms-transition: all 200ms ease-in;-ms-transform: scale(1);     -moz-transition: all 200ms ease-in;-moz-transform: scale(1);transition: all 200ms ease-in;transform: scale(1);}
	 .chooseYourAvatar a:hover img{ opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1);-moz-transition: all 200ms ease-in;-moz-transform: scale(1.1);transition: all 200ms ease-in;transform: scale(1.1);}
.selectTxtBg{ width:300px; height:120px; line-height:70px; margin:0 auto;font-family: 'Ranchers', cursive; font-size: 26px; cursor: pointer; color:#FFFFFF; text-align:center; background-repeat:no-repeat; background-image:url(../images/selectBooksTextBg.png);}
.scoreTxtBg{ width:300px; height:120px; line-height:70px; margin:0 auto;font-family: 'Ranchers', cursive; font-size: 26px; cursor: pointer; color:#FFFFFF; text-align:center; background-repeat:no-repeat; background-image:url(../images/scoreTextBg.png);}
.side-nav .collapsible-header{ padding:0px 32px!important;}
	.practiceContainer{ width:80%}
	
	.practiceContainerAttemp{ padding:55px 10px 10px 55px;}
	.practiceContainerAttemp > h2{font-family: 'Ranchers', cursive; font-size: 22px; }  
	.practiceContainerTime{padding:55px 10px 10px 25px;}
	.practiceContainerTime > h2{font-family: 'Ranchers', cursive; font-size: 22px; }  
	.practiceContainerIcon{ padding:8px; border-radius:100%; color:#FFFFFF!important;}
	.img65{width:65%; height:auto}
	.img35{width:35%; height:auto}
	.congratsLarge{font-family: 'Ranchers', cursive; font-size: 55px; cursor: pointer; padding:0px; margin:0px;}
	.modalLoginContainer{ width:30%;}
	
	.juniorDashboardSection{}
		 .juniorDashboardSection  .side-nav .collapsible-header, .side-nav.fixed .collapsible-header{ padding: 0px 32px;}
		  
		  .juniorDashboardSection nav{
				background-color:rgba(0,0,0,0.5);
				width: 100%;
				height: 80px;
			}
		  
		  .juniorDashboardSection nav i{float: right; margin-left: 8px;}
		  .juniorDashboardSection .nbs-flexisel-nav-left {
				left: -15px;    background-color:transparent!important; 
			}
		  .juniorDashboardSection .nbs-flexisel-nav-left:before {
				content: ""; width:64px; height:64px; display:block; background-image:url(../images/btn_arrowLeft.png); background-repeat:no-repeat;
			}
		  
		 .juniorDashboardSection .nbs-flexisel-nav-left.disabled {
				opacity: 0.4;
			}
			
		.juniorDashboardSection .nbs-flexisel-nav-right {
				right: -15px;    background-color:transparent!important; 
			}
			
			.juniorDashboardSection .nbs-flexisel-nav-right:before {
				content: ""; width:64px; height:64px; display:block; background-image:url(../images/btn_arrowRight.png); background-repeat:no-repeat; background-color:transparent;
			}
			.juniorDashboardSection .nbs-flexisel-inner {
				position: relative;
				overflow: hidden;
				float:left;
				width:100%; 
			 
			} 
			.juniorDashboardSection .nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ top:30%;} 
			.juniorDashboardSection .modal{ width:35%; border-radius:20px;}
			
			.juniorDashboardSection .selectBooks{}
			.juniorDashboardSection .selectBooks ul li a{}
			.juniorDashboardSection .selectBooks ul li a:hover img, .juniorDashboardSection .selectMode ul li a:hover img{opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1);-moz-transition: all 200ms ease-in;-moz-transform: scale(1.1);transition: all 200ms ease-in;transform: scale(1.1);}

.juniorDashboardSection .selectBooks ul li  a:hover img .selected, .juniorDashboardSection .selectMode ul li a:hover img.selected{opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;
z-index: 2;-webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1);-moz-transition: all 200ms ease-in;-moz-transform: scale(1.1);transition: all 200ms ease-in;transform: scale(1.1);}

.autocomplete-content{ position:absolute; z-index:10;}
		
	
.juniorClick > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */  
}
.juniorClick > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  padding:3px; margin-left:-1px;
}
.juniorClick > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  padding:3px; margin-left:-1px;

}

label.juniorClick  img
{
	pointer-events:none;
	
}

label.juniorClick {
	display:block;
	cursor: pointer;
}

.avaClick > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.avaClick > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:1px solid transparent;
  padding:3px;

}
.avaClick > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #0d47a1;
  padding:3px;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);

}
.ver label input:not(:checked) + span{ margin-bottom:8px!important; background-color:#0D47A1 !important}
.ver label input:checked + span{ margin-bottom:8px!important; background-color:#81C784 !important}

.stepperBg{ background-color:#FFF; padding:20px 51px 20px 78px; display:block; min-height:inherit!important;}
label.invalid{ width:auto !important;}
.error{ color:red; height:30px;}

.input-field .prefix { top:6px!important; opacity:0.4!important;filter: alpha(opacity=40);}

.n-tag{border-bottom:transparent!important; box-shadow:0px!important;}

	 @media (min-width: 601px) and (max-width: 991px){
   .step2Responsive{width:100%!important; margin-left:0px!important;}
   .step2Bg{
   	background-color:#3c78ea; width:100%!important; margin-left:0px!important;
   }   
   ul.stepper li{ padding:10px; margin:0px!important;}
   .top3Percentage{ margin-top:0%; position:relative;}
	img.responsive-img{ width:auto; margin-left:0px;}
	.nbs-flexisel-item img{ margin-top:0px!important;}
	.nexusQuery{ display:block!important;}
	.card-content ul.stepper.horizontal:first-child{ margin-top:0px!important;}
	.centerContainer{ width:100%; margin:0 auto;} 
	.stepperBg{ background-color:#FFF; padding:10px 10px; display:block; min-height:inherit!important;  margin:0;box-shadow:none;}
	.sectionSmall{ margin:10px!important;box-shadow: 0px 0px 10px #888888; background-color:#FFFFFF}
	.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{ display:block;}
.customeWhiteStepperOuter{ display:none;}
.centerWhiteBox{ width:95%;}
.selectBooks ul li img{ padding:8px; background-color:#FFFFFF; width:50%;}



   }    
@media only screen and (max-width: 600px){
.card-content ul.stepper{ margin:1em 0px;}
ul.stepper .step-title{    padding: 5px 44px 24px 64px!important;}
.step2Responsive { width:100%!important; margin:0 auto!important; float:none!important;}
.step2Responsive .input-field .material-icons{ display:none!important;}
.step2Responsive .input-field .prefix ~ input, .step2Responsive .input-field .prefix ~ textarea, .step2Responsive .input-field .prefix ~ .select-wrapper, .step2Responsive .input-field .prefix ~ .validate ~ label, .step2Responsive .input-field .prefix ~ .autocomplete-content{ margin-left:0px!important; width:95%!important}
.profileType .profile ,.profileType .profile:hover, .profileType .profileSelected, .profileType .profileSelected:hover{ width:107%!important;}
.btn{ margin:5px!important;}
ul.stepper .step-content{ margin-right:8px; padding-left:30px;}
.centerWhiteBox{ width:95%;}
.sectionSmall{ margin:10px!important;box-shadow: 0px 0px 10px #888888; background-color:#FFFFFF}
	.marleft8{margin-left:0px;}
.card-content ul.stepper.horizontal:first-child {
    margin-top: 0px;
}
ul.stepper.horizontal{ min-height:507px;}
body{
	overflow-x:hidden;
	overflow-y:auto;	
	}
.juniorDashboardSection .nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ top:40%!important;} 
ul.stepper li{ padding:10px; margin:0px!important;}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{ display:block;}
.profileType  li{ float:left; cursor:pointer;}
ul.stepper .step-content{ margin-left:0px;}
	.darkYellowBtn, a.darkYellowBtn{ margin-bottom: 20px;}
	.top3Percentage{ margin-top:0%; position:relative;}
	img.responsive-img{ width:auto; margin-left:15px;}
	.step2Bg{
   	background-color:#FFFFFF;
   }  
   .centerContainer{ width:100%; margin:0 auto;}  
   .stepperBg{ background-color:#FFF; padding:0px 10px 0px 10px; display:block; min-height:inherit!important;  margin:0; box-shadow:none; }
   .customeWhiteStepperOuter{ display:none;}
   .selectBooks ul li img{ padding:8px; background-color:#FFFFFF; width:50%;}
   .centerWhiteBoxInnerPartSubscribed{ padding:10px 10px;}
.centerWhiteBoxInnerPartSubscribed h1{font-family: 'Ranchers', cursive; font-size: 34px; cursor: pointer; color:#002891; padding:0px; margin:0px;}
.practiceContainer{ width:100%;}
.practiceContainerAttemp{ padding:20px 10px 10px 25px;}
.practiceContainerTime{padding:20px 10px 10px 25px;}

.centerWhiteBoxScoreLeft{border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 0px; }
.centerWhiteBoxScoreLeftInner{padding:10px;min-height:300px;}
.centerWhiteBoxScoreRight{border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; }
.centerWhiteBoxScore{width:95%; margin:0 auto;}
.darkYellowBtn, a.darkYellowBtn{ background-color: #ffa902!important;font-family: 'Ranchers', cursive; color: hsla(0,0%,100%,1.00); font-size: 18px; cursor: pointer; border-radius: 200px; margin: 0 30px; padding: 20px 20px; min-width: 180px;  border: 2px solid #ffcf3e; text-transform: uppercase;}
a.darkYellowBtn:hover{ background-color: #ffcf3e!important;}
.juniordashboard{ margin: 35% 17% 17% 17%;}
.lastStepContent h4{ font-size:18px;}
.modalLoginContainer{ width:80%; margin-left:8%;}
.stepperBg h1, .stepperBg2 h1{ margin-top:0px; margin-bottom:20px; font-size:16px; }
.juniorDashboardSection .modal{ width:80%; border-radius:20px;}
.juniorDashboardSection .nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ display:block;}
input:not([type]), input[type=text]:not(.browser-default),input:not(.browser-default):hover, input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{box-shadow: 0 0px 0 0 #9e9e9e!important;}

}

.materialize-tags input[type=text]:not(.browser-default){ border-bottom:0px!important;	box-shadow:none!important;}
.input-field label.active{ color:#0D47A1;}
.select-wrapper input.select-dropdown.active + ul + select { color:#000;}