.bodyBGimage {
	background-image: url(../images/background-pattern.png);
	background-repeat: repeat;
}
.clear{
	clear:both;
}
.tab-content-style{
	min-height:300px;
}
img {max-width:100%;}
a, button {transition:all ease .3s;}
a.home {font-size:14px; background-color:#FFF; border-radius:4px; padding:3px 8px; text-decoration:none;} a.home .glyphicon {margin-right:5px; font-size:12px;}
a.home:hover {background-color:#333; color:#FFF;}
.lead {font-weight:400; width:80%; font-size:16px; color: #333;}
.row {margin:0;}
.cookie-header {border-radius:0;  position:fixed; z-index:1; bottom:0; width:100%; background-color:#9bb5c6; color:#000;}
.cookie-header.alert { color:#000;}
.cookie-header a {color:#000; text-decoration:underline;}.cookie-header a:hover {color:#fff;}
#dashboardDataHolder>.row, #registrationSummaryDataHolder .row, #learnerActivityLogDataHolder .row {margin:0px -15px;}
#im1 {margin-left:-5px;}
#btnSendOTP {margin-left:5px;}
#imgdiv img, #divCaptchaContainer img {margin-left:5px;}
#loginForm input.form-control#captcha {margin-left:10px;}
#leaderBoardModal {padding-top:90px;} 
#leaderBoardModal  button.close {margin:0;position: absolute; border-radius:50%; background-color:#b3c9de; font-size:30px; padding:0px 5px 1px 6px; line-height:25px; right: -6px; top: -6px; opacity:1; color:#000; z-index:1100; transition:all ease .3s;}
#leaderBoardModal  button.close:hover {background-color:#E2E2E2; top:-4px}
.leaderboard { color:#000; margin:auto; background-color:#E2E2E2; border-radius:10px; max-width:700px; padding:10px;} .leaderboard>.row {border:2px solid #b2b2b2; background-color:#FFF; background-image:url(../images/brand/white-waves.jpg); border-radius:10px; background-position:bottom right; background-repeat:no-repeat;}.leaderboard>.row>div:first-child {border-right:2px solid #b2b2b2; height:540px;}
.leaderboard  hr {border:1px solid #E2E2E2; margin:0;}
.leader-logo {margin-top:30px;} .leaderboard h3 {text-transform:uppercase; font-size:30px; font-weight:600; margin-bottom:30px;}
.form-row {padding: 15px 0; color:#000; font-style:italic; font-size:23px; font-weight:600;} 
.bord-holder {padding: 2px; font-size:20px; border:1px solid #CCC; display:inline-block; text-align:center;} .bord-holder.first {width:140px;} .bord-holder.second {width:60px;}
.form-row img {position:relative; top:-6px; right:-11px;} .mod-comp {display:inline-block; line-height: 20px; margin-top: 5px;}
.row-nav-top div {font-size:20px; font-weight:600; font-style:italic; padding:5px 15px; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; text-align:center; cursor:pointer; transition:all ease .3s;}
.row-nav-top div:hover { background-color:#FFF; color:#000} .row-nav-top div:last-child {border-right:none;} .row-nav-top div.active{border-bottom-color:#004990; background-color:#103e96; color:#fff}
.no-pad {padding:0;} .rel {position:relative;}
.medals {margin-bottom:40px;}
.medals  h4 {font-size:25px; font-style:normal; font-weight:600; margin-bottom:5px;} .medals  h5 {font-size:15px; margin:0px auto 5px auto;}
.medals span{position:relative; top:-5px; color:#000; z-index:1; text-align:center; display:block; font-weight:600; font-size:16px;}
.medal-row {padding:5px; height:45px; overflow:hidden; background-color:#b6346a; margin:5px 0; color: #FFF;} .medal-row div {padding:5px;} .medal-row img {position:relative; top:-5px;}
.learner-row {background-color:#ffdd00; color:#000; margin-top:5px; margin-bottom:5px;}
.rel {position:relative; } .acco{position:absolute; top:3px; right:3px; z-index:2;} .acco i{color:#004990; opacity:.9; transition:all ease .3s;} .acco:hover i {color:#000; opacity:1;}
.course-status.badge {margin-left:5px; position:relative; top:-5px;} .course-status.badge.accessed {background-color:#55758E; color:#FFF;}
#bundle_accordion {margin-top:20px;}
#bundle_accordion .panel-heading {padding:0;}#bundle_accordion h5 {font-size:14px; font-style:normal;}
/*.text-progress {position:absolute; bottom:25px; right:20px; z-index:10; color:#000; font-size:10px; text-transform:uppercase; font-style:normal;}*/
.text-progress { color:#000; font-size:12px; text-transform:uppercase; font-style:normal; margin-bottom:10px;}
.learningUnits .badge-style.in-progress {background-color:#ffdd00; color:#000;}.learningUnits .badge-style.completed {background-color:#004990; color:#FFF}.learningUnits .badge-style.passed {background-color:#90ba00; color:#FFF}.learningUnits .badge-style.failed {background-color:#d33030; color:#FFF}
.a-resource a.alert {background-color:#6a7886; text-decoration:none; color:#FFF; transition:all ease .3s; padding:10px 15px; margin:20px 0px 0px 0px; position:relative; z-index:1;}
.a-resource a.alert:hover {background-color:#004990; color:#FFF; padding-left:20px;} .a-resource a.alert span {margin-right:5px;}
.courseHeadingsStyle div {font-weight:400; font-size:14px; padding:15px 20px 20px 20px; margin-bottom:20px; border:1px solid #CCC; position:relative; z-index:0; top:-5px;}
.lb h6 {color:#004990; font-size:20px; font-weight:600;} .lb .well {margin-top:15px; font-size:16px; font-weight:bold; padding:15px 10px; margin-bottom:15px;}
.lb .well .text-left {color:#004990; padding-left:0; font-weight:700;}
#t_user_count, #t_reg_count, #t_lj_count, #t_lj_count_30 {margin:0;}
.the-forum {margin-top:20px;} .the-forum h5 a {font-style:normal; }
.the-forum .flash {cursor:pointer; transition:all ease .3s; }.the-forum .flash:hover {color:#004990;}
.the-forum h5 a:not(.btn) {font-size:18px; color:#004990; position:relative; left:0; transition:all ease .3s; font-weight:600;} .the-forum h5 a:hover {left:10px;}
.the-forum .small {color:#777;}
.the-forum hr {border:1px solid #004990; opacity:.5;}
.discussion-title {color:#004990; padding-left:15px; font-size:18px;}

#leaderboard-access { z-index:10000; display:flex; align-items: center; justify-content:center; transition: all ease .4s; cursor:pointer; padding:6px; background: rgb(0,20,40);background: linear-gradient(0deg, rgba(0,73,144,1) 0%, rgba(0,20,40,1) 69%); position:fixed; bottom:20px; right:20px; height:96px; width:96px; border:2px solid #f5f4a3; border-radius:15px; box-shadow:0px 0px 10px rgba(0,0,0,.5); 
background: linear-gradient(124deg, #004990, #15293b, #004990); background-size: 200% 200%; -webkit-animation: AnimationName 3s ease infinite; -moz-animation: AnimationName 3s ease infinite; animation: AnimationName 3s ease infinite;}
#leaderboard-access:hover {background: linear-gradient(124deg, #004990, #55758E, #004990); background-size: 200% 200%; -webkit-animation: AnimationName 3s ease infinite; -moz-animation: AnimationName 3s ease infinite; animation: AnimationName 3s ease infinite;}
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} 

.setting-points input.form-control {width:70px; display:inline-block;} .setting-points label {position:relative; top:-5px; margin-left:10px;}

@media print {.topShadow, #viewPortSize, .non-printable {display:none;}}

@media screen and (max-width:768px) { 
	.navbar-nav {margin:0;} .the-login-panel-body .col-sm-8 {padding-right:20px; padding-left:10px;}
	.lead {width:auto;}
	.logos img {padding:20px 0;}
	#im1 {max-width:100%;} #im2 {max-width:100%;}
}

.cart-btn-small{
	background-color: rgba(0, 0, 0, 0);
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
/**Page header styles**/
.topDetails{
	width: 100%;
	height: 30px;
	/* background-image: url(../images/transparent_black.png); */
	background-color: #008080;
	/*position: absolute;
	top: 0px;*/
}


.headerDetails {
	height: 100%;
	color: white;
	padding: 5px 5px 0px 5px;
	font-size: 13px;
	width: 50%;
	text-overflow:ellipsis;
	overflow:hidden;
	 
}


.headerDetails a {
	color: #fff;
}
.floating-alert{
	position:absolute;
	z-index: 1001;
	top:40%;
	left:33%;
	max-width: 33%;
	width:33%;
	text-align: center; 
}

@media (max-width: 767px) {
	img.responsive-top{
		padding-top: 15px;
		height: 90px;
		max-width:100%;
	}	
	.headerDetails {
		width:90%;
	}
	.floating-alert{
		top:30%;
		left:10%;
		width:80%;
		max-width: 80%;
	}
}
@media (max-width: 479px ){
	#smallNavTitle{
		font-size: 14px;
	}
	.panel-body table {
		word-break:break-all;
	}
	.visible-xs table{
		word-break:break-all;
	}
}

#pageHeader {
	
}



#topImageHolder {
	width: 100%;
	height: 140px;
	text-align: center;
	background-image: url(../images/top_stretch.jpg);
}

#bannerImageHolder {
	background-image: url(../images/top.jpg);
	width: 1011px;
	height: 140px;
}

#cartHolder {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-right: 1px;
	text-align: right;
}
/**Page Content**/
.pageContent{
	min-height: 480px;
	padding:20px;
	margin-top:20px;
	margin-bottom:2rem;
}

.pageContent > div.col-md-12 {padding:0;}

#learnerPageContent{
	width: 100%;
	min-height: 450px;
	background-color: white;
	
}

.nav-tabs>li,.nav-pills>li {
	float: none;
	display: inline-block;
	*display: inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
}

.nav-tabs {
	text-align: center;
}

.iconMargin {
	margin: 2px 2px 0px 0px;
}

.learningUnits {	
	margin-top: 2px;
	padding-bottom: 20px;
	padding-top:10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #00499061;
	color: #445B6A;
}
.learningUnits .badge-style {
	background-color: #567483;
}

.learningUnitsHolderStyle {
	margin-top: 20px;
	min-height: 345px;
}

.paginationHolderStyle {
	margin-top: 2px;
	text-align: center;
}
.nomargin{
	margin: 0px;
}
.nopadding{
	padding: 0px;
}

.pagination-footer > div{
	float:left;
	height:30px;
	width:10%;
}

div.pagination-footer-holder{
	text-align:center;
}
div.pagination-footer-holder .pagination{
	margin:0px;
}

#paginationHolder{
	text-align: center;
}

.courseTitle {
	font-size: 14px;
	font-weight: bold;
}

.courseDescription {
	color: #000000;
}

.courseDate {
	/* color: #999999; */
	padding-top:4px;
	/* font-size:12px; */
}

/* .badge-style {
	font-size: 16px;
} */

.span2 {
	width: 100px;
}

.span8 {
	width: 700px;
}
/**Global**/
.center {
	margin-left: auto;
	margin-right: auto;
}
.large{
	min-height: 400px;
}
.applyredborder {
	border: 2px solid red;
}

.applyblueborder {
	border: 2px solid blue;
}

/**Launch page**/
.loginSignUpHolderStyle {
	position: absolute;
	top: 140px;
	left: 1040px;
	width: 200px;
}


.panel-body-style {
	max-height: 500px;
	padding-bottom: 0px;
	overflow: scroll;
}

#signupModal.fade.in {
	top: 45%;
}

#activitationSuccessAlert {
	width: 400px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
}

#launchPageContainer {
	background-image: url(../assets/launch.jpg);
	height: 1110px;
	width: 1131px;
	border: 1px solid black;
}


.bigModal {
	width: 80% !important;
	margin: auto !important;
	overflow-y: initial !important
}
.bigModal .panel-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#courseDescription {
	width: 46%;
	float: left;
	padding-right: 20px;
	padding-left: 5px;
}

#authorDetails {
	width: 49%;
	float: left;
	padding-left: 10px;
}

.courseHeadingsStyle {
	font-weight: bold;
}

.authorImageStyle {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 8px;
}

.cartTableStyle {
	font-size: 14px;
	margin-bottom: 0px;
}

#cartModalBody {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#cartModalFooter { /*padding-top:10px;*/
	/*padding-bottom:5px;*/
	
}

.alert.alert-success-dark {
	color: #ffffff;
	background-color: #468847;
	border-color: #d6e9c6;
}

.alert.alert-error-dark {
	color: #ffffff;
	background-color: #b94a48;
	border-color: #eed3d7;
}

.alert.alert-info-dark {
	color: #ffffff;
	background-color: #7c671a;
	border-color: #444;
	line-height:22px;
	padding:12px;
}

.alert.alert-info-dark>a {
	color: #ffffff;
}

.alert.alert-page-center{
	width: 35%;
	margin: auto;
	text-align: center
}
#categoryDropdown li>a {
	color: #5A5A5A;
}

#categoryDropdown li>a:hover,#categoryDropdown  .active>a,#categoryDropdown  .active>a:hover
	{
	color: #333333;
	text-decoration: none;
	background-color: #EFEFEF;
}

/**external page styles**/
.homePageBlock {
	width: 100%;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
}

.moreDetailsBlock {
	width: 236px;
	height: 172px;
	margin-left: 10px;
	margin-right: 0px;
	background-image: url(../images/what-is-holder.png);
	background-repeat: no-repeat;
}

.moreDetailsBlock>h3 {
	margin-top: 20px;
	color: #ffffff;
	font-size: 16px;
}

.moreDetailsBlock>p {
	margin-top: 20px;
	padding-left: 12px;
	padding-right: 8px;
	color: #4c4c4c;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

.moreDetailsBlock>p>a {
	float: right;
	display: block;
	background-image: url(../images/more-button.png);
	width: 98px;
	height: 29px;
}

.moreDetailsBlock>p>a:HOVER {
	background-image: url(../images/more-button-roll-over.png);
}

#topmenubar {
	padding-top: 12px;
}

.nav-bar-inner-large {
	min-height: 50px;
	padding-left: 10px;
}

.nav-bar-inner-large>ul {
	min-height: 50px;
	
}

.nav-bar-inner-large .active>a,.nav-bar-inner-large .active>a:hover {
	background-image: linear-gradient(bottom, rgb(73, 150, 77) 5%,
		rgb(137, 195, 100) 53%, rgb(134, 192, 99) 77% );
	background-image: -o-linear-gradient(bottom, rgb(73, 150, 77) 5%,
		rgb(137, 195, 100) 53%, rgb(134, 192, 99) 77% );
	background-image: -moz-linear-gradient(bottom, rgb(73, 150, 77) 5%,
		rgb(137, 195, 100) 53%, rgb(134, 192, 99) 77% );
	background-image: -webkit-linear-gradient(bottom, rgb(73, 150, 77) 5%,
		rgb(137, 195, 100) 53%, rgb(134, 192, 99) 77% );
	background-image: -ms-linear-gradient(bottom, rgb(73, 150, 77) 5%,
		rgb(137, 195, 100) 53%, rgb(134, 192, 99) 77% ); */
	filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49964D', endColorstr='#86C063')";
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49964D', endColorstr='#86C063')";
	/* IE8 */
}

.nav-bar-inner-large .nav>li>a {
	/*commented to accomodate search
	padding: 16px 14px 15px 14px;
	font-size: 14px;*/
	padding: 16px 8px 15px 8px;
	font-size: 13px;
	font-weight: bold;
}

.form-horizontal .control-group .control-label {
	/*margin-left: 0px;*/
}

.lessBottomMargin {
	width: 971px;
	margin-bottom: 10px;
}

#featuredCourseCarousel, #wgAddressBlock {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #F5F5F5;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 12px; 
	width : 48%;
	float: left;
	width: 48%;
}

#pageLoginHolder {
	float: right;
	width: 44%;
	height: 245px;
	margin-right: 12px;
	text-align:left;
}

#pageSideBar {
	/*width: 258px;
	margin: 10px 15px 0;
	padding: 0;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .065);*/

	width: 220px;
	margin: 0px 0 0;
	padding: 0;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

#pageSideBar>li>a {
	/*display: block;
	*width: 200px;
	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;*/
	display: block;
	width: 190px;
	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;
}

#pageSideBar>li:first-child>a {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

#pageSideBar>li:last-child>a {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

#pageSideBar>.active>a {
	/*
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0
		rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0
		rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0
		rgba(0, 0, 0, .1);
		*/
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

#pageSideBar.affix {
	top: 210px;
}

#pageSideBar>.active>a,
#pageSideBar>.active>a:hover {
	/*color : #ffffff;*/
	/*background-color:#B94A48;*/
	color: #333333;
	font-weight: bold;
	background-color: #EFEFEF;
}
#pageSideBar .icon-chevron-right{
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}

.courseCategorySection {
	/*border-bottom: 1px dotted #999999;
	padding-bottom: 10px;*/
	margin-top: 5px;
}
.courseCategorySection > hr{
	/*height: 1px;
	color:#000;
	background-color:#000;*/
	border: 1px dotted #999999;
}
.courseCategorySectionHeading {
	margin-bottom: 10px;
	color: #666666;
	/*color:#DA4F49;*/
}





.textWithImageBox{
	border-bottom: 1px dotted #333; 
	padding: 10px 10px 10px 10px;
	margin-bottom:10px;
}

.innerPagesHolderStyle{
	float: right; 
	padding-left: 50px;
}


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

.form-label{
	float: left; 
	width: 100px; 
	text-align: right; 
	margin-right: 20px;
}

.form-horizontal .controls-less-margin {
  margin-left: 140px;
}
hr{
	border: 1px #a0a0a0 dashed;
}

hr.formHeadingSpacing{
	margin: 5px 0px 15px 0px;	
}
hr.internalPages{
	
	margin-left: 15px;
	margin-right: 15px;
}
.pageContentHolderStyle{
	float: right; 
	margin-right: 10px;
}


a.accordion-toggle,
a:hover.accordion-toggle  {
	/*color : #ffffff;*/
	/*background-color:#B94A48;*/
	/* color: #333333; */
	font-weight: bold;
	font-size:14px;
	background-color: #EFEFEF;
}




.homepageicondiv{
	position: relative; 
	left: 40%; 
	width: 49px;
	 height: 49px; 
	background-image: url('../images/iconbg.png' );
}

.homepageblocklastblock{
	height: 260px;
	margin-left: 12px;
	padding-top:15px;
	width:973px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #F5F5F5));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 0%, #F5F5F5 100%);
	
}

.btn-xlarge {
   	border-radius: 6px 6px 6px 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 16px 24px;
}

.adminPageHolderStyle{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.admin-tab-content-style{
	min-height: 370px;
}

.admin-control-block
{
	padding: 10px 10px;
	margin-bottom:10px;
	min-height: 30px;
	background-color: #555555;
	border: 1px solid #eee;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	      border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	      

}
.admin-control-block > div{
	float: left;
}
.admin-tab-content-style h4{
	/*margin-bottom: 10px;*/
}
.admin-control-block label{
	margin-top: 5px;
	font-weight: normal;
	color:#FFF;
}
.admin-control-block .col-sm-1, 
.admin-control-block .col-sm-2, 
.admin-control-block .col-sm-3, 
.admin-control-block .col-sm-4, 
.admin-control-block .col-sm-5, 
.admin-control-block .col-sm-6, 
.admin-control-block .col-sm-7, 
.admin-control-block .col-sm-8, 
.admin-control-block .col-sm-9, 
.admin-control-block .col-sm-10, 
.admin-control-block .col-sm-11{
	padding-left:2px;
	padding-right:2px;
}
.admin-control-block .form-group,
.admin-control-block .input-group{
	padding-top:1px;
	padding-bottom:4px;
}
.admin-control-block .btn-group{
	padding-left:10px;
}
.loader-style{
	margin-top:10px;
	text-align:center;
}

.loader-style img{
	width:30px;
	height:30px;
}

div[contenteditable]{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	padding: 4px;
	min-height:100px;
	overflow:scroll;
}
.control-group.error div{
	color: #b94a48;
	border-color: #b94a48;
}
input.form-control {border-radius:0;}
input.error{
	color: #b94a48;
  	border-color: #b94a48;
}
 input:focus.error{
 	border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
     -moz-box-shadow: 0 0 6px #d59392;
          box-shadow: 0 0 6px #d59392;
 }
 .admin-search-group{
 	display:inline-block;
 	margin-bottom:-10px;
 }

.no-margin{
	margin: 0px;
}

.top-buffer{
	margin-top: 50px;
}
.bottom-buffer{
	margin-bottom: 50px;
}

/**override bs3 style**/
.input-group .form-control:last-child{
	border-radius:4px;
}
span.hidden-xs{
  display: inline-block !important; 
}
.btn.disabled, .btn[disabled], fieldset[disabled] {
	pointer-events: auto;
}
.radio-inline,
.radio-inline + .radio-inline{
	margin-left:5px;
	padding-right:5px;
	padding-bottom:5px;	
	font-size: 18px !important;
}
.input-group-addon-clear{
	background-color: inherit;
	border:0px;
}
@media (max-width: 767px) {
  span.hidden-xs{
    display: none !important; 
  }
}
.datepicker .table-condensed {
    width: 230px;
    height: 230px;
    font-size: small;
}
.bootstrap-datetimepicker-widget {
	z-index: 1600 !important; /* has to be larger than 1050 */
  }

.que-box label{
	margin-left: 5px;
}
#pageHeading{
	margin-top:0px; margin-bottom:20px;
}
img.o-100 {max-width:100%; padding:0 20px; margin-bottom:-1px;}
.primary-footer img {margin-bottom:30px;}
.primaryl-jumbotron{
	margin-bottom:-50px;
}
@media screen and (max-width:991px) {
	.primaryl-jumbotron{margin-bottom:30px;}
	.pageContent {padding-bottom:80px;}
	.primary-footer img {margin-top:70px;}
	.navbar-clear {margin-top:0; margin-bottom:0;}
	.navbar-clear .navbar-nav > li > a:hover, .navbar-clear .navbar-nav > li.active > a {background-color:#9c8c51; color:#FFF;}
	.navbar-ex1-collapse {padding:0;}
	.navbar-toggle {background-color:#9c8c51;} .navbar-toggle .icon-bar {background-color:#FFF;}
	.navbar-toggle:hover {background-color:#6e5b16;} .navbar-toggle:hover .icon-bar {background-color:#FFF;}
	.leaderboard>.row>div:first-child {height:auto; border-bottom:2px solid #FFF; border-right:none;}
	#leaderBoardModal  button.close {right: 20px; top: 20px;}
}
.primaryl-jumbotron h1{
	font-size:4.2rem; font-weight:400;
}
.btn {border-radius:0; padding:2px 15px; text-transform:uppercase; font-weight:500; 
  }
.btn-login.btn-primary {font-style:normal; font-size:18px;
  background-image:none; color:#FFF; text-shadow: none; background-color:#848484;}
.admin-control-block .btn, .btn-group .btn { padding:2px 15px; } 
.btn-group .btn { padding:2px 5px; }
.btn-primary, .btn-info{
	background-color:#848484;
	color:#FFF;
	font-size:18px; 
}
.pageContent .btn-default, .pageContent .btn-primary, .pageContent .btn-danger {padding:2px 20px; }

.cookie-header .btn-primary {background-color:#686868 !important;} .cookie-header .btn-primary:hover {background-color:#757575 !important;}
.primary-card-container{
	margin-top:3rem;
}
.alert{
	color:#2D3039;
}
.eval-que-text{
	font-size: 18px !important;
}
.menu-tile {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #E7E7E7;
}
.que-box{
	margin: 2rem;
}
.panel-body p {
    word-wrap: break-word;
}
#updateAssessmentTabContent .tab-content,
#updateAssessmentTabContent .tab-content h1, 
#updateAssessmentTabContent .tab-content h2,
#updateAssessmentTabContent .tab-content h3,
#updateAssessmentTabContent .tab-content h4,
#updateAssessmentTabContent .tab-content h5{
	color: #000 !important;
}
.que-section, .que-section h2, #assessmentModal{
	color: #000 !important;
}
.que-section small, .option-container{
	color: #fff !important;
}
.select2-container {
	max-width: 90% !important;
    min-width: 25% !important;
}
/* .select2-dropdown {
	background-color: #2D3039 !important;
}
.select2-selection__choice{
	background-color: #2D3039 !important;
} */
/* .table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  color: #000 !important;
} */

/** left navigation tab**/
.tabs-left, .tabs-right {
	border-bottom: none;
	padding-top: 2px;
  }
  .tabs-left>li {
	width:100%;
	float: none;
	margin-bottom: 2px;
	background-color: #eee !important;
  }
  .tabs-left>li.active>a,
  .tabs-left>li.active>a:hover,
  .tabs-left>li.active>a:focus {
	border-color: #C7754D;
	border-right-color: transparent;
  }
  .tabs-left>li>a {
	border-radius: 4px 0 0 4px;
	/* margin-right: 0; */
	display:block;
  }
  .tabs-right>li>a {
	border-radius: 0 4px 4px 0;
	margin-right: 0;
  }
  .section-container{
	  background-color: #FFF !important;
	  padding:2rem;
  }
  .grey-table th {
    background-color: #eee !important;
    color: #2b4054 !important;
}

.light-modal .panel-body {
    background-color: #fff !important;
    color: #2b4054 !important;
}
.light-modal .panel-footer {
    background-color: #fff !important;
}
.caret{
	color: #fff !important;
	border-bottom-color: #fff !important;
	border-top-color: #fff !important;
}
.feedback{
	margin-bottom: 3rem;
}