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

body{
	overflow-x: hidden;
	position: relative;
 	margin: 0;
  	/*padding-bottom: 10rem;*/
  	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;
}

.container {
/*padding: 0 10px;*/
}

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;
}

/* Kailash: Add Stripe as a new payment gateway LMSE-411 */
.stripe_credit_card_images{
	text-align: center;
}
.stripe_credit_card_images img{
	width: 45px;
	margin: 2px 1px;
}

.stripe_helper_message{
	max-width: 350px;
	display: inline-block;
	padding: 10px;
	font-size: 12px;
}
/* end Kailash: Add Stripe as a new payment gateway LMSE-411 */
/*******************************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 {
	/*color: #00a5fe;*/ /*Paula - 07-02-2019 - RL Rebranding*/
	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 {
	/*background: #00a5fe;*/ /*Paula - 07-03-2019 - RL Rebranding*/
	border-radius: 50%;
  	display: inline-block;
	height: 30px;
  	line-height: 30px;
  	text-align: center;
	width: 30px;
}

div.logo_desktop {
	display: block;
	/*width: 221px;
	height: 90px;
	padding: 0 10px;*/
	margin: 10px 0 30px;
	/*border-radius: 5px;*/
}

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 li i:after {
	/*clear: both;*/
}

.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 {
	/*float: right;*/ /*Paula - 07-02-2019 - RL Rebranding*/
	list-style: none;
}

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

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

/*Paula 7/21/2016*/
/*prevent bots from creating accounts:*/
.registrationCodes{
	display:none;
}
/*end paula change*/

.createaccountdiv {
	/* padding:5px 0px 2px 5px !important;  */
	padding: 0px;
	/*background-color: #007ab9 !important;*/
	text-align: center;
	/*border-color: #518b22 !important;*/
	color: #fff;
	float: left;
	/*margin:10px 0px;*/
}

.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 {
	/*margin-top:1px;
  	width:90%;*/
	border-radius: 0px;
	/*height:30px;*/
}

#UserPassword {
	/*margin-top:1px;*/
	/*width:90%;*/
	border-radius: 0px;
	/*height:30px;*/
}

#btnLoginHeader {
	border-radius: 0px;
	/*background-color: #72AD43;
	border-color: #4e9318;
	height:30px;*/
	padding: 0;
}

.header .btn {
/*padding: 0 !important;*/
}

.linkForgot {
	/*font-weight: bold;*/
	/*font-size:smaller;*/
}

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

/* Paula - 7/24/2017 - vertically align the search box in the banner*/
.banner-search-container{
	height:100%;
}
/* END - Paula - 7/24/2017 - vertically align the search box in the banner*/

.banner_img {
	/*text-align: center;*/
	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;
	/* background color will need to be added via php & javascript */
	margin-bottom:12px;/*Paula - 1/10/2017 - FIX DISPLAY ON STORE WITHOUT BANNER*/
}

/* 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;
}

@media screen and (max-width:767px){
	.banner-search-container{
		/* Paula - 7/24/2017 - vertically align the search box in the banner
    	margin-top: 300px!important;*/
	}
}

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

ul.headermenu {
	padding: 0 !important;
	margin: 0 0 0 -13px !important;
	/*margin-left: -7%;*/
}

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;
	/*font-weight:bold;*/
	/*text-transform: uppercase;*/
	text-decoration: none;
}

/*Paula - 8/25/2017 - active/hover state settings for navigation bar*/
/*ul.headermenu a:hover {
	background: rgba(255, 255, 255, .3);
}*/
/*end - active/hover state settings for navigation bar*/

.loginerrormessage {
	display: none;
	/*margin-top: -38px;*/
	font-size: 12px;
	padding: 3px;
}

.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; /*-29px*/
	left: -9000px;
	z-index: 1;
    background: #fff;
    border: 5px solid #ddd;
    border-top: none;
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
	/*height:0;*/
	padding: 20px;
	opacity: 0;
}

ul.headermenu li.grayclassheaderlink:hover div.searchcartembed {
	/*opacity: 1;
	padding: 20px;*/
}

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

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

.searchcartembed form input {
	width: 300px !important;
	/* margin-left: auto;
    margin-right: auto;*/
}

.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;
	/*font-weight: bold;*/
}

.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;
	/*height:27px;*/
	padding: 0px !important;
	/*width: 100%;*/
}

.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;
	/* height: 83px;
     width: 70%;
     padding:18px;
     height: 65px;
     width: 265px;
     These were commented out because it is already declared in the html ~DA */
}

.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;
}

/*Paula - footer theme*/
/*(removed code)*/

/*.footer div {
  padding-left: 0;
}

.footer div:nth-child(3) {
  padding-right: 0;
}*/

.footer_social {
	/*padding-left:15%;*/
}

/*.footer_social p {
	margin-right: 93px;
}*/

.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;
}

#resetpwdform label, #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;
	/*margin-bottom: 10px;*/
}

.navigateleft {

	border:1px solid #ccc;
}

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

.navigateleft img {
/*border-radius: 5px;*/
}

.borderstyle {
	/*  border-style: solid;
  	border-width: 1px;
  	border-color: gray;  */
	/*margin-top:1%;*/
	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 { /*margin-right: 5%;*/
	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;
}

.coursedivborder {
	/*margin-left: 0px;
  	border-style: solid;
  	border-width: 1px;
  	border-color: gray;
  	margin-right: 0px;*/
}

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

/*https://www.progress.com/products*/
.course_container {
	padding-top: 20px;
	/*padding-right: 0;
    padding-left: 30px;
    padding: 0 !important;*/
	/*max-width: 270px;*/
}

.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: 170px;*/
	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;
  	/*text-overflow: '…';*/
  	/*position: absolute;*/
  	/*display: inline-block;  	*/
	width: 240px !important;
  	/* Required for text-overflow to do anything */
  	/*white-space: nowrap;*/
  	overflow: hidden;
  	/*height: 34px;*/
  	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;
}

/*Paula - 4/13/2018 - LMSE-397 fix (course discount)*/
.inner_div .course_discount_expiration {
	margin: 0px;
	color: black;
	padding-left: 10px;
	background: white;
	height: 20px;
}
/*END - Paula - 4/13/2018 - LMSE-397 fix (course discount)*/

.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) {

	/*.course_container {
      padding: 15px;
    }*/

	#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 ************************/

/*Paula - 8/16/2016*/
/*live clases max enrollment and waitlist*/
/*These styles are used in /View/Elements/all_courses.ctp and View/Course/view.ctp*/
.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;
}
/*end*/

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

.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; /* jeff 2016 */
}

.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;
	/*min-height:150px;*/
}

/*Paula - 3/20/2017 - I am commenting out the below line of code, because it doesn't seem to be doing anything at all. This class is only applied to the div on the course view page that contains the course summary, and I'm not sure why in the world we would want to always hide something there when it is dynamic, client created content...*/
/*.course_text_height table tbody tr td:first-child{
    display:none;
}*/

/*****************************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 ****************************************************/

/*Paula - 4/18/2018 - enable PayPal as second gateway*/
.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; /*For fixing the height of the Diners Club image on the Cart page*/
}

@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;
    }
}
/*END - Paula - 4/18/2018 - enable PayPal as second gateway*/

.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;
}

/*Paula - 07-05-2019 - RL Rebranding*/
.storenamesubmit {
	/*background-color: #0084ca;*/
	/*border-color: #0084ca;*/
	border: medium none;
	font-size: 18px;
	margin-top: 0px;
	width: 170px;
	height: 40px;
}
/*END-Paula - 07-05-2019 - RL Rebranding*/

.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;
	/*overflow: auto;*/
	opacity: .85;
}

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

.closeSignupForm:hover {
	cursor: pointer;
}

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

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

/*.adminheadernav {
	float: right;
}*/

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

ul.adminheadernav>li {
	float: left;
	position: relative;
	/*border-right: 3px solid;
	border-color: #4c9c6c;*/
}

/*ul.adminheadernav>li:last-child{
	border-right: none;
}*/

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;
}

#choose_file {
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border: #ebebeb transparent 1px;
	width: 160px;
	padding: 4px 6px 4px 8px;
	font: normal 14px Myriad Pro, Verdana, Geneva, sans-serif;
	color: #7f7f7f;
	margin-top: 2px;
	background: #e6e6e6;
}

#choose_file input[type="file"] {
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}

#choose_file label {
	color: #33CCFF;
}

#choose_file label:before {
	font-family: 'Glyphicons Halflings';
	content: "\e060";
	color: #33CCFF;
}

.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 {
	text-align: center;
	margin-top: 15px;
}

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

#logoimg {
	max-width: 300px;
}

#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%;
}

.coursetitlediv .input {
	margin-right: -75px;
}

.navtextdiv .input {
	margin-right: -75px;
}

#panelFooter .checkbox {
	min-height: 25px;
}

#panelFooter .checkbox+.checkbox {
	margin-top: 0px;
}

.widthinputtext {
	width: 70%;
}

#addlinkbutton {
	width: 20%;
}

.btnsaveallchanges_wrap {
	position: fixed;
  	max-width: 1280px;
  	width: 100%;
  	z-index: 1000;
}

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

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

.previewModal{
	width:1240px;
}

/*************************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 {
	/*padding-top: 5%;
	padding-bottom: 10%;
	margin-bottom: 4%;*/
}

.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;
}
/* jeff alt objects 2018-04-26 fieldset for mapping page */
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;
}

/* // Kailash:2-Jan-2017 Groups class for discount rules div */
.divDiscountRulePanel{
	display:none;
	margin-top:15px;
}

.divDiscountRulePanel label{
	display:block;
}
/* end // Kailash:2-Jan-2017 Groups */

.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;
}

/*Paula - 8/14/2018 - Tax Update*/
#couponFormbuttons div.submit, #EditCodeGroupButtons div.submit, .inline-block {
	display:inline-block;
}
/*END - Paula - 8/14/2018 - Tax Update*/

.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 *********************************************/

/*None of these COMMERCE TAXES styles appear to be in use.
Please confirm and delete them. - Paula 5/23/2016*/

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

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

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

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

#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 ****************/

/*my courses styles moved from here into a separate file*/

/*************************** 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;
}

.content {
	/*width: 100%;*/
}

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

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

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

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

	.headertextalignstyle {
		/*float: none !important;*/
		position: absolute;
		bottom: 0;
		right: 15px;
	}

	.searchcartembed {
		/*-webkit-transition: opacity .3s ease;
		-moz-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;*/
		position: absolute;
		top: -15px;
		left: 20px;
		/* z-index: 1; */
		/*background: none;*/ /*Paula - 3/21/2018 - add search button to global search*/
		/* height: 0; */
		padding: 20px;
		opacity: 1;
	}

	ul.headermenu li.grayclassheaderlink a:hover .searchcartembed {
		/*opacity: 1 !important;*/
		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%;
	}

	#btnLoginHeader {
		/*width: 90%;
	  margin-right: 10%;
	  margin-top: 10px;
	  height:27px;
	  padding:3px 12px 6px 12px !important;*/
	}

	.createaccountdiv {
		/*width: 45%;
  		margin-right: 5%;*/
	}

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

	ul.headermenu {
		height: auto; /*margin-top:2%; margin-left:-15%;*/
	}

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

	ul.headermenu a {
		/*line-height: 40px;*/
		text-decoration: none;
	}

	ul.headermenu ul {
		position: relative;
	}

	ul.headermenu>li.grayclassheaderlink {
		/*background-color: #D5D5D5;*/
	}

	.headertextalignstyle {
		/*margin-top: 2%;*/
	}

	.loginerrormessage {
		display: none;
		font-size: 12px;
		margin-top: 0px;
		padding: 0px;
	}

	.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;
	}

	#addlinkbutton {
		width: 60%;
	}

	.mycourse_textpos {
		text-align: center;
	}

	#dynamiccourse{
		/*Commented out by Paula.*/
		/*It causes empty space to show up
		when only one or two courses are recommended.*/
		/*height:900px;*/
	}

	.displayuser{
		left:-1%;
	}
}

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

	#btnLoginHeader {
		  /*width: 90%;
		  margin-right: 10%;
		  margin-top: 10px;
		  height:27px;
		  padding:3px 12px 6px 12px !important;*/
	}

	.createaccountdiv {
		/*  width: 45%;
 		margin-right: 5%;*/
	}

	ul.headermenu {
		height: auto; /*margin-top:2%; margin-left:-8%;*/
	}

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

	ul.headermenu a {
		/*line-height: 40px;*/
		text-decoration: none;
	}

	ul.headermenu ul {
		position: relative;
	}

	ul.headermenu>li.grayclassheaderlink {
		/*background-color: #D5D5D5;*/
	}

	.headertextalignstyle {
		margin-top: 2%;
	}

	.loginerrormessage {
		display: none;
		margin-top: 0px;
		padding: 0px;
		font-size: 12px;
	}

	.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 div {
    	padding-left: 15px;
  	}

	.footer div:nth-child(3) {
	    	padding-right: 15px;
	}*/

	.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) {

	ul.headermenu {
		/*margin-left: -10%;*/
	}

	ul.headermenu a {
		/*padding:0 5px;
  		font-size:13px;*/
	}

	.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%;
	/*padding-bottom: 10%;
	margin-bottom: 4%;*/
}

.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;		/* Manju : code optimization (hiding numbering on tags page) */
}

.moodlesubmit {
	color: #fff;
	/**padding: 3px 15px;
	border-radius: 0px;*/
	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 {
	/*height: 90px;*/
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 3px solid rgb(127, 127, 127);
    /*border-radius: 9px;*/
    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 *********/

/*changes to show saved credit hours - Paula 1/18/2017 */
.input-detail{
	font-size: 12px;
    font-style: italic;
    font-weight: normal;
}
/*end changes to show saved credit hours - Paula 1/18/2017 */

.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;
}

.mcfile input[type="file"] {
	/*float:right;*/
	/*padding-left: 10px;*/
}

#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;
}

.mcupload {
	/*float: right;*/
}

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

.managecourseform label {
	/*color:#979797;*/
	/*width:35%;*/
	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%;
}

/*Paula 9/1/2016 live classes style fix*/
.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.white {
	/*background: #fff;
	box-shadow: 0 0 10px #999;*/
}

.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 {
	/*background: #e6e6e6;*/
	position: relative;
	display: block;
	padding: 7px;
	font-size: 16px;
	padding-left: 47px;
	font-weight: 300;
	/*color: #666;*/
	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.open {
	/*background: #e6e6e6;/*ffface*/
	/*color: #666;*/
	/*margin-top: 5px;*/
}

.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;
	/*border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;*/
}

div.sortbytags .tagsaccordion-content:last-of-type {
	/*border-bottom: 1px solid #f00;*/
	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; /*width:50%;*/
	font-size: 18px;
	padding: 5px 10px; /*border:1px solid #666;*/
}

.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;
	/*margin-top: 10px; width:100%; font-size:10px; color:#666; font-weight:normal; text-align:left;*/
	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%;
	/*border:1px solid #666;*/
	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 { /*Paula - 4/9/2019 - assign coupon code to multiple courses*/
    /* margin: auto; */
    /* position: relative; */
    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;
}

.mcfile input[type="file"] {
	/*float:right;*/
	/*padding-left: 10px;*/
}

.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;
}

.mcupload {
	/*float: right;*/
}

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

.managecourseform label {
	/*color:#979797;*/
	/*width:35%;*/
	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 declare interest*/

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

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

/*Paula - 5/14/2018 - OIQ All Courses floating image*/
.all-courses-scrolling-img {
	padding: 10px 0px;
}

.all-courses-scrolling-img img {
	max-width:100%;
}
/*END - Paula - 5/14/2018 - OIQ All Courses floating image*/

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

.accontent {
	border-bottom: 1px solid #ccc;
	width: 100%;
	overflow: hidden;
	/*margin: 0px 0px 10px 0px;*/
	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 {
	/*border: 1px solid #ccc;*/
	margin-top: 10px;
	overflow: hidden;

	display: inline;
}

.acfilter b {
	/*text-align: center;*/
	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;
	/*height: 30px;*/
	/*line-height: 24px;1.42857*/
	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 {
	/*padding: 15px 0px 5px 0px;*/
	border-radius: 3px !important;
	margin-bottom: 5px;
}

/*.star1{padding:0px 0px; color:#ffef3c; font-size:17px;}
.star2{padding:0px 0px;  font-size:17px;}*/

.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-transform: uppercase;*/
	text-align: center;
	/*background-color: #72AD43;*/
	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************/

/* Style for overlay and box */
.overlay {
	/*background:transparent url(../img/overlay.png) repeat top left;*/
	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;
}

.strength0{
	/*width:250px;
	background:#cccccc;*/
}

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

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

.strength3{
	width:150px;
	background:#efeea3; /*#56e500;*/
}

.strength4{
	background:yellow; /*#4dcd00;*/
	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;
	/*height:30px;*/
	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************/

.categorySort {
	/*float: left; width: 100%;*/
}

.category-tag {
	height:auto;
} /* full height cats in cat list on event assign*/

.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;
	/*margin-left: 10px;*/
}

.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;
    /*box-shadow: 0 2px 0 0 gray;*/
    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 label{/*padding-right:10px;*/}
.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;/*float:left;clear:left;*/}
.dialogContent textarea.newline {/*clear:left;*/}
.dialogContent #newFieldChoicesWrapper {display:none;}
.dialogContent #newFieldParamWrapper {display:none;}
.ui-dialog-buttonpane {clear:both;}
.dialogContent {/*float:left; clear:both; padding-bottom:10px; padding-top:10px; padding-left:10px; padding-right:10px;padding-top:0px;*/}
.dialogContent .warning {background-color:#FFFFAA; font-weight:bold; padding:5px;display:none;float:left;}
.dialogContent {/*width:100%; padding-bottom:0px;*/}
.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:hover { /*background:#eceff5;*/ }
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; }
/* Kailash: 5Jul18 multiple sessions on LMSC calendar LMSE-420 */
/* 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 { /*background:#999; padding:5px; color:#fff;*/ font-weight:bold; padding-left: 5px;/*float:right; margin:-5px -5px 0 0; width:20px; text-align:center;*/ }
/* end Kailash: 5Jul18 multiple sessions on LMSC calendar LMSE-420 */
/* shared */
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! */}
/* Kailash: 5Jul18 multiple sessions on LMSC calendar LMSE-420 */
span.courseName {overflow: hidden;height: 16px !important;white-space:nowrap;display:block;margin-bottom:2%;color:black; }
/* end Kailash: 5Jul18 multiple sessions on LMSC calendar LMSE-420 */
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;}
/* table.calendar span.courseName {margin-right: 15px;} */

#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;
	/*background-color:#fff;*/
}

.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;/*border-color: #d43f3a;*/
}

#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;/*border-color: #d43f3a;*/
}

.storeoff {
	/* Manju : 19 Dec 2016 : code optimization */
	/*height: 15px;width: 20px;background-color:#fff;*/cursor: pointer;display:none !important;
	/* Manju : end code optimization */
}
.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;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;*/
    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;
}
/*end*/

#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)
{
/*Paula - 6/1/2018 - TC tooltip*/
.legalmind_search_icon {
  margin: 0px !important;
}
/*END - Paula - 6/1/2018 - TC tooltip*/
}
@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;
}

/*Paula - 4/19/2018 - enable PayPal as second gateway*/
/*#btnpaypalsubmit{
	width:120px;
	margin-left:-10px;
}*/
/*END - Paula - 4/19/2018 - enable PayPal as second gateway*/

.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;
}

 .form-group input {
  /* padding: 5px 4px; */
}

.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 {
    /*animation: change 3s step-end both;*/
    /*animation: blinker 3s linear infinite;*/
    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;
}
/* Kailash: Bridge Integration */
#bridgeurl{
	color: blue;
	display: block;
	margin-left: 110px;
	text-align: center !important;
}
/* End Kailash: Bridge Integration */

/*Paula - 07-03-2019 - RL Rebranding*/
/*#newSignup{
	background-color:#3071a9;
}

#clientSignup{
	background-color:#3071a9;
}*/
/*END - Paula - 07-03-2019 - RL Rebranding*/

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

#single_coursesharediv{
	/* margin-top:-2px; */
}

.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%;
}

/* Kailash: Add Square as a new payment gateway LMSE-362 */
#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;
}

/*******************************Child Stores************/

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

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

ul.expandingChildList li.expandingChildListItem {
    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: 40px;*/
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
}

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

ul.expandingChildList li .childstorename {
    float: left;
    padding-left: 0;
    width: 28%;
}

ul.expandingChildList li .childemail {
    float: left;
    padding-left: 10px;
    width: 35%;
}

ul.expandingChildList li .childenable {
    float: right;
    padding-left: 10px;
    width: 10%;
}

ul.expandingChildList li.expandingChildListItem .buttons ul {
    float: left;
    list-style-type: none;
    width: 22%;
}

ul.expandingChildList li.expandingChildListItem .buttons ul li.first {
    display: block;
    visibility: visible;
}

/*******************************END OF Child Stores************/

/*******************************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***************/

/*-=-=-=- Special for CUGN, eventually remove after CSS Theming is available -=-=-=-=*/
.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;
}
/*END - Paula - 08/21/2019 - course transfers*/
.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;
	}
}
/*END - Paula - 07-02-2019 - RL Rebranding*/


/****************************
 *** 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;
}