/*******************************LAYOUT STYLING*******************/
html{
  height: 100%;
  box-sizing: border-box;
}

body{
	overflow-x: hidden;
	position: relative;
 	margin: 0;
  	min-height: 100%;
}

a {
	color: #3277B3;
}

a:hover,
a:focus {
	color: #275D8B;
}

a:active {
	color: #204A6F;
}

.btn-primary {
    color: #fff;
    background-color: #3277B3;
    border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #275D8B;
    border-color: transparent;
}

.btn-primary:active {
    background-color: #204A6F;
    border-color: transparent;
}

form {
	margin-top: 0.5em;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

hr.style_two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin: 60px 0;
}


h2 {
	margin-top: 0;
}

#btnLoginHeader{
	color:#fff;
}

#searcharea{
	display:none;
}

#sidebarbackgroundcolor{
	background-color:#fff !important;
}

#msgarea{
	color: green;
	text-align: center;
	overflow:hidden;
	width:100%;
}

#AuthorizenetPaymentsForm .form_group label{

}

#AuthorizenetPaymentsForm .lblauthorizenet, {
	padding:5px;
}

.paypalform .lblpaypal{
	padding:5px;
}

.paypal_credit_card_images{
	text-align: center;
}
.paypal_credit_card_images img{
	width: 45px;
    margin: 2px 1px;
}

.paypal_helper_message{
    max-width: 350px;
    display: inline-block;
    padding: 10px;
    font-size: 12px;
}
/*******************************END OF LAYOUT STYLING************/

/********************************HEADER STYLING******************/

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 9px 12px !important;
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none;
 border-color:#cccccc;
}

.content_area {
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../files/bg.jpg");
  height: 100%;
  background-size: cover;
  background-position: center 30%;
  margin-bottom: 40px;
}

.hero h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 50px;
	text-align: center;
}

.hero h1 span {
	font-weight: bold;
	text-transform: uppercase;
}

.hero_wrap {
	margin: 0 auto;
	max-width: 1000px;
}

.form_wrap {
	float: left;
  	padding: 10px 4.5%;
  	text-align: center;
	width: 54.5%;
}

.form_wrap input[type=text] {
	border: 0;
  	border-radius: 3px;
  	font-size: 16px;
}

ul.store_steps {
	color: #fff;
	float: left;
	list-style: none;
	margin: 0 0 150px;
	padding: 0;
	width: 40.5%;
}

ul.store_steps li p {
	font-size: 20px;
}

ul.store_steps li p span {
	border-radius: 50%;
  	display: inline-block;
	height: 30px;
  	line-height: 30px;
  	text-align: center;
	width: 30px;
}

div.logo_desktop {
	display: block;
	margin: 10px 0 30px;
}

section p {
	font-size: 2rem;
}

section.container img {
  width: 100%;
}

section iframe {
  height: 500px;
  width: 75%;
}

.title {
  font-family: 'Montserrat', sans-serif;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.mdlt_wrap {
	max-width: 500px;
	margin: 0 auto;
}

.whyLMS h2 {
	margin-bottom: 50px;
}

.test_slider .storenameinput {
	border-radius: 4px;
}

@media only screen and (min-width:320px) and (max-width:640px) {

	.title {
		font-size: 2.3em;
	}

	.gtwac_mobile {
		width: 260px !important;
	}

	.form_wrap, ul.store_steps {
		width: 100%;
	}

	ul.store_steps {
		margin: 40px 0 40px 13%;
	}

}

.sortbytags .accheck1 {
 width: 89%;
}

@media only screen and (min-width:768px) and (max-width:992px) {

	section iframe {
		height: 350px;
	}

	.whyLMS h2, .signup_checklist {
		margin-bottom: 30px;
	}

}

@media only screen and (max-width:767px) {
#searchformheader .input-group-btn {
	width: auto !important;
}
	section iframe {
		height: 190px;
		width: 260px;
	}

	.gtwac_desktop {
		display: none;
	}

	.gtwac_mobile {
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	img.gtwac_mobile {
	}

	.whyLMS h2, .signup_checklist {
		margin-bottom: 30px;
	}

}

.user_input_display_message {
	color: gray;
	font-size:18px;
	margin-top: 10%;
	text-align: center;
}

/* ==================================================
	Choose Your Plan
================================================== */

.plans > div {
	color: #fff;
}

.plans .plan {
	max-width: 255px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.plans .standard {
	background: #5a8732;
}

.plans .plan_amount h1 {
	font-size:7rem;
	margin-top:0;
	padding-top:10px;
	margin-bottom: 0;
}

.plans .standard h3 {
	padding: 10px 0 0;
}

.plans .standard .plan_amount {
	background-image: url(../img/standard.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	height: 135px;
	width: 100%;
}

.plans .professional {
	background: #b14804;
}

.plans .professional h3 {
	padding: 10px 0 0;
}

.plans .professional .plan_amount {
	background-image: url(../img/professional.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	height: 135px;
	width: 100%;
}

.plans .business {
	background: #424242;
}

.plans .business h3 {
	padding: 10px 0 0;
}

.plans .business .plan_amount {
	background-image: url(../img/business.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	height: 135px;
	width: 100%;
}

.plans .enterprise {
	background: #054e6d;
}

.plans .enterprise h3 {
	padding: 10px 0 0;
}

.plans .enterprise .plan_amount {
	background-image: url(../img/enterprise.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	height: 135px;
	width: 100%;
}

.plans .plan ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 15px 10px 10px;
}

.plans .plan ul li {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 35px;
	padding: 0px 5px;
	border-bottom: 1px solid #fff;
	clear: both;
}

.plans .standard ul li {
	border: 1px solid #72ad43;
}

.plans .professional ul li {
	border: 1px solid #ff6504;
}

.plans .business ul li {
	border: 1px solid #666666;
}

.plans .enterprise ul li {
	border: 1px solid #047aba;
}

.plans .plan ul li:nth-child(2) {
	border-top: none;
}

.plans .plan ul li p {
	float: left;
	margin-bottom: 0;
	line-height: 32px;
}

.plans .plan ul li i {
	float: right;
	font-size: 2.3rem;
	line-height: 32px;
}

.plans .plan ul:after {
	clear: both;
}

.plan .purchase {
	color: #fff;
	display:block;
	border-radius: 3px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 35px;
	margin: 0 10px;
	text-decoration: none;
}

.plans .standard .purchase {
	background-color: #72ad43;
	border: 1px solid #72ad43;
}

.plans .professional .purchase {
	background-color: #ff6504;
	border: 1px solid #ff6504;
}

.plans .business .purchase {
	background-color: #666666;
	border: 1px solid #666666;
}

.plans .enterprise .purchase {
	background-color: #047aba;
	border: 1px solid #047aba;
}

.plans .standard .purchase:hover {
	background-color: transparent;
}

.plans .professional .purchase:hover {
	background-color: transparent;
}

.plans .business .purchase:hover {
	background-color: transparent;
}

.plans .enterprise .purchase:hover {
	background-color: transparent;
}

@media only screen and (min-width:992px) and (max-width:1199px) {

	.plans .plan_amount h1 {
		padding-top: 0px;
	}

	.plans .standard .plan_amount, .plans .professional .plan_amount, .plans .business .plan_amount, .plans .enterprise .plan_amount {
		height: 110px;
	}

}

/* ==================================================
	Testimonials
================================================== */

.ecrm_title h3 {
	text-align: center;
	color: #fff;
	margin: 30px 0;
	line-height: 40px;
}

.test_slider {
	border-radius: 5px;
	background-color: #e6e6e6;
	color: #000;
	padding: 23px 25px;
	position: relative;
	text-align: center;
	margin: 30px 0 30px;
}

.test_slider .fa-quote-left {
	font-size: 4rem;
	position: absolute;
	top: 10px;
	left: 20px;
}

.test_slider .fa-quote-right {
	font-size: 4rem;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

#triangle-down {
	position: absolute;
	bottom: -30px;
	right: 120px;
	width: 0;
	height: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 30px solid #e6e6e6;
}

.quoted p {
	margin-bottom: 70px;
}

/* ==================================================
	Footer
================================================== */

footer.frontpage {
	background: #808080;
	color: #fff;
	padding: 20px 0;
}

footer.frontpage p {
	float: left;
}

footer.frontpage ul {
	list-style: none;
}

footer.frontpage ul li {
	float: left;
	margin-left: 10px;
}

footer.frontpage ul li a {
	color: #fff;
}

.registrationCodes{
	display:none;
}

.createaccountdiv {
	padding: 0px;
	text-align: center;
	color: #fff;
	float: left;
}

.createaccountdiv a {
	color: #fff;
}

#lmsLoginDiv div {
    padding: 2px 3px;
}

form#loginform {
	text-align: right;
}

form#loginform>.col-lg-4 {
	padding-left: 0px;
	padding-right: 0px;
}

form#login-form>.col-md-4 {
	padding-left: 0px;
	padding-right: 0px;
}

form#login-form>.col-sm-4 {
	padding-left: 0px;
	padding-right: 0px;
}

form#login-form>.col-xs-6 {
	padding-left: 0px;
	padding-right: 0px;
}

.login-links-container{
    width: 320px;
    display: inline-block;
    float:right;
}

#UserUsername {
	border-radius: 0px;
}

#UserPassword {
	border-radius: 0px;
}

#btnLoginHeader {
	border-radius: 0px;
	padding: 0;
}

/* ========== BANNER/CTA ========== */

.banner-search-container{
	height:100%;
}

.banner_img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0 !important;
}

/* Sticky Header && NO Banner Img */
.fixed_banner_no_img {
	background-image: none !important;
	height: 0 !important;
	margin-bottom:12px;
}

/* NO Banner Img ONLY */
.banner_no_img {
	background-image: none !important;
	height: 0 !important;
	margin-top: 0 !important;
}

.banner_bg_color {
	background-image: none !important;
	margin-top: 0 !important;
}

.cta h1 {
	margin-top: 0;
	padding-top: 0;
}

.cta_l {
	float: left;
}

.cta_c {
	margin: 0 auto;
}

.cta_r {
	float: right;
}

.cta_txt_l {
	text-align: left;
}

.cta_txt_c {
	text-align: center;
}

.cta_txt_r {
	text-align: right;
}

/* ========== NAVIGATION ========== */

ul.headermenu {
	padding: 0 !important;
	margin: 0 0 0 -13px !important;
}

ul.headermenu>li {
	float: left;
	position: relative;
}

ul.headermenu li, .no-list-style {
	list-style: none;
}

ul.headermenu a {
	cursor: pointer;
	display: block;
	color: #3277B3;
	line-height: 30px;
	padding: 8px 13px;
	text-decoration: none;
}

.deactiveerrormessage {
	display: none;
	margin-top: -8px;
	font-size: 14px;
	padding: 3px;
	position: fixed;
	top: 250%;
	left: 37%;
	width: 250px;
	height: 120px;
	padding: 1px;
	border: 2px solid black;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	border-radius:5px;
}

p.closeInactivemsg:hover{
	cursor: pointer;
}

.formcontrolcustom {
	border-radius: 0px !important;
	padding: 6px 7px;
	height: 30px;
	text-align: left;
	border-left: 0px;
	outline: 0;
}

.formcontrolcustom:focus {
	outline: 0;
	border-color: #ccc;
	box-shadow: none;
}

.nav {
	position: relative;
}

.searchcartembed {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	position: absolute;
	top: 46px;
	left: -9000px;
	z-index: 1;
    background: #fff;
    border: 5px solid #ddd;
    border-top: none;
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
	padding: 20px;
	opacity: 0;
}

ul.headermenu li.grayclassheaderlink .searchcartembed {
	opacity: 1 !important;
	left:0;
}

.searchcartembed form {
	padding: 0;
	margin: 0;
}

.searchcartembed form input {
	width: 300px !important;
}

.searchcartembed #searchform input {
	padding: 5px 10px;
	height: 35px;
	font-size: 1.1em;
	border: none;
}

input#search_from_icon {
	border: 1px solid #ccc;
}

li.grayclassheaderlink a i {
	line-height: 30px;
}

.btnsearchstyle {
	font-size: 12px;
	border-right: 0px;
	padding: 6px 6px 5px 6px;
	border-radius: 0px;
	margin-top: -2px;
	height: 30px;
}

.btnsearchstyle:hover {
	background-color: #fff;
}

.btncreateaccountHeader {
	background-color: #007ab9;
	border-color: #007ab9;
	border-radius: 0px;
	padding: 0px !important;
}

.btncreateaccountHeader:hover {
	background-color: #007ab9;
	border-color: #007ab9;
	border-radius: 0px;
}

form.createaccountbtnform {
	margin-top: 0em;
}

.logoimage {
	float: left;
    max-width: 300px;
    max-height: 78px;
}

.headertextalignstyle {
	text-align: center;
}

.headercartimg {
	height: 24px;
}

.headerembedcodeimg {
	height: 24px;
	width: 100%;
}

#searchform {
	margin-top: 0px;
}

#InactiveClientModal{
	top:25%;
}

.cartCircleCount {
	border-radius: 10px;
	font-size: 8px;
	padding: 1px;
	margin-left: -5px;
	vertical-align: top;
}

/****************************************END OF HEADER***********/

/***********************************FOOTER ***********************/

.footer {
	padding: 10px 0 !important;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	padding: 1rem;
  	background-color: #efefef;
  	text-align: center;
}

.paddingstyle {
	text-align: right;
}

.footerimg {
	height: 30px;
}

.footer_social a {
	margin-left: 5px;
	display: inline-block;
}

.footer_social a:hover,
.footer_social a:focus {
	text-decoration: none;
}

/******************************END OF FOOTER *********************/

/*************************************Create an account *********/

.createaccountform {
	padding-top: 5%;
	margin-bottom: 4%;
}

.createaccountform label {
	color: #666;
	width: 31%;
	text-align: left;
	word-wrap: break-word;
}

.lblCreateAccount1 {
	width: 60%;margin-left:3%;

}

.createaccountsubmit1 {
	background-color: #3277B3;
	color: #fff;
	border-color: #3277B3;
}

.createaccountcancel1 {
	padding: 3px 15px;
	border-radius: 0px;
}

.createaccountsubmit1:hover,.createaccountsubmit1:active,.createaccountsubmit1:focus,.createaccountsubmit1:focus:hover
	{
	background-color: #3277B3;
	color: #fff;
}

#setpwdform label {
	color: #979797;
}

.create_account_radio_label{
	vertical-align: top;
	padding-top:15px;
}

/*********************************END of create an account *******/

/********************************FEATURED COURSE *****************/

.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .85;
	filter: alpha(opacity = 80);
}

.btn_mfc {
	border-radius: 0 0 3px 0 !important;
  	display: block;
  	text-align: center;
  	padding: 0 !important;
  	margin: 0 !important;
  	height: 30px;
  	width: 100%;
  	font-size: 12px;
}

.shareAdd div.widthdiv.courseaddtocartdiv form.addtocartform div.submit input.btn-success.btn_mfc {
	background: transparent;
	font-size: 12px !important;
	border: 0;
	border-radius: 0 0 3px 0;
}

.shareAdd div.widthdiv.courseaddtocartdiv form.addtocartform div.submit input.btn-success.btn_mfc:hover {
	border-radius: 0 0 3px 0 !important;
}

.displayproperty {
	display: none;
	position: fixed;
	top: 25%;
	left: 37%;
	width: 25%;
	min-height: 15%;
	max-height: 70%;
	padding: 1px;
	border: 1px solid black;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.divheight {
	display: block;
	min-height: 240px;
	max-height: 500px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	list-style: outside none none;
}

.navigateleft {

	border:1px solid #ccc;
}

.side-text-color{
	margin-top:5px;
}

.borderstyle {
	padding: 10px;
	min-height: 130px;
	border: 1px solid #ccc;
	background: #fff;
}

a.nounderline:hover {
	text-decoration: none;
}

.widthdiv {
	width: 50%;
	float: left;
	text-align: center;
}

.readmorestyle {
	float: right;
	margin-top: -10%;
}

form.addtocartform {
	margin-top: 0px;
}

form.addtocartform .btn-lg {
	padding: 2px 0px;
	font-size: 14px;
	height: 30px;
	border-radius: 0 0 3px 0;
	text-decoration: none;
}

div.accart_info a.a_addtocart form.addtocartform div.submit input#addtocartbtn.acbtn-success.btn.btn-lg {
	height: auto;
	padding: 0;
}

form.addtocartform .btn-success {
	background-color: #04b431;
}

form.addtocartform .btn-success:hover {
	border-color: transparent;
}

#coursesharediv {
	border-radius: 0 0 0 3px;
}

#coursesharediv a {
	display: block;
	height: 15px;
	line-height: 0px;
}

.courseaddtocartdiv {
	color: #fff;
}

.closeCourseShare:hover {
	cursor: pointer;
}

.courseaddtocartdiv #addtocartbtn {
	width: 100%;
}

.courseaddtocartdiv #addtocartbtn:hover, .courseaddtocartdiv #addtocartbtn:focus{
	color:#fff;
}

.waitlistbtn2,
#addtocartbtn2{
	float:right;
	margin-top: 5px;
}

.shareAdd {
	margin-bottom: 65px;
	max-width: 270px;
}

.course_container {
	padding-top: 20px;
}

.course_wrap {
	transition: box-shadow .3s ease;
	max-width: 270px;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	height: 285px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 15px rgba(0, 0, 0, .0);
}

.course_wrap:hover,
.course_wrap a:focus {
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.course_wrap a {
	text-decoration: none;
	display: block;
}

.course_wrap a div img {
	max-height: 145px;
}

.course_wrap .inner_div {
	overflow: scroll;
	position: absolute;
	top: 145px;
	-webkit-transition: top .3s ease;
	-moz-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.inner_div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 253px;
}

.inner_div > ul > li {
    height: 35px;
}

.ellipsis {
  	text-overflow: ellipsis;
	width: 240px !important;
  	overflow: hidden;
  	word-wrap: break-word;
}

.inner_div ul li.course_title {
	height: 60px;
	padding: 10px 10px 5px;
	background: #fff;
	border-top: 1px solid #e6e6e6;
}

.inner_div ul li.course_price {
	padding: 0 10px 10px;
	margin: 0;
	background: #fff;
}

.inner_div ul li.course_price p {
	padding: 0;
	margin: 0;
}

.inner_div .course_discount_expiration {
	margin: 0px;
	color: black;
	padding-left: 10px;
	background: white;
	height: 20px;
}

.inner_div ul li.course_rating {
	padding: 5px 10px;
	background: #e6e6e6;
	overflow: hidden;
}

.inner_div ul li.course_summary {
	padding: 10px 10px 158px;
	background: #fff;
}

.inner_div ul li.course_summary p {
	font-size: 12px;
	margin-bottom: 0;
}

.course_wrap:hover .inner_div,
.course_wrap a:focus .inner_div {
	top: -1px;
	border-radius: 5px 5px 0 0;
}

span.read_more:hover {
	color: #f00;
}

@media only screen and (min-width:0px) and (max-width:767px) {

	#admincreateuserform .select .lblCreateAccount1{
		margin-left:3%;
		width:60%;
		margin-bottom:15px;
	}

	.course_wrap {
		margin: 0 auto;
		clear: both;
	}

	.inner_div ul {
		width: 268px;
	}

	.shareAdd {
		margin: 0 auto 60px;
		clear: both;
	}

	.course_wrap {
		height: 282px;
	}

	.course_wrap .inner_div {
		top: 153px;
	}

	.course_wrap a div img {
		max-height: 153px;
	}

	.no_padding {
		padding: 0 !important;
	}

	.view_course_img_wrap, .view_course_txt_wrap {
		max-width: 350px;
    	margin: 0 auto 20px;
	}

	.view_course_txt_wrap iframe {
		width: 100%;
    	height: 190px;
	}

	#lmsLoginDiv{
	    max-width: 450px;
	    margin: auto;
	    float: none;
	}

	.create_account_radio_label{
		vertical-align: top;
		padding-top:0px;
	}
}

@media only screen and (min-width:768px) and (max-width:970px) {

	.inner_div ul {
		width: 208px;
	}

}

@media only screen and (min-width:971px) and (max-width:1200px) {

	.inner_div ul {
		width: 203px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.course_wrap {
		height: 250px;
	}

	.course_wrap .inner_div {
		top: 119px;
	}

	.course_wrap a div img {
		max-height: 119px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.course_wrap {
		height: 247px;
	}

	.course_wrap .inner_div {
		top: 116px;
	}

	.course_wrap a div img {
		max-height: 116px;
	}

}

/*******************************END of Featured courses **********/

/**************************** VIEW COURSE ************************/

.image-container{
	position:relative;
	display:inline-block;
}
.image-container img{
	display:block;
}
.image-overlay{
    width: 100%;
    line-height: 100%;
    position: absolute;
    border-radius: 5px;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
}
.image-overlay-all-courses{
	top: -5px;
}
.image-overlay-course-view{
	top: 0;
}
.overlay-text{
    font-size: 22px;
    position: relative;
    top: 45%;
    color: #5c5c5c;
}
.joinWaitlist1,.leaveWaitlist1{
    width: 100%;
    border-radius: 0px;
}

@media only screen and (min-width: 320px) and (max-width: 480px){
	#admincreateuserform .select .lblCreateAccount1{
		margin-left:0px;
	}
}

.noPadding {
	padding-right: 15px !important;
	padding-left: 0px !important;
}

.noMargin {
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding: 0 10px;
}

.viewimagestyle {
	height: auto;
	max-width:200px;
}

.viewpagecart #addtocartbtn {
	display: block;
	width: 100%;
}

.share_header {
	background-color: #444;
	position: relative;
}

.share_header h4 {
	letter-spacing: 1px;
	margin-left: 40px;
	color: orange;
	font-weight: 100;
	font-size: 16px;
	text-transform: uppercase;
}

#coursecontents{
	margin-bottom:20px;
}

.displayRecommendcourse{
  	display: none;
	width: 100%;
  }

  .displayRecommendcourse:first-of-type {
	display: block;
}

#dynamiccourse{
	width:100%;
	position:relative;
}

li#nexticon {
	cursor: pointer;
}

li#previcon {
	cursor: pointer;
}

.displayRecommendcourse .course_wrap {
 	margin-bottom: 10px;
}

.displayRecommendcourse .course_wrap * {
 	max-width:100%;
}

ul.RecommendCourses_ul{
	width:268px;
}

.course_text_height{
	height:auto;
	min-height:50px;
}

/*****************************END OF VIEW COURSE *****************/

/*************************View Cart Page **************************/

form#CartViewForm {
	text-align: center;
}

.tdheadclass {
	font-size: 16px;
	font-weight: bold;
	color: gray;
}

.ViewCartButtons div{
	min-width:140px;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.btn-cartupdate,.btn-cartupdate:active, .btn-cartupdate:focus, .btn-cartupdate:hover {
	color: #fff;
	padding: 37x 15px;
	border-radius: 0px;
	width: 140px;
}

.btn-cartmanualpay, .btn-cartmanualpay:hover, .btn-cartmanualpay:focus, .btn-cartmanualpay:active,
.btn-cartcheckout, .btn-cartcheckout:hover, .btn-cartcheckout:focus, .btn-cartcheckout:active{
	color: #fff;
	border-radius: 0px;
	min-width:140px;
}

.coursequantity_align input[type=text]{
	text-align:center;
}

/********************End of View Cart Page ************************/

/**********************  Course Payment Page ****************************************************/

.authorize_credit_card_images img, .clickandpledge_credit_card_images img {
    height:40px;
    width:70px;
    margin-right:5px;
}

.credit_card_images img{
    height:30px;
    margin-right:5px;
}

.credit_card_images {
   max-height: 60px;
}

@media only screen and (max-width: 844px) {
   .credit_card_images {
       text-align : center;
    }

    .authorize_credit_card_images img, .clickandpledge_credit_card_images img, .credit_card_images img{
	    height:35px;
	    margin-right:5px;
    }
}

.right-inner-addon{
	position:relative;
}
.right-inner-addon input{
	padding-right:30px;
}

.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
    margin-top: 22px;
}

/**********************  End of Course Payment Page *********************************************/

/********************  Store Signup Page ***********************/

.storenameinput {
	size: 28;
	color: gray;
	font-size: 22px;
	border-radius: 0px;
}

.storenamesubmit {
	border: medium none;
	font-size: 18px;
	margin-top: 0px;
	width: 170px;
	height: 40px;
}

.displayproperty1 {
	display: none;
	position: fixed;
	top: 5%;
	left: 18%;
	width: 50%;
	min-height: 15%;
	max-height: 70%;
	padding: 1px;
	border: 1px solid transparent;
	background-color: transparent;
	z-index: 1002;
	opacity: .85;
}

.passwordstrength {
	position: fixed;
    right: 0;
    top: 34%;
    width: 35%;
    z-index: 9999;
}

.closeSignupForm:hover {
	cursor: pointer;
}

/*********************   END   *********************************/

/**********************  Admin Header *************************/

ul.adminheadernav li {
	list-style: none;
}

ul.adminheadernav>li {
	float: left;
	position: relative;
}

ul.adminheadernav a {
	padding: 8px 13px;
	color: white;
	font-size:16px;
	display: block;
  	line-height: 30px;
}

.paddingleft20{
	padding-left:20px;
}

#rightside{
	margin:6px;
}

/**********************End of Admin Header *********************/

/************************ Theme Designer **************************/

.accountsetuppadding {
	padding-right: 0px;
}

ul.accountsetupsidenav {
	padding: 0;
}

ul.accountsetupsidenav li {
	list-style: none;
	line-height: 30px;
	font-size: 16px;
}

ul.accountsetupsidenav li a {
	display: block;
  width: 100%;
}

ul.accountsetupsidenav li a:hover {
	text-decoration: none;
}

ul.accountsetupsidenav li a i {
	font-size: 16px !important;
	width: 17px;
  text-align: center;
}

ul.accountsetupsidenav li a img {
	width: 30px;
	height: 30px;
}

.panel-default>.pannelheadingtitle {
	background-color: rgba(58,58,58,0.58) !important;
}

.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e082";
	float: right;
	color: #fff;
}

.panel-heading a.collapsed:after {
	content: "\e081";
}

.pannelheadingtitle>.panel-title a {
	color: #fff;
	text-decoration: none;
}

.themedesignsubmit {
	color: #fff !important;
	width: 140px !important;
}

.themedesignpreview {
	background-color: #FF7519 !important;
	border-color: #FF7519 !important;
}

.themedesignpreview:hover,.themedesignpreview:active,.themedesignpreview:focus,.themedesignpreview:focus:hover
	{
	background-color: #FF7519 !important;
	border-color: #FF7519 !important;
	color: #fff !important;
}

.themedesignsave {
	background-color: #00CC00 !important;
	border-color: #00CC00 !important;
}

.themedesignsave:hover,.themedesignsave:active,.themedesignsave:focus,.themedesignsave:focus:hover
	{
	background-color: #00CC00 !important;
	border-color: #00CC00 !important;
	color: #fff !important;
}

.themedesigncancel {
	background-color: #3A3A3A !important;
	border-color: #194A46 !important;
}

.themedesigncancel:hover,.themedesigncancel:active,.themedesigncancel:focus,.themedesigncancel:focus:hover
	{
	background-color: #3A3A3A !important;
	border-color: #808080 !important;
	color: #fff !important;
}

.logo-display {
	display: flex;
	max-width: 100%;
	justify-content: center;
}

.banner-display {
	text-align: center;
	margin-top: 15px;
}

#logoimg, #rosterlogoimg {
	max-height: 200px;
	max-width: 100%;
}

#bannerimg {
	width: 100%;
}

#editorclass .btn-group {
	margin-left: 4px;
}

#editor {
	overflow: scroll;
	height: 280px;
	margin-top: 10px;
	background-color: #fff;
}

#editorhtml {
	overflow: scroll;
	height: 280px;
	margin-top: 10px;
	background-color: #fff;
	display: none;
}

#viewsourcehtml:active {
	background-color: #31b0d5;
	border-color: #46b8da;
}

.floatposition {
	float: left;
}

.marginposition {
	margin-left: 15px;
}

.floatposition input.form-control {
	width: 50%;
}

#themeform {
	margin-top: 0 !important;
}

#btnsaveallchanges {
  width: auto;
  height: 35px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
  float: right;
  margin-right:7px;
}

/*************************End of Theme Designer *******************/

/*************************Plan Settings Page ************************/

#PlanContentdiv {
	margin-top:5px;
	padding-bottom: 4%;
}

#planfeaturesdiv {
	height: 250px;
}

#planfeaturesdiv ul {
	list-style-type: none;
	text-align: left;
	margin-left:-10%;
	padding-top: 15px;
}

.paymentimg {
	width: 120px;
	height: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#displaypaypalonradioclick {
	display: none;
}

#paypalimage {
	width: 150px;
}

.editplandiv {
	height: 30px;
	line-height: 30px;
	margin-right: 2%;
	border-radius: 3px;
	width: 25%;
	float: left;
	text-align: center;
}

#btnconfirmchange {
	background-color: #00CC00;
	border-color: #00CC00;
	color: #fff;
	padding: 3px 15px;
	border-radius: 0px;
	width: 250px;
}

/*********************End of Plan Settings Page ********************/

/*************************Course Reports Page ************************/

#CourseReportContentdiv {
	background-color: #E6E6E6;
	padding-bottom: 4%;
}

/*********************End of Plan Settings Page ********************/

/********************** Payment History under Account Setup ********************/

table.invoicehistory_table th,table.invoicehistory_table td {
	text-align:center;
}

/*********************  End of Payment History ********************************/

/*********************Envisiontel pages********************/

.adminslink{
	margin-right:10px;
	width:100%;
}

#searchclients::-webkit-input-placeholder {
   font-style: italic;
}

#searchclients:-moz-placeholder {
   font-style: italic;
}

#searchclients::-moz-placeholder {
   font-style: italic;
}

#searchclients:-ms-input-placeholder {
   font-style: italic;
}

 #EditClientModal{
	top:5%;
}

#EditClientModal input[type=text]{
	width:70%;
	display: inline-block;
}

#EditClientModal label{
	width:30%;
}

#EditClientModal label#clientplanlabel{
	width:100%;
}

.envsiontel_top_links a{
  color: white;
  font-weight: bold;
}

.envsiontel_top_links >li> a:focus, .envsiontel_top_links>li> a:hover{
	background-color:#285e8e;
}

.envsiontel_top_links li.active{
	background-color:#285e8e;
}

#Planlisttable td{
	width:30%;
}
#Planlisttable td:last-of-type{
	width:10%;
}

#EditPlanModal{
	top:25%;
}
#EditPlanModal .modal-dialog{
	width:320px;
}

#EditPlanModal .modal-body label{
	display:block;
}

/***********************End of Envsiontel*****************/

/********************* Admin Panel Users and Groups*****************/

#PlanContentdiv h3{
	margin-top:0px !important;
}

.displayuser{
	display: none;
	position: fixed;
	top: 25%;
	left: 37%;
	height:360px;
	padding: 1px;
	border: 1px solid gray;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.displayuser_top{
	margin-top:2px;
	background-color:gainsboro;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
}

.cross_displayuser{
	text-decoration:none;
	float:right;
}

.Admin_EditUserForm label{
	display:flex;
}

.displayAdminRole{
	display:none;
}

.admin_createaccountform label {
	color: #3A3A3A;
	width: 30%;
	text-align: left;
	word-wrap: break-word;
}

.admin_lblcreateaccount {
	width: 60%;
	margin-left: 3%;
}

.admin_createaccountsubmit {
	background-color: #3277B3;
	color: #fff;
	padding: 3px 15px;
	border-radius: 0px;
	border-color: #3277B3;
}

.admin_createaccountcancel {
	padding: 3px 15px;
	border-radius: 0px;
}

.admin_createaccountsubmit:hover,.admin_createaccountsubmit:active,.admin_createaccountsubmit:focus,.admin_createaccountsubmit:focus:hover
	{
	background-color: #3277B3;
	color: #fff;
}

/****************** End of Users link *********************/

/********************* Account Profile Page *****************/

.accountprofileform label{
	color: #3A3A3A;
  	width: 23%;
  	text-align: left;
  	vertical-align: top;
  	float:left;
}

#editBillingDetail {
  text-transform: capitalize;
}

.lblAccountProfile{
	width: 55%;
  	padding: 4px 5px;
}

#btnmanagecoursesubmit {
  width: 150px;
}

#courseupdatedMessage{
	margin-top:10px;
	width: 100%;
}

#btnaccountprofile{
	border-radius:0px;
	margin-left:7px;
}

#accountprofileform #selStates, #selCountries {
  display: inline-block;
  width: 54%;
}
.inputWithMessage{
	display:inline-block;
	padding:0px;
}
.inputWithMessage *{
	width:100%;
}
.inputWithMessage div{
	font-style:italic;
	padding-top:3px;
}

/*********************End of Account Profile Page ************/

/**********************COMMERCE Coupons Code ******************/

legend.legendStyle {
	padding-left: 5px;
	padding-right: 5px;
}

fieldset.fsStyle {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 5px;
}

fieldset.mappingFieldset {
	float:left;
	display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove;
}
legend.legendStyle {
	font-size: 90%;
	color: #888888;
	background-color: transparent;
	font-weight: bold;
	margin-bottom:0px;
}

legend {
	width: auto;
	border-bottom: 0px;
}

.divcodePanel{
	display:none;
	margin-top:15px;
}

.divcodePanel label{
	display:block;
}

.divDiscountRulePanel{
	display:none;
	margin-top:15px;
}

.divDiscountRulePanel label{
	display:block;
}

.lblcode_description{
	width:75%;
}

.newline{
	clear: left;
}

.discount_amount_type{
	margin-left:10px;
}

#coupon_expire_radios label, #coupon_maintainbal_radios label{
	display:inline-block;
	margin-right:15px;
}

#coupon_noofuses,#discount_amount, #edit_coupon_noofuses,#edit_discount_amount{
	height:34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

ul.coupons_ul li{
	padding-left:0px;
	padding-right:0px;
}

.displayCouponSet{
  display: none;
  position: fixed;
  top: 25%;
  left: 37%;
  min-height: 220px;
  padding: 1px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.displayCouponSet_top{
  margin-top: 2px;
  background-color: gainsboro;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
}

.cross_displayCode{
	text-decoration: none;
	float: right;
}

.displayCouponSet label{
	display:flex;
}

#couponFormbuttons div.submit, #EditCodeGroupButtons div.submit, .inline-block {
	display:inline-block;
}

.displayDeleteCouponSet{
  display: none;
  position: fixed;
  top: 25%;
  left: 37%;
  height: 200px;
  padding: 1px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.cross_displayCodeGroup{
	text-decoration:none;
	float:right;
}

.displayExpireCouponSet, .displayActivateCouponSet{
  display: none;
  position: fixed;
  top: 25%;
  left: 37%;
  height: 200px;
  padding: 1px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.displayExportCouponSet{
  display: none;
  position: fixed;
  top: 25%;
  left: 37%;
  height: 240px;
  padding: 1px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.cross_displayExpireCodeGroup, .cross_displayExportCodeGroup, .cross_displayActivateCodeGroup{
	text-decoration:none;
	float:right;
}

#fsEditCodesGroup{
	display:none;
}

#EditCouponGroup_div label{
	display:flex;
}

#edit_coupon_expire_radios label, #edit_coupon_maintainbal_radios label{
	display:inline-block;
	margin-right:15px;
}

/**********************End of COMMERCE Coupons Code *************/

/************************ COMMERCE Taxes *********************************************/

#EditTaxSettingsModal{
	top:10%;
}

#EditTaxSettingsModal div.submit{
	display:inline-block;
}

#DeleteTaxModal div.submit{
	display:inline-block;
}

/************************ End of COMMERCE Taxes **************************************/

/******************************Successpage Page ********************/

div.flash_success_msg {
	border-color: #009900;
	background-color: #ccffcc;
}

div.flashmsg {
	border-width: 2px;
	border-style: solid;
	padding: 10px;
	margin-bottom: 1em;
}

#subscription_response {
	border: 1px solid;
}

/***************************End of Successpage Page ****************/

/*************************** All courses, view course, mycourses Share box **********************/

form#FrameSize{
	margin-top: 0px;
}

form#FrameSize label{
	font-weight:500;
}

form#FrameSize .framesize_select{
	margin-left:3%;
}

form#FrameSize textarea{
	width:100%;
}

/*************************** End All courses, view course, mycourses Share box **********************/

/******************************  Manage Users at front end *****************************************/

#EditUserModal div.submit{
	display: inline-block;
}

#old_plugin_alert {
	margin-top: 2%;
}
/******************************* End of Manage Users at front end *******************************/

/****************************Additional *******************************/

.flashsuccessmessage {
	color: green;
}

.noMargin1 {
	margin-left: 0px;
	margin-right: 0px;
}

/************************** End **********************************/

/************************** Media queries **************************/

@media only screen and (max-width: 760px) {

	ul.headermenu {
		margin: 0 -15px 0 -15px !important;
	}

	.headertextalignstyle {
		position: absolute;
		bottom: 0;
		right: 15px;
	}

	.searchcartembed {
		position: absolute;
		top: -15px;
		left: 20px;
		padding: 20px;
		opacity: 1;
	}

	ul.headermenu li.grayclassheaderlink a:hover .searchcartembed {
		left: 20px;
	}

	.searchcartembed #searchform input {
		width: 100% !important;
	}

	.navbar-fixed-top {
		text-align: center;
	}

	.logoimage {
		float: none;
	}

	.lblAccountProfile{
		width: 85%;
	}

	.accountprofileform label{
	  width: 100%;
	  text-align: left;
	}

	#selStates, #selCountries{
		width:85%;
	}

	.course_text_height{
		min-height:50px;
	}

}

@media only screen and (max-width: 500px) {

	.createaccountsubmit1 {
	    margin-left: -15%;
	}

	.createaccountdiv a {
		font-size: 13.4px;
	}

	ul.headermenu {
		height: auto;
	}

	ul.headermenu>li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	ul.headermenu a {
		text-decoration: none;
	}

	ul.headermenu ul {
		position: relative;
	}

	.createaccountform label {
		width: 90%;
		text-align: left;
	}

	.lblCreateAccount1 {
		width: 100%;
		margin-left: 0;
	}

	.createaccountcancel1 {
		margin-left: -35%;
		padding: 3px 10px;
	}

	.displayproperty {
		width: 90%;
		left: 5%;
	}

	.borderstyle {
		min-height: 175px;
	}

	.displayproperty1 {
		width: 90%;
		left: 5%;
	}

	#btnconfirmchange {
		width: 200px;
	}

	.mycourse_textpos {
		text-align: center;
	}

	.displayuser{
		left:-1%;
	}
}

@media only screen and (min-width: 501px) and (max-width: 760px) {

	ul.headermenu {
		height: auto;
	}

	ul.headermenu>li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	ul.headermenu a {
		text-decoration: none;
	}

	ul.headermenu ul {
		position: relative;
	}

	.headertextalignstyle {
		margin-top: 2%;
	}

	.createaccountform label {
		color: #979797;
		width: 80%;
		text-align: left;
	}

	.lblCreateAccount1 {
		width: 80%;
		margin-left: 0;
	}

	.displayproperty {
		width: 70%;
		left: 15%;
	}

	.displayproperty1 {
		width: 70%;
		left: 15%;
	}

	.mycourse_textpos {
		text-align: center;
	}

	.displayuser{
		left:-1%;
	}

}

@media only screen and (min-width:0) and (max-width:759px) {

	.footer_social {
		text-align: center;
	}

	.footer_social p {
		display: none !important;
	}

	.footer_store,.footer_copy {
		padding-bottom: 20px;
	}

	.footer_store {
		text-align: center !important;
	}

}

@media only screen and (min-width:760px) and (max-width:980px) {

	.createaccountform label {
		width: 35%;
	}

	.createaccountsubmit1 {
		padding: 3px 10px;
	}

	.createanaccountbuttons {
		margin-left: 2%;
	}

	.headertextalignviewcartdiv {
		padding-left: 0px;
		padding-right: 0px;
	}

	.headerembedimagediv {
		padding-left: 0px;
		padding-right: 3px;
	}

	.formcontrolcustom {
		font-size: 10px;
		padding: 6px 0;
		width: 100px !important;
	}

	.displayproperty {
		width: 40%;
		left: 30%;
		top: 20%;
	}

	.borderstyle {
		min-height: 190px;
	}

	.divheight {
		min-height: 225px;
	}

	.footer_social{
	 	padding-left: 5%;
	}

}

@media only screen and (min-width:980px) and (max-width:991px) {

	.formcontrolcustom {
		font-size: 10px;
		padding: 6px 0;
		width: 143px !important;
	}

	.borderstyle {
		min-height: 180px;
	}

}

@media only screen and (min-width:992px) and (max-width:1198px) {

	.createanaccountbuttons {
		margin-left: 2%;
	}

	.displayproperty {
		width: 30%;
		left: 30%;
		top: 20%;
	}

	.formcontrolcustom {
		width: 160px !important;
	}

	.divheight {
		min-height: 230px;
		max-height: 500px;
	}

	.borderstyle {
		min-height: 190px;
	}

	.footer_social{
	 	padding-left: 5%;
	}

}

@media only screen and (min-width:1200px) {

	.createanaccountbuttons {
		margin-left: 2%;
	}

}

@media only screen and (min-width:1320px) {

	.maxresponsive {
		margin-left: auto;
		margin-right: auto;
	}

}

/*********************END OF MEDIA QUERIES ************************/

/*************************************Moodle setting *********/

.moodleform {
	padding-top: 5%;
}

.moodleform label {
	color: #3A3A3A;
	width: 30%;
	text-align: left;
}

.lblmoodle {
	width: 40%;
}

.ui-sortable {
  clear: both;
  margin-left: 0 !important;
  overflow: hidden;
  padding-left: 0;
  list-style: none;
}

.moodlesubmit {
	color: #fff;
	width: 100%;
}

#CartViewForm table h4{
	margin-top:0px;
}

#courses-data-table{
	background-color:#8DBDD8;
}

.modal-footer .submit {
  display: inline;
}

.paginate_button.next.disabled{
	color:#007AB9 !important;
}

.dataTables_wrapper .current{
	background: linear-gradient(to bottom, #8DD1F5 0%, #8DD1F5 100%) !important;
}

.viewstore{
	display:block;
	width: 120px;
	background-color:#007ab9;
	text-align:center;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	margin: 0px 0 0 0;
	color:white;
	border: 1px solid #fff;
	text-decoration: none;
}

#courses-data-table_wrapper table.dataTable, table.dataTable th, table.dataTable td{
	border:1px solid #666;
}

.dataTables_filter input[type=search] {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 2px;
}

.moodlecancel {
	padding: 3px 15px;
	border-radius: 0px;
}

.moodlesubmit:hover,.moodlesubmit:active,.moodlesubmit:focus,.moodlesubmit:focus:hover {
	color: #fff;
}

.bubble {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 3px solid rgb(127, 127, 127);
    border-radius: 5px 30px 0;
}

.pointer {
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FFFFFF;
	z-index: 1;
	left: -10px;
	top: 2px;
}

.pointerBorder {
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 12px 0;
	border-color: transparent #7F7F7F;
	z-index: 0;
	left: -15px;
	top: 0px;
}

.moodle-link {
	font-weight:bold;
	margin-bottom:20px;
}

.moodle-status {
	margin-top:10px !important;
	color: darkred;
	margin-left:10px;
}

/*********************************END of Moodle setting *******/

/************************************* Manage Courses *********/
/************************************* Course settings *********/

.input-detail{
	font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.mcarea {
	width: 100%;
	overflow: hidden;
}

.mcbdr {
	border-bottom: 1px solid #666;
	padding: 10px 0px;
}

.mcbdr {
	text-align: center;
}

.mctext {
	padding: 10px 0px;
}

.mctags {
	margin: auto;
}

.mcfile {
	padding: 15px 0px;
}

#iconName1 label a, #iconName2 label a, #iconName3 label a{
	font-weight:normal;
}

.mctags textarea {
	width: 80%;
	border: 1px solid #666;
}

.mcslide label {
	color: #000;
	font-weight: normal;
	float: left;
}

.mcslide input[type="text"] {
	color: #000;
	font-weight: normal;
	border: 1px solid #666;
}

.mctext {
	color: #666;
	text-align: center;
}

.mctext:hover {
	background-color: #FFC153;
}

.mcmargin {
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}

.mcslide {
	width: 100%;
	background-color: #ccc;
	border: 1px solid #666;
	text-align: center;
	display: none;
	color: #fff;
	padding-top: 30px;
	text-transform: capitalization;
	font-family: arial;
}

.managecourseform {
	padding-top: 5%;
	padding-bottom: 10%;
	margin-bottom: 4%;
}

.managecourseform label {
	text-align: right;
}

.chkmanagecourse {

}

.managecoursetags {
	width: 190px ;
}

.textmanagecourse {
	width: 85px;
	margin-right: 8%;
}

.managecoursesubmit {
	background-color: #3277B3;
	color: #fff;
	padding: 3px 15px;
	border-radius: 0px;
	border-color: #3277B3;
	width: 80%;
	float: right;
}

.managecoursecancel {
	padding: 3px 15px;
	border-radius: 0px;
}

.managecoursesubmit:hover,.managecoursesubmit:active,.managecoursesubmit:focus,.managecoursesubmit:focus:hover{
	background-color: #3277B3;
	color: #fff;
}

.flasherror {
	color: red;
	text-align: center;
	padding-bottom: 2%;
}

.forgot .flashsuccess {
  	width: 45% !important;
}

.flashsuccess {
  background-color: green;
  border-radius: 5px;
  color: #fff;
  margin: auto auto 10px;
  padding: 5px;
  text-align: center;
  width: 100%;
}

#uploadimagesizetooltip {
	font-size: 2em !important;
	margin-left: 10px;
}

#active_check_div {
	font-weight: bold;
}

#courses-data-table_filter {
	margin-top: 0%;
}

.dt-buttons {
	margin-top: -3%;
}

#courses-data-table {
	margin-top: 2%;
}

.loc-inst-list{
	max-width:95%;
}

#MyProgramsCourseSettingsForm {
    margin-bottom: 12px;
}

#MyProgramsCourseSettingsForm label{
	padding: 0px 5px 5px 0px;
}

.save-course-settings-button{
    margin: 8px 0px;
    background-color: #6C8AF7;
    color: white;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 15px;
}

/************************************* Tags *********/

.tagscontent {
	padding: 20px;
}

.tagscontent h1 {
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
}

.tagscontent h2 {
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
	margin: 0 0 20px;
}

.tagscontent p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0 0 20px;
}

.tagscontent p:last-child {
	margin: 0;
}

.tagscontent a.button {
	display: inline-block;
	padding: 10px 20px;
	background: #ff0;
	color: #000;
	text-decoration: none;
}

.tagscontent a.button:hover {
	background: #000;
	color: #ff0;
}

.tagscontent.title {
	position: relative;
	background: none;
	border: 2px dashed #333;
}

.tagscontent.title h1 span.demo {
	display: inline-block;
	font-size: .5em;
	padding: 5px 10px;
	background: #000;
	color: #fff;
	vertical-align: top;
	margin: 7px 0 0;
}

.tagscontent.title .back-to-article {
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.tagscontent.title .back-to-article a {
	padding: 10px 20px;
	background: #f60;
	color: #fff;
	text-decoration: none;
}

.tagscontent.title .back-to-article a:hover {
	background: #f90;
}

.tagscontent.title .back-to-article a i {
	margin-left: 5px;
}

.tagscontent.black {
	background: #000;
}

.tagscontent.black p {
	color: #999;
}

.tagscontent.black p a {
	color: #08c;
}

.tagsaccordion-container {
	width: 100% !important;
	margin: 0 0 20px;
	clear: both;
}

.tagsaccordion-toggle {
	position: relative;
	display: block;
	padding: 7px;
	font-size: 16px;
	padding-left: 47px;
	font-weight: 300;
	text-decoration: none;
}

.tagsaccordion-toggle:nth-child(1) {
	border-radius: 5px 5px 0 0;
}

div.sortbytags a:last-of-type {
	border-radius: 0 0 5px 5px !important;
}

.tagsaccordion-toggle:hover, .hoverbg:hover {
	background: #666;
	color: #e6e6e6!important;
	text-decoration: none;
}

.tagsaccordion-toggle:focus {
	color: auto;
	text-decoration: none;
}

.tagsaccordion-toggle span.toggle-icon {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 1.5em;
	cursor:pointer;
}

.tagsaccordion-content {
	display: none;
	padding: -1px 20px 20px !important;
	overflow: auto;
}

div.sortbytags .tagsaccordion-content:last-of-type {
	border-radius: 0 0 5px 5px;
	margin-top: -3px;
	padding: -1px 20px 20px !important;
}

.tagsaccordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	max-width: 100%;
	height: auto;
}

.tagstextbox {
	width: 100%;
	overflow: hidden;
}

.tagstextbox input[type="text"] {
	float: left;
	font-size: 18px;
	padding: 5px 10px;
}

.tagstextbox input[type="submit"] {
	margin-left: 5px;
	border: none;
	color: #fff;
	padding: 7px 30px;
	font-weight: normal;
	text-transform: capitalize;
}

.tagstextbox input[type="button"] {
	margin-left: 5px;
	border: none;
	color: #fff;
	padding: 7px 30px;
	font-weight: normal;
	text-transform: capitalize;
}

#tagseditform > input[type="button"] {
	margin-top: 5px;
	background-color: #e46c0a;
	border: none;
	color: #fff;
	padding: 5px 20px;
	font-weight: normal;
	text-transform: capitalize;
}

.tagsaccordion-tagoperation {
	min-height: 50px;
	background-color: #ccc;
	border: 1px solid #ccc;
}

#tagsplace {
	width: 80%;
}

.tagslist {
	padding: 5px;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	margin: 5px;
}

.tagslist.open {
	background: #d5d581;
	color: #666;
	margin-top: 5px;
}

.tagslist:hover {
	background: #d5d581;
}

/* media query for mobile */
@media ( max-width : 767px) {

	.tagscontent {
		width: auto;
	}

	.tagsaccordion-content {
		padding: 10px 0;
		overflow: inherit;
	}

}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

#edittags input[type="text"] {
	width: 90%;
	padding: 5px;
}

.fancybox-inner {
	height: auto !important;
}

#edittags input[type="submit"] {
	background-color: #e46c0a;
	margin-top: 10px;
	border: none;
	color: #fff;
	padding: 5px 10px;
	font-weight: normal;
	text-transform: capitalize;
	font-family: arial;
}

.required-enrolls label {
	  margin-left: 1%;
	  margin-right: 1%;
}

#cart_table{

}

/********************************* Bulk Update *******/

div#bulkcontainer, div.content-container {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color:#eee;
}




.mcarea {
	width: 100%;
	overflow: hidden;
}

.mcbdr {
	border-bottom: 1px solid #666;
	padding: 10px 0px;
}

.mcbdr {
	text-align: center;
}

.mctext {
	padding: 10px 0px;
}

.mctags {
	margin: auto;
}

.mcfile {
	padding: 15px 0px;
}

.mctags textarea {
	width: 80%;
	border: 1px solid #666;
}

.mcslide label {
	color: #000;
	font-weight: normal;
	float: left;
}

.mcslide input[type="text"] {
	color: #000;
	font-weight: normal;
	border: 1px solid #666;
}

.mctext {
	color: #666;
	text-align: center;
}

.mctext:hover {
	background-color: #FFC153;
}

.mcmargin {
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}

.mcslide {
	width: 100%;
	background-color: #ccc;
	border: 1px solid #666;
	text-align: center;
	display: none;
	color: #fff;
	padding-top: 30px;
	text-transform: capitalization;
	font-family: arial;
}

.managecourseform {
	padding-top: 5%;
	padding-bottom: 10%;
	margin-bottom: 4%;
}

.managecourseform label {
	text-align: right;
}

.chkmanagecourse {

}

.managecoursetags {
	width: 190px ;
}

.textmanagecourse {
	width: 85px;
	margin-right: 8%;
}

.managecoursesubmit {
	background-color: #3277B3;
	color: #fff;
	padding: 3px 15px;
	border-radius: 0px;
	border-color: #3277B3;
	width: 80%;
	float: right;
}

.managecoursecancel {
	padding: 3px 15px;
	border-radius: 0px;
}

.managecoursesubmit:hover,.managecoursesubmit:active,.managecoursesubmit:focus,.managecoursesubmit:focus:hover{
	background-color: #3277B3;
	color: #fff;
}

.flasherror {
	color: red;
	text-align: center;
	padding-bottom: 2%;
}

.forgot .flashsuccess {
	width: 45% !important;
}

.flashsuccess {
	background-color: green;
	border-radius: 5px;
	color: #fff;
	margin: auto auto 10px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

#uploadimagesizetooltip {
	font-size: 2em !important;
	margin-left: 10px;
}

#active_check_div {
	font-weight: bold;
}

#courses-data-table_filter {
	margin-top: 0%;
}

.dt-buttons {
	margin-top: -3%;
}

#courses-data-table {
	margin-top: 2%;
}

#classRosterReportForm{
	display:none;
}
#classRosterReportForm input[type='checkbox']{
	margin-right:3px;
}
#classRosterReportForm form{
	margin:0px 0px 20px 5%;
}
#classRosterReportForm label{
	display:block;
	margin-bottom:0px;
}

/********************************* END of Manage Courses *******/

/*******************************All Courses*******************/

.all-courses-scrolling-img {
	padding: 10px 0px;
}

.all-courses-scrolling-img img {
	max-width:100%;
}

.acwrapper {
	width: 98%;
	margin: auto;
	overflow: hidden;
	padding: 0px 0px;
	max-width: 1310px;
}

.accontent {
	border-bottom: 1px solid #ccc;
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
}

.acwrapper>.col-md-9 {

}

.actg {
	float: left;
	padding: 5px 10px 0px 0px;
	background-color: #ffecff;
	width: 100%;
}

.act {
	float: left;
	padding: 5px 10px 0px 0px;
}

.accheck1 {
	float: left;
	margin-top: 8px;
}

.acfilter {
	margin-top: 10px;
	overflow: hidden;

	display: inline;
}

.acfilter b {
	padding: 10px 0px;
	float: left;
	color: #666;
}

.actag {
	padding-top: 3px;
	float: left;
	margin-left: 0px;
}

.acsort {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 1em;
	padding: 5px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 80%;
	float: right;
}

.acrow>img {
	width: 100%;
	border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
}

.acbtn-success {
	background-color: #72ad43;
	border: medium none;
}

.acbtn-success:hover {
	color: #fff;
	text-decoration: underline;
}

.accourse>.row {
	padding: 0px 12px;
}

.accourse img {
	border-radius: 3px !important;
	margin-bottom: 5px;
}

.fa-star, .fa-star-half-o, .fa-star-o {
	font-size: 1.2em !important;
}

.actitle h4 {
	font-weight: bold;
	color: #007AB9;
	padding: 0 0 0px;
	margin-top: 0;
}

.actitle p {
	text-align: left;
	clear: both;
  	padding-top: 10px;
  	display: block;
}

.acprice h2 {
	float: right;
	color: #666666;
	margin-top: 0px;
	text-align: right;
	width: 100%;
}

.acprice {
	float: right;
}

.acprice span {
	float: right;
}

.accart_info {
	bottom: 0;
	float: right;
	clear: both;
	margin-top: 16px;
	min-height:50px;
}

.accart_info a {
	padding: 15px;
	color: #fff;
	text-align: center;
	width: 100%;
	float: left;
	border-radius:2px;
	text-decoration: none;
}

.acshare {
	background-color: #7e7e7e;
}

.allCourses h4 {
	float: left;
	margin-bottom: 0;
}

.allCourses h2 {
	float: right;
	margin: -31px 0 0;
}

.acshare {
	margin-right: 10px;
}

.ac-id-number{
    font-size: 13px;
    color: gray;
    font-weight: 400;
    padding-left: 2px;
    clear:left;
    padding-top:2px;
}

.social_media_links {
	padding-left: 30%;
	top:20px;
	display:none;
}
.social_media_links a{
	float:left;
	text-align: center;
	padding: 10px;
}

.learn_more_link{
	width: 125px;
    display: inline-block;
}

/*******************************END OF All Courses************/

/*******************************Featured Courses************/

.overlay {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	background-color: #aaaaaa;
	opacity: 0.85;
	filter: alpha(opacity = 60); /* For IE8 and earlier */
}

.box {
	position: fixed;
	top: -200px;
	left: 40%;
	padding: 20px;
	z-index: 101;
}

.box h3 {
  background-color: #ffefef;
  border: 2px solid #3A3A3A;
  color: #3A3A3A;
  font-size: 15px;
  padding: 23px 10px;
  text-align: center;
}

/*******************************END OF Featured Courses************/

/*******************************Change password************/

.changepasswordform {
	padding-top: 5%;
	padding-bottom: 10%;
	margin-bottom: 4%;
}

.changepasswordform label {
	color: #666;
	width: 30% !important;
	text-align: left;word-wrap: break-word;
}

.chngpswrdsubmit {
	color: #fff;
	border-color: #3277B3;
}

.chngpswrdcancel {
	padding: 3px 15px;
	border-radius: 0px;
}

.chngpswrdsubmit:hover,.chngpswrdsubmit:active,.chngpswrdsubmit:focus,.chngpswrdsubmit:focus:hover{
	color: #fff;
}

.boxChangePassword {
    margin-right: 8%;
    width: 60%;
    float: right;
}

#passwordStrength
{
	height:10px;
	display:inline-block;
}

.strength1{
	width:50px;
	background:#ff0000;
}

.strength2{
	width:100px;
	background:#ff5f5f;
}

.strength3{
	width:150px;
	background:#efeea3;
}

.strength4{
	background:yellow;
	width:200px;
}

.strength5{
	background:#399800;
	width:250px;
}

/*******************************END OF Change password************/

/*******************************Payment settings************/

.paypalform, .authorizenetform {
	margin-bottom: 4%;
}

.paypalform label, .authorizenetform label {
	width: 25%;
	text-align: left;
}

.lblpaypal, .lblauthorizenet, .lblsquare, .lblpayflow,.lbleway, .lblstripe{
	width: 67%;
	margin-left: 3%; float:right;
}

.paypalsubmit:hover,.paypalsubmit:active,.paypalsubmit:focus,.paypalsubmit:focus:hover,.authorizenetsubmit:hover,.authorizenetsubmit:active,.authorizenetsubmit:focus,.authorizenetsubmit:focus:hover {
	color: #fff;
}

/*******************************END OF Payment settings************/

/*******************************Checkout Settings************/

.checkoutcreateac{
	background-color: #3277B3;
	color: #fff;
	border-color: #3277B3;
}

.footer_store {
  float: left;
  text-align: left;
}

.checkoutcreateac:hover,.checkoutcreateac:active,.checkoutcreateac:focus,.checkoutcreateac:focus:hover{
	background-color: #3277B3;
	color: #fff;
}

#btnLoginCheckout {
	border-radius: 0px;
	background-color: #72AD43;
	border-color: #4e9318;
	padding: 0;
}

#enrollment_buttons a{
	width:100%;
}

#searchpendingpayments::-webkit-input-placeholder {
   font-style: italic;
}

#searchpendingpayments:-moz-placeholder {
   font-style: italic;
}

#searchpendingpayments::-moz-placeholder {
   font-style: italic;
}

#searchpendingpayments:-ms-input-placeholder {
   font-style: italic;
}

#CheckoutModal{
	top:25%;
}
#reportsToMoodleModal{
	top:25%;
}
.noteOnCheckbox {
	color: #0000ff;
	font-size: 12px;
}
.checkout-buttons-container{
	text-align:center;
}
.checkout-buttons-container button {
    width: auto;
    min-width: 140px;
}
.invoice-button-text-form{
	padding-bottom: 15px;
}
.invoice-button-text-form > div > * {
    display: inline-block;
}
.invoice-button-text-form input{
	max-width: 270px;
    margin-left: 5px;
}

/*******************************END OF Checkout Settings************/

/*******************************General Settings************/

.gnrlsettngsubmit {
	color: #fff;
	padding: 3px 15px;
	border-radius: 0px;
	float: right;
	padding: 10px 40px;
}

.gnrlsettngsubmit:hover,.gnrlsettngsubmit:active,.gnrlsettngsubmit:focus,.gnrlsettngsubmit:focus:hover {
	color: #fff;
}

.popupbox {
    left: 15%;
    padding: 20px;
    position: fixed;
    right: 15%;
    z-index: 101;
}

#ppeditor, #rpeditor, #toueditor, #ppeditorhtml, #rpeditorhtml, #toueditorhtml {
	overflow: auto;
	height: 220px;
	margin-top: 10px;
	background-color: #fff;
}

#ppeditorclass .btn-group, #rpeditorclass .btn-group, #toueditorclass .btn-group {
	margin-left: 4px;
}

/*******************************End of General Settings************/

/*******************************Admin Users*************/

ul.expandingList {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

ul.expandingList {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

ul.expandingList li.expandingListItem {
    background: white none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    clear: both;
    float: left;
    height: 105px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
}

ul.expandingList li.expandingListItem.first {
    border-top: 1px solid #ddd;
}

ul.expandingList li .name {
    float: left;
    padding-left: 0;
    width: 40%;
}

ul.expandingList li .status {
    float: left;
    padding-left: 10px;
    width: 25%;
}

ul.expandingList li.expandingListItem .buttons ul {
    float: left;
    list-style-type: none;
    width: 21%;
}

ul.expandingList li.expandingListItem .buttons ul li.first {
    display: block;
    visibility: visible;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.popup.ui-draggable {
    border-radius: 3px;
    padding: 0 !important;
}

.ui-dialog.popup {
	width: 450px !important;
}

.admin-newuser, .admin-newuser:hover,.admin-newuser:active,.admin-newuser:focus,.admin-newuser:focus:hover{

}

/*******************************END OF Admin Users************/

/*******************************New User Form************/

.category-tag {
	height:auto;
}

.category-tag .label {
	font-size: 100%;
	float:left;
}

.category-tag:hover {
	cursor:pointer;
}

.category-tag.level0 {
	margin-left:0px;
}

.category-tag.level1 {
	margin-left:20px;
	width:120px;
}

.category-tag.level2 {
	margin-left:40px;
	width:100px;
}

div.category-tag-sort {
	padding: 5px 0px;
}

.category-tag-sort .label {
	font-size: 100%;
	color: black;
}

.category-tag-sort:hover {
	cursor:pointer;
}

.categorySort li {
  background-color: #dedede;
  margin: 10px 0;
}
.category-tag-sort .editlink {
	text-align:right;
	float:right;
	color:blue;
}

.category-tag-sort .editlink:hover {
	cursor:pointer;
}

.category-tag-sort .editlink {
	background: url('../img/edit_icon.png') no-repeat;
	width:16px;
	height:16px;
}

.category-tag-sort .editlink span {
	display:none;
}

.categorySort ol{
	border:1px solid #FFFF99;
	background-color:#FFFFDD;
	padding-top:5px;
	padding-bottom:5px;
}

.categorySort ol ol{
	border:1px solid #FFFFAA;
	background-color:#FFFFEE;
	padding-top:5px;
	padding-bottom:5px;
}

ol.categorySort ol{
	list-style-type:none;
}

ol li .required_field {
	color: red;
	font-style: italic;
}

.categorySort li{
	clear:both;
	padding:1px;
}

.createfield {
    margin-top: 10px;
    -moz-user-select: none;
    background-color: white;
    border: 1px solid #555555;
    color: #555555;
    cursor: pointer;
    font-weight: bold;
    padding: 1px 15px;
}

.nufsubmit {
    color: #fff;
    width: 15%;
    width: 135px;
}

#theDialogForm {
  overflow: hidden;
}

#theDialogForm span{
	padding-left:0px;
	margin-left:3px;
}

#theDialogForm div{
	padding-left:0px;
}

#hiddenCheckbox{
	padding-left: 25px;
}
#hiddenCheckbox label{
    font-weight: normal;
    margin-left: 10px;
    padding-left: 10px;
}
#hiddenCheckbox input {
    margin-left: 0px;
}
#hiddenCheckbox > div {
    display: inline-block;
    margin: 5px 5px 8px;
}

#loadinglabel, #loadinglabelFront, #loadinglabelChatter {
    background: url("../img/ajax-loader.gif") no-repeat scroll 0 5px #ffffdd;
    color: black;
    display: none;
    float: left;
    font-size: 13px;
    left: 5px;
    margin-top: 5px;
    opacity: 1;
    padding: 5px 5px 5px 20px;
    position: absolute;
    text-align: left;
    top: -5px;
    width: auto;
    z-index: 10001;
}

.form_field	{ display:block;margin-top:5px;	}
.form_field input, .form_field select, .form_field textarea{display:block;}
.form_field.inline,.form_field.inline select, .form_field.inline input{display:inline;}
.form_field .formcolumn {float:left;display:inline;padding-left:5px;}
.form_field .formcolumn.first {clear:left;padding-left:0px;}

.dialogContent .form_field label.radio {clear:right;padding-left:10px;font-weight: bold;}
.dialogContent .form_field {margin-bottom:10px;}
.dialogContent #newFieldChoicesWrapper {display:none;}
.dialogContent #newFieldParamWrapper {display:none;}
.ui-dialog-buttonpane {clear:both;}
.dialogContent .warning {background-color:#FFFFAA; font-weight:bold; padding:5px;display:none;float:left;}
.dialogContent select {clear:both;float:left;}
.dialogContent .note {float:left;font-style:italic; clear:both; font-size:10px; padding-bottom:5px;}
.dialogContent .wide {width:100%;}
.dialogContent .wide p { padding-left:10px; padding-right:10px;}

.ui-dialog.popup { width: 450px !important;}

.ui-dialog.popup.campaign {width: 550px !important;}



form#theForm.adminNewUserForm .ui-sortable {
	max-width: 650px;
}

/*******************************END OF New User Form************/

/*******************************Calendar************/
/* calendar */
table.calendar { border-left:1px solid #999; width: 100%; margin-bottom:10px;}
tr.calendar-row	{  }
td.calendar-day	{ vertical-align: top; height: 80px; max-width: 100px; min-height:80px; width: 100px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day-np { vertical-align: top; background:#eee; height: 80px; max-width: 100px; min-height: 80px; width: 100px;} * html div.calendar-day-np { height:80px; }
/* cdh=calendar-day-head */
td.cdh { background:#3A3A3A; color:#fff; font-weight:bold; text-align:center; width:100px; padding:5px; border-bottom:1px solid #3A3A3A; border-top:1px solid #3A3A3A; border-right:1px solid #3A3A3A; }
div.day-number { font-weight:bold; padding-left: 5px; }
td.calendar-day, td.calendar-day-np { width:100px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

td.calendar-day	.cellContent {white-space:nowrap;float:left;width:100%;white-space:normal;}

div.day-number{width:100%;	/* fixes issues with ie */}
td.calendar-day{position:static; /* needed for borders to appear in IE8! */}
span.courseName {overflow: hidden;height: 16px !important;white-space:nowrap;display:block;margin-bottom:2%;color:black; }
span.courseRowTooltip {width:100%; float:left; padding-bottom:3px; margin-top:4px;
	-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;
	clear:both; position:relative;
}
span.courseRowTooltip:hover {background-image:url('<?php echo $this->webroot; ?>img/overlay6.png');background-repeat:repeat-x;background-position:center bottom;cursor:pointer;}
span.courseRowTooltip {width:100%; float:left; clear:both; font-weight:bold;padding-left:4px; }
span.courseRowTooltip .courseNameTooltip {width:100%; float:left; clear:both;padding-left:4px;}
span.courseRowTooltip{width:100%; float:left; clear:both;padding-left:4px; font-size:10px;}

.courseRowTooltipHide {left: -100000px;position: absolute;visibility: hidden;}

#calendarTooltip {
	color:black; text-align:left; width:190px; min-height:150px; float:left; padding:5px;
	position: absolute; top: -5px; left: 5px; display:none; opacity:1;  z-index:10001;
	padding-left:5px; margin-top:5px; border:1px solid grey;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
	background:white url('<?php echo $this->webroot; ?>img/cal_tooltip_bg.png') repeat-x center bottom;
}

#calendarTooltip .dayNumberTooltip {
	background:#eee; padding:0px; color:#000;
	float:left; margin:-5px -5px 5px 0;
	padding-bottom:5px;padding-top:5px;
	width:98%; text-align:left;  padding-right:10px;
	font-weight:bold;
}

#calendarTooltip .dayNumberTooltipClose {
	float:right;
	cursor: pointer;
	font-weight:bold;
	}

#calendarHeader {width:100%;float:left; background:white; width:100%;}
#calendarHeader .prevMonth, #calendarHeader .nextMonth { font-size:12px; font-weight:normal; width:25%;float:left; height:30px;padding-top:12px;}
#calendarHeader .nextMonth {float:right; text-align:right; }
#calendarHeader .prevMonth .monthname { }
#calendarHeader .nextMonth .monthname { padding-right:10px;}
.prevMonth a, .nextMonth a {background-color: #3A3A3A;color:#fff;padding: 10px;text-decoration: none;text-transform: uppercase;}
#calendarHeader .curMonth { text-align:center; font-size:14px; font-weight:bold; width:50%;float:left; height:45px; padding-top:9px;}
#calendarHeader .curMonth .monthyear {display:block;text-transform: uppercase;}
#calendarHeader .curMonth .coursescount { font-size:10px;}

#calendarTooltip {float:left; position:fixed;}

/*******************************END OF Calendar************/

/**********************Account Setup*********************/

.storeonoff {
	border: 1px solid black;border-radius: 10px;height:20px;width: 48px;cursor: pointer;
}

.store-success, .store-success:hover {
	border: 1px solid black !important;border-radius: 10px !important;height: 15px;width: 20px;
	float:right !important;color:green !important;border-right:none !important;cursor: default;
	background-color: green !important;
}

#store_uc {
  border-radius: 8px !important;
  margin-top: 0;
  padding: 8px !important;
}

#store_ofb {
  border-radius: 7px !important;
  margin-top: 0;
  padding: 8px;
}

.store-danger, .store-danger:hover {
	border: 1px solid black !important;border-radius: 10px !important;height: 15px;width: 20px;
	float:left !important;color:#BF1919 !important;border-left:none !important;cursor: default;
	background-color: #BF1919 !important;
}

.storeoff {
	cursor: pointer;display:none !important;
}
.download-info-number {
	border: 1px solid black;border-radius: 50%; margin-right:10px;width: 35px;height: 35px;text-align: center;float:left;font-weight:bold;margin-top:10px;line-height: 30px;font-size:20px;
}

/**********************End of Account Setup*********************/

/**********************Messaging*********************/

.editlink{
	color:#3277B3;
	font-weight:bold;
	float:right; text-transform:capitalize;
}
.editlink:hover{
	text-decoration:underline;
	cursor:pointer;
}

.messaging-textbox{
	width: 80%;
	margin-left: 2%;
}

.messaging-editor {
    background-color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin-bottom: 10px;
    min-height: 200px;
    padding: 15px;
}

/**********************End of Messaging*********************/

/**********************Side Menus*********************/

.adminheadernav.nav.navbar-nav{
	margin:0px;
}

#admin-sidebar {
  background-color: #3a3a3a;
  bottom: 0; padding-top:20px;
  left: 0;
  overflow-x: auto;
  top: 134px;
}

#admin-sidebar h3, #admin-sidebar p{
  display: inline-block;
}

#admin-sidebar p{
	font-size: 16px;
}
.sidemenu{
	color:#fff;
}

#admincreateuserform .form-group,
.accountprofileform .form-group{
	overflow:hidden;
	clear:both;
}

#admincreateuserform .select label {
    float: left;
}

#createaccountform1 .form-group{
	overflow:hidden;
}

#admin-sidebar .side-submenus h4 {
	color:#fff;margin-top:20px;
}

.side-menu-color {
	color:#666;
}

#admin-sidebar a{
	color:#fff !important;
}

#admin-sidebar ul.accountsetupsidenav li {
 line-height: 35px;
}

.side-submenu-heading {
	margin-left: 10%;
}

.side-submenu-heading h4 {
	color: #666 !important;
}

/**********************End of Side Menus*********************/

/**********************Page Loader*********************/

#spin-loader {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 1031;
   text-align: center;
}

#spin-loader-icon {
  position: absolute;
  top: 45%;
  z-index: 1002;
}

@media only screen and (max-width: 420px) and (min-width: 280px)
{

.legalmind_search_icon {
  margin: 0px !important;
}

}
@media only screen and (max-width: 420px) and (min-width: 280px)
{
#srch-term {
	margin-left:60px;
    width: 60%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#spin-loader-icon {
    margin-top:19%;
    top: 45%;
    z-index: 1002;
    position:static;
}}

/**********************End of Page Loader*********************/

/*************************************Help and Support *********/

.support-container iframe {
  margin-top: -40px;
  padding: 0;
  width: 100%;
}

/*************************************End of Help and Support *********/

/*************************************Training and Support *********/

.link-button {
	background-color: #007ab9;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2%;
    margin-top: 0.5%;
    margin-left: 6%;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

.link-button:hover {
	color: white !important;
	text-decoration: none !important;
}

.link-button:focus {
    outline: thin dotted;
    text-decoration: none !important;
	color: white !important;
}

.trainin-support-icon {
	margin-right: 1%;
}

/*************************************End of Training and Support *********/

/************************************* Dashboard *********/

.dashboard-heading {
	margin-left: 5%;color: #333;
}

.dashboard-margin-top {
	margin-top: 5px;
}

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

/************************************* End of Dashboard *********/

/********commerce general setting ********************/

.settingbackgroundcolor{
	background-color:#ebebeb;
	border:1px solid #ccc;
	border-radius:5px;
}

.innerboxbackground{
	background-color: #BCBFBD;
    border: 1px solid #999;
    border-radius: 5px; overflow:hidden;
    }

.nopadding{
	padding-left:0px !important;
	padding-right:0px !important;
}

#btngnrlsettngsubmit{
	border-radius: 5px;
	margin-top: 5px;
}

.heading_style{
	color:#333;
	margin-top: 30px;
	font-size:22px;
	text-align:center;
}

#smalltext{
	font-size:11px;
	text-align:center;
	display:block;
}

.whitebackground{
	background-color:#fff;
	border:1px solid #ccc;
}

.table-style{
	border:1px solid #ccc;
	margin-top:15px;
	margin-bottom:15px;
}

.padding-top{
	padding-top:20px;
	padding-bottom:10px;
}

.content h2:first-child {
  margin-top: 10px !important;
}

#PlanContentdiv h2:first-child{
	margin-top:10px;
}

.custombtn{
	padding:6px;
}

.nopadding{
	padding-left:0px;
	padding-right:0px;
}

.navbar-brand{
	color:#fff;
	display:none;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: #3A3A3A !important;
  text-decoration: none;
  color:#fff;
}

.navbar-toggle .icon-bar {
  background-color: #fff !important;
}

.panel-default {
  border-color: #3A3A3A;
}

#collapseCallToAction .form-control{
	background-color:#fff !important;
}

.form-control{
	background-color:#fff;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #eaeaea !important;
}

.dataTables_wrapper{
	margin-top:10px;
}

#passwordtext{
	font-size:12px;
}

#forgotpwdemail{
	width:50%;
}

#checkouttable > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding:8px 10px !important;
	font-size:14px !important;
}

.plugin_msg {
    color: red;
}

@keyframes change {
    from { color: blue }
    to   { color: red }
}

@keyframes blinker {
  50% { opacity: 0.0; }
}

#marginbottom{
	margin-bottom:10px;
}

#viewstore{
	background-color: #007ab9;
    border: 1px solid #fff;
    border-radius: 3px;
    color: white;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

#moodleurl{
	color: blue;
    display: block;
    margin-left: 110px;
    text-align: center !important;
}

#bridgeurl{
	color: blue;
	display: block;
	margin-left: 110px;
	text-align: center !important;
}

#btncancelheader:hover{
	background-color:#3A3A3A !important;
}

.margin{
	margin-top: 15px;
}

#collapseeWay .text-center {
  display: block;
  margin-top: 37px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
#collapsePaypal .text-center {
  display: block;
  margin-top: 37px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

#collapseAuthorizenet .text-center {
  display: block;
  margin-top: 37px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

#collapseSquare .text-center {
	display: block;
	margin-top: 37px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#collapsePayflow .text-center {
	display: block;
	margin-top: 37px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#featured_courses #flashMessage {
  margin-top: 15%;
  text-align: center;
}

#admincreateuserform .btn{
	border-radius: 4px !important;
	padding: 6px 12px !important;
}

#createaccountform1 .btn{
	border-radius: 4px !important;
	padding: 6px 12px !important;
}

.noSuccessMsg, .flasherror{
    background-color: red;
    border-radius: 5px;
    color: #fff;
    margin: auto auto 10px;
    padding: 5px;
    text-align: center;
    width: 100%;
}

.inputtextsize{
	padding: 5px 4px;
}

.adminheader{
	background-color:#3A3A3A;
}

.adminmenucolor{
	background-color:#27a1e0;
	border-bottom:2px solid #fff;
}

/*******************************Help Page************/

#btn_help_page_submit {
    border-radius: 5px;
    margin-top: 5px;
}

/*******************************END OF Help Page************/

/*******************************Purchases Page************/

.multiselect_listbox {
    border-radius: 0px !important;
    border-width: 1px !important;
}

.button_left_space {
	 margin-left: 15px;
}
/*******************************END OF Purchases Page************/


/*****************Thumbnail Image Override***************/
.professor-bio {
	float: left;
	margin-right: 10px;
}
/*****************Utility Classes*********************/
.top-margin {
	margin-top:15px;
}
.v-align-container {
	display: flex;
	align-items: center;
	height: 100vh;
}
.white-space-normal {
    white-space: normal;
}
.mid-align {
    vertical-align: middle!important;
}
.big-check {
	zoom: 1.25;
	transform: scale(1.25);
	-ms-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-moz-transform: scale(1.25);
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}
.no-border {
	border-bottom:none!important;
	border-left:none!important;
	border-right:none!important;
	border-top:none!important;
}
.flashwarning {
	background-color: #fcf8e3;
	border-radius: 5px;
	color: #8a6d3b;
	margin: auto auto 10px;
	padding: 5px;
	text-align: center;
	width: 100%;
}
.flash-error {
	max-height: 250px;
	overflow-y: scroll;
}
.no-bottom-margin {
	margin-bottom: 0px;
}
.no-top-margin {
	margin-top: 0px;
}
.dynamic-tooltip {
	float:right;
}
.bootstrap-red-text, .bootstrap-red-text:hover, .bootstrap-red-text:active, .bootstrap-red-text:visited, .bootstrap-red-text:link {
	color: #d9534f;
}
.bootstrap-blue-text, .bootstrap-blue-text:hover, .bootstrap-blue-text:active, .bootstrap-blue-text:visited, .bootstrap-blue-text:link {
	color: #3277B3;
}
.bootstrap-green-text, .bootstrap-green-text:hover, .bootstrap-green-text:active, .bootstrap-green-text:visited, .bootstrap-green-text:link {
	color: #5cb85c;
}
.search-spinner {
    margin-left: 5px;
    vertical-align: middle;
}

.no-float {
	float: none;
}

.fw-normal {
	font-weight: normal;
}

.untransform {
	text-transform: none;
}

.bold {
	font-weight: bold;
}
.margin-top-bottom {
	margin: 15px 0;
}

@media only screen and (max-width:767px) {
	.rl-address {
		text-align: center;
	}
}


/****************************
 *** Accessibility Fixes. ***
 ****************************/

/**
 * Skip to main content link styles.
 */
a.skip-main {
	background: #fff;
	text-decoration: none;
    font-weight: bold;
	left: 50%;
	padding: 10px;
	border-radius: 0 0 5px 5px;
	position: absolute;
	z-index: 9999;
	border: 1px solid;
    border-top: none;
	box-shadow: 0 3px 8px 4px rgba(0,0,0,0);
	transform: translate(-50%, -100%);
	transition: all 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
/* Show skip link only when focused */
a.skip-main:focus,
a.skip-main:active {
	transform: translate(-50%, 0%);
	outline: none;
	border: 1px solid;
    border-top: none;
    box-shadow: 0 3px 8px 4px rgba(0,0,0,.1);
}
/* Fix for sticky navbar */
#main-content.fixed-nav-enabled {
    padding-top: 80px;
    margin-top: -80px;
}
/* Enable smooth scrolling */
html {
	scroll-behavior: smooth;
}
/* Disable smooth scrolling when users have prefers-reduced-motion on */
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
/* Hide skip link from print view */
@media print {
	a.skip-main {
		display: none;
	}
}
/* Header tag adjustments */
h2.featured-page-header {
	margin-top: 20px;
}
h2.allcourses-header {
	margin-top: 20px;
	font-size: 24px
}
h3.accontent-coursetitle {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}
.single-course-price {
	font-weight: 500;
    font-size: 18px;
    line-height: 1.1;
}
h2.related-courses {
	font-weight: 500;
    font-size: 18px;
}
.course-comments {
	font-size: 18px;
}
h2.modal-title {
	font-size: 18px;
    font-weight: 500;
}