body{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:14px;
	line-height:1.6em;
	min-width:1024px;
	font-family: 'Poppins', sans-serif;
	
}

input, select{

font-family: 'Poppins', sans-serif;
	
}

h1,h2,h3,h4,h5,h6{

font-family: 'Muli', sans-serif;

}

#container{
	width:100%; 
	background-color: #1C5183;
background-image: url("../images/inspiration-geometry.png");
}

.box-width{
	min-width:1024px;
	width:80%;
	margin:0 auto;
}

.block-padding{
	padding:50px 0px;
}

.app-padding{
	padding:40px 0px;
}

.inner-padding{
	padding:30px;
}

#user-dashboard{

}

.dash-grid{
	padding-top:20px;	
}

.user-data-grid{
	background:#fff;
	padding:30px;
	margin-bottom:15px;
	width:200px;
	float:left;
	height:40px;
	margin-right:15px;
	border-radius:3px;
	border:1px solid #ddd;
}

.user-data-grid h3{
	margin-top:0px;
	margin-bottom:5px;
}

.clear{
	clear:both;
}

.clear-left{
	clear:left;
}

.clear-right{
	clear:right;
}

.left{
	float:left;
}

.right{
	float:right;
}

#header{

	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:19999;
	background-color: #fff;
    box-shadow: 1px 1px 12px rgba(132, 132, 132, 0.3);
}

.header-inner{
	padding:15px 25px;
}

#header-logo{
	float:left;
}

#header-logo a{
	text-decoration: none;
    border: none;
    color: #2c258c;
    font-weight: bold;
    font-size: 25px;
}

#header-logo img{
	height:37px;
}

#header-menu{
	float:right;
}

#header-menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#header-menu ul > li{
	float:left;
	margin-left:30px;
}

#header-menu ul > li > a{
	text-decoration:none;
	font-size:15px;
	color: #555;
    font-weight: bold;
    line-height: 34px;
}

#header-menu ul > li > a:hover{
	color:#ff982c;
}

.header-top-margin{
	height:67px;
}

#header-drawer{
	float:right;
	margin-top:5px;
	display:none;
	
}

#banner{
	background:#234777;
}

#banner .bx-wrapper{
	background:none !important;
}

.banner-item-title{
	color:#fff !important;
	text-align:left !important;
	text-transform:none !important;
	font-size:30px !important;
}

.banner-item-desc{
	color:#fff !important; 
	text-align:left !important;
	font-size:18px;
	line-height:25px;
	width:70%;
}

.banner-left{
	width:68%;
	float:left;
}

.service-h1-title{
	padding:35px 0px;
	margin:0px;
	font-size:2em;
	text-align:center;
	font-weight:normal;
}

.banner-right{
	width:30%;
	float:right;
	margin-left:2%;
}

#service-banner{
	background:#dcdcdc;
	height:300px;
}

#service-banner #enquiry-form{
	border:1px solid #ccc;	
}

#service-banner .bx-wrapper{
	    max-width: 100%;
    border: 5px solid #fff;
    border-radius:4px;
}

#data-container{
	min-height:670px;
}

.registration-block{
	background:#f5f5f5;
	padding:30px;
	width:700px;
	border:1px solid #ddd;
	border-radius:5px;
	margin:0 auto;
	margin-top:30px;
}

.success-block{
	background:#fff;
	padding:30px;
	width:700px;
	border:1px solid #ddd;
	border-radius:5px;
	margin:0 auto;
	margin-top:30px;
}

.form-block{
}

.form-block > h2{
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	font-size:19px;	
	font-weight:normal;
}

.form-row{
	margin-top:10px;
}

.form-column{
	margin-right:20px;
	float:left;
	width:320px;
}

.form-column label{
	display:block;
	margin-bottom:5px;
	font-size:12px;
	color:#222;
}

.form-column label > i{
	font-size:11px;
	color:#555;
}


.form-input{
		border:1px solid #bbb;
		padding:10px;
		font-size:15px;
		border-radius:3px;
		box-shadow: inset 1px 1px 5px #eee;
		color:#333;
		width:300px;
		outline-color: #ff6200;
	}
	
.form-input-cover{
		border:1px solid #bbb;
		border-radius:3px;
		color:#999;
		width:300px;
		box-shadow: inset 1px 1px 5px #eee;
		outline-color: #ff6200;
		    height: 43px;
	}
	
.form-input-plain{
		border:none;
		padding:10px;
		font-size:15px;
		border-radius:3px;
		background:transparent;
		color:#333;
		width:270px;
		outline:none;
	}
	
.reveal-password-icon{
	font-size: 17px;
    color: #aaa;
    cursor: pointer;
    position: absolute;
    margin-left: 269px;
    margin-top: 12px;
}

.reveal-password-icon:active{
	color:#45a2db;
}
	

.form-select{

	border:1px solid #bbb;
		padding:10px;
		font-size:15px;
		border-radius:5px;
		box-shadow: inset 1px 1px 5px #ccc;
		color:#555;
		width:300px;
		background:#fff;
		outline-color: #be7cff;

}

.form-radio{
		border:1px solid #bbb;
		padding:7px 12px 7px 7px;
		font-size:13px;
		border-radius:5px;
		color:#555;
		display:inline-block !important;
		cursor:pointer;
	}

.form-radio:hover{
		border-color: #be7cff;
	}

.radio-label{
	margin-bottom:7px;
	font-size:13px;
	color:#555;
}

.form-button{
		background: #45a2db;
    border: 2px solid #fff;
    border-radius: 6px;
    padding: 16px 50px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    outline-color: #45a2db;
    margin-right: 5px;
    font-weight: 600;
    margin-top: 5px;
    /* width: 20%; */
    box-shadow: 5px 5px 27px rgba(0,0,0,.1);
	}

.form-button:active{
		opacity:.8;
	}
	
.bg-green{
		background:#45a2db !important;
		border-color: #ffffff !important;
	}

.bg-secondary{
		background:#a077cc !important;
		border-color: #ffffff !important;
	}

.bg-grey{
		background: #999 !important;
		border-color: #ffffff !important;
	}
	
.bg-transparent{
	background:#fff;
	border:1px solid #aaa;
	color:#888;
}

label.error{
	display: block;
  font-size: 11px;
  color: rgb(230, 99, 99);
  font-style: italic;
  padding-top: 5px;
}

label.form-radio label {
    position: absolute;
    margin-top: 5px;
    
 }
 
 .req{
	color:red;
 }

.val-error {
    margin-top: 5px;
    font-style: oblique;
    color: #ff5858;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
}

#footer{
	padding:20px;
	text-align:center;
	background:#444;
	color:#f5f5f5;
}

h1.success-title{
	margin-top:0px;
	color:#73c310;
}

.success-block span{
	font-size:15px;
	color:#555;
}

.micro-input{
		width:auto !important;
		padding:3px !important;
		font-size:10px !important;
		font-weight:normal !important;
		text-transform:none !important;
		border-radius:2px !important;
	}


#enquiry-form{
	background:#fff;
	border-radius:4px;
}

#enquiry-form .form-button{
	width:100% !important;
	height:50px;
	font-size:17px;
}

#enquiry-form .h1-title{
	margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    color: #234776;
}

.form-div form{
	margin-bottom:0px;
}

.categories-container{
	text-align:center;
}

#categories{
	background:#fff;
}

.block-padding h2{
	text-align:center;
	margin-bottom:40px;
	margin-top:0px;
	font-size:1.5em;
	color:#fff;
	text-transform:uppercase;
}

.app-padding h2{
	text-align:center;
	margin-bottom:40px;
	margin-top:0px;
	font-size:1.5em;
	color:#555;
	text-transform:uppercase;
}

.cat-item{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#333;
	margin-left:41px;
	margin-right:41px;
}

.cat-item img{
	display:inline-block;
	height:70px;
}

.cat-item span{
	display:block;
	margin-top:10px;
}

.howitworks-item{
	background:#fff;
	float:left;
	width:30%;
	margin-left:1%;
	margin-right:1%;
	border-radius:4px;
	text-align:center;
}

.howitwork-inner{
	padding:25px;
}


#about-us{
	background:#fff;
}

.aboutus-left{
	float:left;
	width:35%;
	text-align:center;
}

.aboutus-right{
	float:left;
	width:60%;
	padding-top: 10px;
    font-size: 17px;
    color: #555;
    line-height: 29px;
}

.aboutus-right > h2{
	text-align:left;
	margin-bottom:25px;
}

.read-more{
	margin-top:20px;
}

.service-block{
	background:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	margin-top:20px;
	padding:25px;
}

.service-content-title{
	margin-top:0px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#333;
	font-size:17px;
}

.service-content{
	color:#555;
}

.service-content ul li{
	margin-bottom:15px !important;
}

.call-now{
	font-size:15px;
	font-weight:bold;
	color:#fb9200;
}

.aboutus-content{
	text-align:center;
	font-size:17px;
	line-height:25px;
	color:#444;
	padding:0px 50px;
	padding-bottom:50px;
}

.our-team{
	text-align:center;
}

.team-member{
	width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
}

.team-member-pic {
    float: left;
    width: 20%;
}

.team-member-pic img{
	width: 120px;
    border-radius: 120px;
    border: 3px solid #fff;
}

.team-member-name{
	float: left;
    width: 80%;
}

.success-content{
	background:#fff;
	padding:50px;
	text-align:center;
	border:1px solid #31ff00;
	width:80%;
	margin: 0 auto;
}

.team-member-name h3 > span {
    font-weight: normal;
    font-size: 14px;
}

.team-member-name p {
    color: #555;
}

ul.footer-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.footer-menu > li {
    float: left;
    margin-left: 30px;
}

ul.footer-menu > li > a {
    text-decoration: none;
    font-size: 14px;
    color: #ddd;
}

h1.page-title {
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
}
.page-content {
    line-height: 20px;
    color: #333;
}

.page {
    padding: 40px 0px;
}

.standard-top-padding{
	padding-top:20px;
}

.login-form{
	width:300px;
	margin:0 auto;
	background:#fff;
	padding:30px;
	border-radius:5px;
	box-shadow: 5px 5px 27px rgba(0,0,0,.1);
}

.validation-errors p{
	padding:5px;
	background:#ffe5e5;
	margin-top:0px;
	border-radius:3px;
	font-size:11px;
}

.status-message{
	background: #ffffff;
    padding: 18px 15px;
    color: #e32987;
    border-radius: 4px;
    position: fixed;
    /* bottom: 0px; */
    left: 0px;
    /* width: 100%; */
    z-index: 19999;
    text-align: center;
    font-size: 12px;
    box-shadow: 0px 0px 62px #cecece;
    display: none;
    top: 150px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    width: 550px;
}

.status-message h1 {
	line-height:1.3em;
}

#black-shade{
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		background:rgba(256,256,256,.8);
		z-index:500;
		display:none;
	}
	
#popup{
		z-index:550;
		position:fixed;
		top:100px;
		width:750px;
		left:0px;
		right:0px;
		margin:0 auto;
		display:none;
	}

#popup-container{
		float:left;
		width:700px;
		background:#fff;
		border-radius:5px;
		box-shadow: 0px 0px 85px #8e9fa9;
    border: 1px solid #ccc;
	}

#popup-close{
		float:left;
		margin-left:10px;
		color:#235183;
		font-size:2em;
		cursor:pointer;

	}

#popup-contents{
		padding:15px;
	}

#ajax-loader{
		background:rgba(256,256,256,.8);
		text-align:center;
		position:fixed;
		height:100%;
		width:100%;
		z-index:750;
		top:0px;
		display:none;
}

#ajax-loader img{
		 margin-top:15%;
	}


.update-nav-block{
	width:22%;
	float:left;
	margin-right:2%;
	background:#fff;
	border:1px solid #ddd;
}

.update-nav-block a{
	display:block;
	padding:10px 20px;
	text-decoration:none;
	color:#444;
	border-bottom:1px solid #eee;
}

.update-nav-block a:hover{
	background:#f5f5f5;
	
}

.update-nav-block a.active-update-nav{
	background:#ffda99;
	border:1px solid #ffc661;
	font-weight:bold;
}

.update-form-block{
	width:75%;
	float:left;
	background:#fff;
	border:1px solid #ddd;
	
}

.align-right{
	text-align:right;
}

.select-mini{
	width:100px;
}

.cat-search-input{
	width:500px;
}

#categories-auto-complete{
	background: #fff;
    width: 500px;
    border-radius: 5px;
    box-shadow: 1px 6px 10px #ccc;
    position: absolute;
    display:none;
}

#categories-auto-complete ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#categories-auto-complete ul > li{
	padding: 10px;
    border-bottom: 1px solid #eaeaea;
    font-size: 15px;
    font-weight: bold;
    color: #777;
}

#categories-auto-complete ul > li:hover{
	background:#ececec;
	color:#545454;
}

#categories-auto-complete ul > li:active{
	background:#ddd;
}

#selected-cats-view{
	margin-top:20px;
}

.selected-cat{
	padding:10px 20px;
	border:1px solid #ddd;
	background:#fff;
	display:inline-block;
	border-radius:5px;
	box-shadow:1px 1px 4px #ddd;
	margin-bottom:10px;
	margin-right:10px;
}

.selected-cat span{
	font-weight:bold;
	color:#f00;
	padding-left:10px;
	cursor:pointer;
}

.catalog-item{
	width:31%;
	float:left;
	margin-right:1.1%;
	margin-left:1.1%;
	margin-bottom:17px;
	background:#fff;
	border-radius:4px;
	box-shadow:1px 1px 7px #ddd;
	cursor:pointer;
}

.catalog-item-inner{
	padding:10px;
}

.catalog-item-image{
	height:170px;
	opacity:.9;
}

.catalog-item:hover .catalog-item-image{
	opacity:1;
	background-size:111% !important;
}

.catalog-item-name{
	margin-top:10px;
	font-size:15px;
}

.catalog-item-price{
	color:#777;
	font-size:13px;
}

.micro-button{
	font-size:11px;
	padding:5px;
	line-height:11px;
	text-transform:capitalize;
}

.small-button{
	font-size:12px;
	padding:10px;
	line-height:13px;
	text-transform:capitalize;
}

.catalog-item-edit-button{
	float:right;
}

.data-pagination{
	text-align:center;
	padding:20px;
	color:#fff;
}

.thread-replies .data-pagination{
	color:#333;
}

.pagination-buttons{
	background:#fff;
	color:#555;
	border:1px solid #555;
}

.button-not-active{
	opacity:.3;
}

.business_subscription-item {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 4px;
}

.business_subscription-item:hover{
	background:#ffeabf;
}

.upgrade-business h2{
	text-align: left !important;
    font-size: 17px !important;
}

.tick-mark{
	color:#999;
	float:right;
}

.green-text{
	color:#56ce00;
}

.dashboard-item{
	
	text-decoration: none;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 3px;
    color: #444;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    /* width: 160px; */
    /* height: 90px; */
    text-align: center;
    border: 1px solid #ddd;
	
	
}

.form-div {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgba(0,0,0,.1);
}


.two-column-form{
	    width: 681px !important;
}

.card-item{

	background:#fff; 
	border-radius:5px; 
	padding:15px; 
	margin-bottom:10px;
	box-shadow: 5px 5px 27px rgba(0,0,0,.1);

}

.question-answer-block{
	
	padding: 20px 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 27px rgba(0,0,0,.1);
    margin-top: 20px;
	
}

#exam-progress-bar{

	background: #eee;
    height: 12px;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
    margin-top: 3px;
    box-shadow: 5px 5px 27px rgba(0,0,0,.1);
    border: 2px solid #fff;

}


.answer-option-item{
	
	display: inline-block;
    padding: 20px;
    background: #fff;
    /* border: 1px solid #ddd; */
    cursor: pointer;
    box-shadow: 1px 1px 25px rgba(0,0,0,.2);
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom:18px;
    font-size:12px;
    min-width: 60px;
	
}

.subject-container{
	margin-bottom:20px;
	display: grid;
	grid-template-columns: auto auto;
	
}

.subject-select{

	/*display: inline-block;*/
    padding: 20px 30px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 27px;
    margin-bottom: 10px;
    margin-right: 10px;
    /*width: 15%;*/
    vertical-align:middle;
    text-align:center;
    /*width:120px;*/
    height:130px;
    color:#fff;

}

.subject-select-active{
	background:#fff !important;
	color:#555 !important;
}

.active-subject-navigation{
	text-align:center;
	color:#fff;
	font-size:40px;
	position:relative;
	bottom:0px;
	display:none !important;
}

.subject-icon{
	font-size:52px;
	margin-top:13px;
}

.subject-name{
	margin-top: 15px;
    height: 38px;
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
}

.subject-select-block, .custom-select-block{

	padding: 20px 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 27px rgba(0,0,0,.1);
    margin-top:20px;

}

h2.question-title {
    font-weight: normal;
    line-height: 1.8em;
}

h3.select-sub-title{
	    margin-top: 0px;
    color: #555;
}


.review-image img, .question-image img{
	max-height:280px;
	max-width:100%;
}


.result-block{
	padding:40px; width:70%; margin:0 auto;
}

.result-inner{
	background:#fff; box-shadow: 5px 5px 27px rgba(0,0,0,.1); border-radius:5px; padding:25px;
}

.result-inner > h1{
	margin:0px;
	font-weight:normal;
}

.ans-question{
	    background: #fff;
    box-shadow: 5px 5px 27px rgba(0,0,0,.1);
    border-radius: 5px;
    /* padding: 25px; */
    margin-top: 5px;
}

.ans-question > h3{
	
	margin: 0px;
    padding: 20px;
    font-weight:normal;
	
}

.ans-question > .answer-options{
	
    margin: 0px !important;
    padding: 25px;
	
}

.answer-options-done{
	 display:none;
}

.ans-question > .answer-options > .answer-option-item{

	box-shadow:none !important;
	border:1px solid #eee;

}

.ans-question-item{
	padding:10px;
}

.ans-question-item h3{
	margin:0px;
	color:#444;
}

.answered-questions-block .ans-question-item > h3{
	font-weight:normal !important;
	font-size:15px;
	margin-top:3px;
}

.your-answer{
	display:inline-block;
	padding:5px 10px; 
	background:#ffcdcd;
	border-radius:50px;
}

.right-answer{
	background:#9eff7b !important;
}

.actual-answer{
	display:inline-block;
	padding:5px 10px; 
	background:yellow;
	border-radius:50px;
}

.test-module-grid{
    float: right;
    width: 25%;
    text-align:center;
    display:none;
}

.test-module-grid-padding{
	padding-right:26px;
	padding-top:26px;
}

.test-help{
	    text-align: right;
    width: 25%;
    font-size: 23px;
    color:#fff;
}

.test-help > span{
	margin-right:20px;
	cursor:pointer;
}

.dashboard-item-icon{
	    font-size: 19px;
    opacity: .5;
    float: left;
}

.dashboard-item-title{
	font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    float: left;
}

.dashboard-h1{
	font-weight:normal;
	color:#fff;
	margin-top:0px;
}

.finisher-block {
    margin-top: 20px;
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.grid-5-column{
	grid-template-columns: auto auto auto auto auto !important;
}

.grid-6-column{
	grid-template-columns: auto auto auto auto auto auto !important;
}

.grid-2-column{
	grid-template-columns: auto auto !important;
}

.finisher-item {
    /*display: inline-block;*/
    background: #f8f8f8;
    padding: 12px;
    border-radius: 5px;
    margin-right: 10px;
   /* width: 130px;*/
    margin-bottom:10px;
    font-size:14px;
    line-height:16px;
}

.finisher-view > .finisher-item{
	width:auto !important;
	min-width:130px;
}

.finisher-title {
    font-weight: bold;
    margin-bottom: 4px;
}

.browse-cta{
	text-align:right;
}

.browse-block{
	padding:40px; width:70%; margin:0 auto;
}

.browse-block > h1{
	font-weight:normal;
	margin:0px;
	margin-bottom:30px;
	color:#fff;
}

.card-item > h3{
	margin:0px;
}

.req{
	color:red;
}


.choose-subscription{
	background:#fff; border:1px solid #eee;
	width:70%;
	margin:0 auto;
	padding:40px;
}

.select-sub-unit{
	text-align:center;
}

.select-sub-unit > label{
	display:block;
	padding-bottom:10px;
}


div#paypal-button-block {
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}

span.q_option_index {
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
    background: #fff7c6;
    font-size: 10px;
    padding: 3px 5px;
    line-height: 10px;
    border-right: 1px solid #d4c96e;
    border-bottom: 1px solid #d4c96e;
    
  }
  
  
span.q_option_value {
   /* width: 100%;*/
    display: block;
    text-align: center;
    font-size: 16px;
    float:left;
    line-height:27px;
}  

.tick-marks{
	
	float:right;
	margin-left: 8px;
    font-size: 23px;
    border: 2px solid #fff;
    border-radius: 150px;
    background: #fff;
}
    
    
.right-tick{
	color:#64e409;
}

.wrong-tick{
	color:#FF4D4C;
}

#right-answer{
	display:none; margin-top: 20px;
    padding: 10px;
    border-radius:5px;
    border: 1px solid #a1cc76;
    width:60%;
    margin: 0 auto;
    margin-top: 27px;
}


#wrong-answer{
	display:none; 
	margin-top: 20px;
    padding: 10px;
     border-radius:5px;
    border: 1px solid #e2b3b3;
    width:60%;
    margin: 0 auto;
    margin-top: 27px;
}

#wrong-answer > i{
	
	
    font-size: 20px;
    vertical-align: middle;
    margin-right: 6px;
    color: #ff4642;

	
}

#right-answer > i{
	
	
    font-size: 20px;
    vertical-align: middle;
    margin-right: 6px;
    color: green;

	
}


#question-review{
	display:none; 
	margin-top: 30px;
    padding: 20px;
    background: #fdffce;
    border: 1px solid #dee27a;
    border-radius: 5px;
}

#question-review-button{
	color:#555;
}

#question-review-button > a{
	color:#555;
}

.small-center-text{
	font-size:12px;
	text-align:center;
	color:#fff;
}

.small-center-text a{
	color:#fff;
}

.forgot-password-text{
	padding-top:10px;
	font-size:12px;
}

.test-practice{
	padding: 40px;
    width: 70%;
    margin: 0 auto;
    background: #f5f5f5;
    margin-top: 20px;
    border-radius: 5px;
}

.test-practice > h2{
	color:#fff;
	margin-bottom:25px;
}

h2.practice-title{
	margin-top:0px;
	color:#333;
}

.test-practice-start-title{
	color:#fff;
}

.countdown-timer{
	color:#fff;
}

.white-color{
	color:#fff;
}

.subscription-expiry-block{
	text-align:center;
	padding-bottom:60px;
}

.subscription-expiry-block img{
	opacity:.4;
}

.student-sub-active{
	float: left;
    font-size: 13px;
    display: inline-block;
    background: #ecfb89;
    padding: 0px 7px;
    border-radius: 4px;
    border: 1px solid #dfec88;
}

.student-sub-inactive{
	float: left;
    font-size: 13px;
    display: inline-block;
    background: #ffebeb;
    padding: 0px 7px;
    border-radius: 4px;
    border: 1px solid #ffd8da;
}

.student-parent-dashboard{
	background: #f1f4f5;
	border-radius:5px;
	margin:0 auto;
	width:85%;
}

.std-dashboard{
	/*float: left;
    /width: 74%;*/
	
}

.std-progress{
	width:600px;
	margin:0 auto;
}

.dash-block{
	margin-bottom:40px;
}

.dash-block h2{
	color:#235183;
	text-transform:capitalize;
	font-weight:normal;
}

.leaderboard-item{
	width:45%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-bottom:30px;
	float:left;
	padding:1%;
	background:#fff;
	border-radius:5px;
	box-shadow:1px 1px 20px rgba(0,0,0,.1);
}

.users-tab{
	margin:0 auto;
	width:84%;
}

.users-tab > a{
	text-decoration:none;
	display:inline-block;
	color:#666;
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:10px 20px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
}

.active-user-tab{
	background: #45a2db !important;
    font-weight: bold;
    color: #fff !important;
}


.roadmap-type{
	display:inline-block;
	padding:0px 10px;
	background:#eeff79;
	font-size:12px;
	color:#222;
	border-radius:5px;
	margin-left:5px;
}

.road-map-time{

	float:left;
	width:24%
}

.roadmap-target{
	
	float:left;
	width:54%;
}

.child-profile-pic{
	float:right;
	width:19%;
}

.child-profile-pic > img{
	width: 87%;
    border: 9px solid #fff;
    box-shadow: 3px 3px 14px rgba(0,0,0,.1);
    border-radius: 11px;
    height:160px;
}

.roadmap-time-bubble{
	width: 200px;
    height: 170px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow:3px 3px 15px rgba(0,0,0,.1);
    text-align: center;
    /*border: 1px solid #ddd;*/
    padding:4px;
}

.time-left-dash-hero{
	font-size: 58px;
    padding-top: 30px;
    color: #45a2db;
    font-weight: bold;
}

.time-left-content{
	font-size: 13px;
    padding: 29px 13px;
    color: #888;
    padding-top: 22px;
    padding-bottom:5px;
    line-height: 1.4em;
}

.roadmap-target-chart{
	background: #fff;
	box-shadow:3px 3px 15px rgba(0,0,0,.1);
   /* border: 1px solid #ddd;*/
    padding: 20px;
    border-radius: 10px;
}

.roadmap-target-chart > h3{
	margin-top:0px;
}

.roadmap-subject{
	float: left;
    width: 25%;
    font-size: 13px;
    color:#555;
}

.roadmap-progress-bar{
	    width: 55%;
    float: left;
    background: #fff;
    /* border: 1px solid #ccc; */
    font-size: 11px;
    line-height: 11px;
    border-radius: 3px;
    background: #dadada;
    margin-top:8px;
    cursor:pointer;
}

.roadmap-progress-percent{
	width:14%;
	font-size:13px;
	float:right;
	color:#888;
}

.roadmap-progress-item{
	margin-bottom: 3px;
}

.roadmap-progress-done{
	border-radius: 3px;
    background: #6cb3ff;
	width:0px;
	height:4px;
}

.bg-purple{
	background:#a57afa !important;
}

.bg-blue{
	background:#28C0DD !important;
}

.bg-pink{
	background:#ff5e97 !important;
}

.bg-green{
	background:#5cc99a !important;
}

.revision-subject-nav, .mock-score-subject-nav{
	float: left;
    width: 162px;
    background: rgb(2,0,36);
    background: linear-gradient(45deg, rgb(35, 81, 131) 0%, rgb(69, 162, 219) 35%, rgba(0,212,255,1) 100%);
    min-height:300px;
    padding-bottom:15px;
    /*border-right: 1px solid #ccc;*/
    
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

.revision-subject-data{
	
	width: 79%;
    float: left;

}

.revision-progress-block{
	background: #fff;
    border-radius: 10px;
    /*border: 1px solid #ddd;*/
    box-shadow:3px 3px 15px rgba(0,0,0,.1);
}

.revision-subject, .mock-subject, .mock-score-subject {
        /* padding: 20px; */
   /* border: 1px solid #ccc;*/
    background: #fff;
    font-weight: bold;
    color: #222;
    width: 100px;
    height: 100px;
    border-radius: 150px;
    text-align: center;
    margin-top: 12px;
    line-height: 96px;
    margin-left: 31px;
}

.revision-subject-charts, .mock-subject-charts, .mock-subject-scores{

    padding: 25px;
    display:none;

}

.revision-subject-active, .mock-subject-active, .mock-score-subject-active{
	background: #fff;
    border-right: 0px;
    color: #45A2DA;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 131px;
}

.revision-subject-chart-active, .mock-subject-chart-active, .mock-subject-score-block-active{
	display:block !important;
}

.revision-topic-name{
	margin-top:0px;
	font-size:14px;
}


.revision-topic{

	margin-bottom:20px;

}

a.daily-practice-cta {
    display: inline-block;
    text-decoration: none;
    padding: 40px 70px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    background: #45a2db;
    /* background: linear-gradient(45deg, rgb(35, 81, 131) 0%, rgb(69, 162, 219) 35%, rgba(0,212,255,1) 100%); */
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    border: 2px solid #fff;
    vertical-align: middle;
    line-height: 51px;
    width: 77%;
}

.daily-practice-cta-block img {
    height: 128px;
    vertical-align: middle;
}

a.daily-practice-cta:active{
	opacity:.8;
}

.daily-practice-cta-block{
	text-align:center;
	padding:40px 0px;
	padding-top:20px;
}

.dashboard-message{
	padding: 30px 50px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 15px rgba(0,0,0,.1);
    width: 45%;
}


.mocktest-practice-cta-block{
	margin-bottom:30px;
	text-align:center;
}

a.mocktest-practice-cta{
	display: inline-block;
    text-decoration: none;
    padding: 9px 17px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #215282;
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    border: 2px solid #fff;
    cursor: pointer;
}

.minor-buttons-block{
	width: 690px;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    /*border: 1px solid #ddd;*/
    margin-top: 30px;
    text-align:center;
    box-shadow: 3px 3px 15px rgba(0,0,0,.1);
    border-radius:10px;

}

a.minor-buttons-cta {
    display: inline-block;
    background: #f5f5f5;
    width: 130px;
    height: 130px;
    border-radius: 150px;
    border: 1px solid #ddd;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    color: #444;
    
}

a.minor-buttons-cta:hover{
	background:#ddd;
	border:1px solid #ccc;
	color: #235183;
}

a.minor-buttons-cta span{
	display: block;
    width: 70%;
    margin: 0 auto;
    padding-top: 45px;
    
}

.dashboard-time-remaining{
	margin-top:25px;
	font-size:20px;
	text-align:center;
}

.dashboard-message{
	
}

.progress-circle-contain{
	/*width:30%;
	float:left;*/
	width: 210px;
    margin: 0 auto;
}

.progress-message{
	/*float:left;
	width:69%;
	margin-left:1%;*/
	    margin-top: 41px;
}

.progress-message h2{
	text-align:left;
	color:#333;
	text-transform:none;
	font-size: 32px;
    line-height: 36px;
}

.minor-buttons-block-title{
	    color: #235183;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    margin-top: 70px;
}

.red{
	color:red !important;
}

.green{
	color:green !important;
}

.pinksub{
	background:#ff3ea5;
	color:#fff;
}

.purplesub{
	background:#623e8f;
	color:#fff;
}

.bluesub{
	background:#0090ff;
	color:#fff;
}

.greensub{
	background:#6bc300;
	color:#fff;
}

.revision-subject-nav > div, .mock-score-subject-nav > div {
	border:2px solid #fff;
}

i.info-icon {
    display: block;
    position: absolute;
    background: #fff;
    font-size: 10px;
    width: 20px;
    height: 20px;
    color: #333;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    border: 1px solid #333;
    margin-left: 104px;
    margin-top: 9px;
    cursor: pointer;
}

/*######################## circle wrap */




.login-password-policy {
    font-size: 11px;
    width: 87%;
    line-height: 14px;
    margin-top: 10px;
    color: #777;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    display:none;
}

.table-container table {
    font-family: 'Open Sans', sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.table-container td, .table-container th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    border-left: 0px;
    border-right: 0px;
    font-size:13px;
}

.table-container th, .table-container th > a {
    color: #0080ce;
    
}

.table-container tr:nth-child(even) {
    background-color: #f5f5f5;
}


.cancel-req{
	
	    display: inline-block;
    font-size: 12px;
    padding: 6px 8px;
    background: #e6e6e6;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;

}

.tooltip{
	color:#B5B5B4;
}


.sub-topic-chart{

	padding: 20px;
    background: #f8f8f8;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    

}

.sub-topic-canvas{
	height:250px !important;
}

.checkbox-indent{
	visibility:hidden;
}


.checkbox-topic-name{
	font-weight:bold;
	color:#444;
}

.checkbox-sub-topic-name{
	
	color:#555;
	font-size:13px;
}

.count-down-timer{
	display: inline-block;
    width: 41px;
}

a.flag-question {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0px 5px;
    border-radius: 2px;
    line-height: 16px;
}

.roadmap-progress-percent .fa-caret-up, .roadmap-progress-percent .fa-caret-down{
	font-size:16px !important;
	cursor:pointer;
} 

h1.result-title{
	    margin-top: 0px;
    color: #444;
    font-size: 1.8em;
}

.review-time{
	color: #ff0000;
    font-weight: bold;
}

.mock-success-title{

	text-align: center;
    color: #00ad48;
    font-weight: bold !important;
    margin-top: 30px !important;
}

.mock-test-score{
	text-align: center;
    /* font-weight: bold; */
    color: #00a000;
    margin-top: 30px;
}

.mock-test-score{
	margin-top: 40px;
    font-size: 25px;
    text-align: center;
    color: #235183;
}

.mock-test-score-grid{
	width: 400px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom:30px;
}

.mock-test-score-grid .finisher-item{
	    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}

.mock-success-cta{
	text-align:center;
}

.form-row-field > label
{
    font-size: 17px;
    display: block;
    padding-bottom: 13px;
    font-weight: bold;
    color: #235183;
}

.form-row-field {
    margin-bottom: 18px;
}

.revision-dash-h3{
	margin-bottom:3px;
	margin-top:25px;
}

span.revision-dash-sub-text{

	display:inline-block; 
	
	margin-bottom:15px;
	font-size:11px;
	color: #555;
}

.new-tabular-data{
	width:100%; border-collapse:collapse; border-color:#eee; border:1px solid #eee; font-size:14px;
}

.new-tabular-data th{
	font-size:13px;
	text-align:left;
}

.new-tabular-data th, .new-tabular-data td{
	padding:7px;
}
.new-tabular-data tr:nth-child(even) {
    background-color: #f7f7f7;
}

.browse-header-data{
	color:#fff;
	font-size:12px;
	margin-bottom:15px;
}

.ui-tooltip{
	max-width:400px !important;
	font-size:13px !important;
}

.browse-practice-cta a.form-button{
	padding:5px 10px !important;
}

.input-profile-picture{
	
	width:245px;
	vertical-align:middle;
	margin-right:5px;
}

.selected-profile-picture{
	height:43px;
	width:43px;
	border-radius:5px;
	border:2px solid #fff;
	box-shadow:1px 1px 5px rgba(0,0,0,.2);
	vertical-align:middle;
}

.question-cta-block{
	width:50%;
	text-align:center;
	padding-bottom:20px;
}

.dynamic-message{

	font-size: 14px;
    width: 184px;
    background: #f1feff;
    padding: 6px;
    border-radius: 5px;
    border: 2px dotted #3a6e98;
    text-align: center;
    color: #235183;
    line-height: 22px;

}

.dashboard-scores-cta{
	padding:20px 0px;
	text-align:center;
}

.dashboard-scores-cta a{
	text-decoration:none;
	display:inline-block;
	background:#52c6f5;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:15px 0px;
	width:200px;
	cursor:pointer;
	margin:10px;
	border-radius:5px;
}

.daily-practice-title{
    font-size: 35px !important;
    padding: 10px 0px 20px 0px;
    text-align: center;
}

.daily-practice-bottom-message{
	    margin: 0 auto;
    text-align: center;
    max-width: 60%;
    margin-top: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.thread-item-pic-container{
	float:left;
	width:8%;
}

.thread-item-pic{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #60c2f1;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-size: 23px;
    /* border: 1px solid #f6c205; */
    color: #fff;
}

.thread-item{

	background:#fff; 
	border-radius:5px; 
	padding:15px; 
	margin-bottom:2px;
	box-shadow: 5px 5px 27px rgba(0,0,0,.1);
}

.thread-item-content {
    float: left;
    width:80%;
    margin-left: 1%;
}

.thread-browse-cta{
	float:left;
	width:9%;
	margin-left:1%;
	text-align:right;
	margin-top: 40px;
}

h3.thread-item-user {
    font-size: 17px;
    margin-top: 11px;
    margin-bottom:10px;
}

.thread-item-message {
    font-size: 14px;
    color: #212121;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
}

.thread-item-time {
    margin-top: 10px;
    font-size: 13px;
    color: #828282;
    text-align: right;
}

span.thread-conversation-count {
    /* font-weight: normal; */
    background: #e2b937;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    /* border: 2px solid #d1e00b; */
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    line-height: 23px;
}

.thread-replies {
    background: #fff;
    border-radius: 10px;
}

span.created-by {
    font-size: 11px;
    background: #16a9ec;
    color: #fff;
    display: inline-block;
    padding: 0px 7px;
    border-radius: 5px;
    line-height: 18px;
}

.users-grid{
	text-align:center;
}

.users-grid div.user-grid-item {
    background: #fff;
    padding: 20px;
    display: inline-block;
    width: 230px;
    height: 109px;
    text-align: center;
    text-decoration: none;
    /* line-height: 70px; */
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.users-grid div.user-grid-item > span{
	margin-top: 5px;
    display: block;
    height: 50px;

}

.fa-flag{
	color: #ff7777;
}

.parent-chat{
	background: #ccdbff;
}

.child-chat{
	background: #a2ffde;
}

.tutor-chat{
	background: #f5f3a5;
}

.new-message-count{
	display: inline-block;
    background: red;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 2px 5px;
    position: absolute;
    margin-top: -22px;
    margin-left: -14px;
}