.noOverflow{ overflow: hidden; }
	h2{
		font-weight:300;
		font-size:1.8em;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid #979797;
	}
	img.responsive{max-width:100%;}
	
	.homePreview, .courseAd, .homeRegister{
		padding: 1em 0 3em 0;
	}
	.homePreview p, .courseAd p, .homeRegister p{
		font-weight: normal;
		margin-bottom: 20px;
	}
	.courseAd{
		color:white;
		background:black;
	}
	.homeRegister .errorMessage {font-size: .9em;}
	.courseAd h3, .homeRegister h3{
		font-weight:200;
		font-size:1.8em;
		border:none;
		margin: 1em 0 20px 0;
	}
	.homePreview{
		padding-top: 3em;
		background: #523067;
		color: white;
	}
	.homePreview h2{
		padding-left: 30px;
		font-weight:200;
		font-size:1.3em;
		border:none;
		margin-bottom:20;
	}
	.homePreview p{
		padding-left: 30px;
		font-size:1em;
		margin: 20px 0;
	}
	.homePreview h3{
		color:#333333;
		font-weight:200;
		font-size:1.4em;
		border:none;
		margin: 0 0 20px 0;
	}
	.homeRegister h3{
		text-transform: uppercase;
		font-size: 1.2em;
		color: #523067;
	}
	.homeRegister p{
		font-size: 1em;
		color: #999;
	}
	.homeRegisterForm{
		padding:1em;
		background:white;
		color:#333;
	}
	.homeRegisterForm label{
		margin-top:10px;
		margin-left:10px;
		font-weight:300;
		font-size:1.1em;
	}
	.homeRegisterForm .btn-lg{
		border-radius: 100px;
		border: none;
		font-size: 1em;
		padding: 10px 30px;
		margin-top: 20px;
		background: #523067;
		color: white;
	 }
	.homeRegisterForm #password, .homeRegisterForm #accessCode{
		max-width:200px;
	}
	.homeRegisterForm input{
		max-width:450px;
	}
	.splash{
		padding: 4em 0 12em;
		background: url(/files/CoursesFileLibrary/homeBg.jpg) no-repeat center bottom; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
 		background-size: cover;
 		color:#523067;
 		box-shadow: inset 0 0 0 1000px rgba(255,255,255,.3);
		border-bottom: 2px solid #333;
	}
	.splash p, .splash h1{
		padding:0;
		margin:0;
	}
	.splash p{
		font-weight:300;
 		color: #893B68;
		font-size: .9em;
	}
	.splash h1{
		font-weight:400;
		font-size:2em;
		margin-bottom: 20px;
	}
	.splash .btn-lg{
		padding: 14px 30px;
 		background: #523067;
		color: white;
		font-weight: 300;
		font-size: .9em;
		border-color: white;
 		margin: 30px 30px 0 0;
		border-radius: 40px;
	}
	.splash .btn-lg.login{
		background: #666;
	}
	.splash .btn-lg:hover, .splash .btn-lg:active{
		color:#fafafa;
 		background:#a87ec2;
		border-color:transparent;
	}
	.splash .btn-lg.login:hover, .splash .btn-lg.login:active{
		background: rgba(255,255,255,0.4);
	}
	.splash .btn-lg.login:hover{
		background: #999;
	}
	.navbar-brand{
		padding:8px;
	}
	.arpbaNavbar{
		background: #523067;
		margin: 0 auto;
		padding: 5px 0 0px 0;
	}
	.navbar-default .navbar-text{
		color:white;
		margin-bottom:0;
		margin-top: -25px;
	}
	.navbar-default .navbar-text a{
		cursor:pointer;
		color:white;
	}
	.navbar-default .navbar-text a:hover{
		color:#ddd;
	}
	.navbar-default .navbar-text a:active:hover{
		background:none;
	}
	
	.home-nav{
		padding: 16px inherit 8px 0;
		background: #523067;
		border-top:5px solid #333;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	.home-nav a{
		color: white;
		font-size: .9em;	
	}
	.username{
		margin:0 5px;
	}
	.dropdown-toggle{
		cursor:pointer;
	}
	.navbar-default .navbar-nav>li>a{
		color:#ccc;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #333;
		color:#ddd;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		color:#ddd;
	}
	.btn-success {
		color: #fff;
		background-color: #B571C3;
		border-color: #B571C3;
	}
	.btn-success.active, .btn-success:active, .btn-success:active:hover, .open>.dropdown-toggle.btn-success {
		color: #fff;
		background-color: #D799E4;
		border-color: #D799E4;
	}
	.btn-success:hover {
		color: #fff;
		background-color: #D799E4;
		border-color: #D799E4;
	}
	.btn-success.focus, .btn-success:focus {
		color: #fff;
		background-color: #D799E4;
		border-color: #D799E4;
	}
	.features{
		padding: 2em;
		color:#333;
	}
	.features img{ width: 25% }
	.features span{
		font-size: 1.3em;
		color: #523067;
		}
	.features p{
		font-weight:200;
		margin-bottom: 30px;
		font-size: 1em;
		color: #666;
	}
	.features p a{
		color: #666;
	}
	.features .col-md-4{
		text-align:center;
		border-radius: 10px;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(224,224,224,1);
		-moz-box-shadow: 5px 5px 20px 0px rgba(224,224,224,1);
		box-shadow: 5px 5px 20px 0px rgba(224,224,224,1);
		margin: 0 4%;
		max-width: 25%;
		padding: 40px 0;
		background: #fafafa;
	}
	.features h4{
		color: #523067;
		border: none;
		font-size: 1.1em;
		margin: 30px 0;
	}
/************************** Logged Navbar ********************************/
.accountMenu{
	margin-top: -40px;
	text-align: right;
	margin-left: 200px;
	}
.accountMenu .username, .accountMenu .caret{
	display: none;
	}
.accountMenu li{
	list-style: none;
	color: white;
	}
.accountMenu.nav>li>a>img{
	max-width: 70%;
	}
.accountMenu a.dropdown-toggle{ margin-left: 100px }
.navbar-nav>li>a {
	padding: 0 10px 0 0;
}

.navbar-nav .open .dropdown-menu{
	position: absolute;
	background: white;
	border-radius: 6px;
	margin-top: 5px;
	}
.dropdown-menu{
	right: 0;
	}
/************************** Login Form **********************************/
.login, .forgotPassword, .forgotPassSuccess{
	padding: 2em 0;
	margin-top: 30px;
	}
.forgotPasswordLink {
	text-align: right;
	display: block;
	font-size: .9em;
	color: #888;
	}
.forgotPasswordLink a{
	color: #B571C3;
	}

.coursesIndex{
	margin: 2em;
	}
/************************** Account Settings *******************************/
.accountSettingsForm{
	padding: 2em 0;
	margin-bottom:40px;
	}
.passwordChange {
	padding: 5px 30px;
	margin: 30px 0;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fafafa;	
	}
.passwordChange h4{
	font-size: 1.2em;
	margin-bottom: 20px;
	}
.passwordChange input{
	max-width: 240px;
	}
.avatarInput { margin-bottom: 30px; }
.existingAvatar{
	text-align: center;
	width: 100%;
	display: block;
	}
.existingAvatar img{
	max-width: 90px;
	}

	.empty{
		max-width: 30%;
		margin:20px 0 20px 40px;
		text-align: center;
		color: #aaa;
		}
	.error label{
		color: rgb(200, 0, 0);
		}
	.error input, .error textarea{
		border-color: rgb(200, 0, 0);
		background: rgb(255, 240, 240);
		}
	.errorMessage{
		font-size: .9em;
		color: rgb(200, 0, 0);
		}

/************************** Courses Index **********************************/

/************************** Course View **********************************/
	.courseThumbnail{
		margin: 30px 5px;
		box-shadow:0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
		border-radius:0;
		padding:0;
		min-height:200px;
	}
	.courses-breadcrumb{
		background: none;
		margin: 0;
		font-size: 0;
		padding: 8px 0;
	}
	.courses-breadcrumb .mobileControls {
		display: inline;
		font-size: 20px;
	}
	.courses-breadcrumb .coursesIndexLink:before{
		font-size:30px;
 		padding:0 10px;
		font-family: FontAwesome;
    	content: "\f104";
		font-weight: 100;
	}
	.courses-breadcrumb a{
		color:#B571C3
	}
	.list-group.index { 
		display: none;
		position: fixed;
		margin-top: -75px;
		background: #ffffff;
		border: 1px solid #eee;
		padding: 10px;
		z-index: 9999;
		border-radius: 6px;
		-webkit-box-shadow: 2px 2px 4px 0px rgba(170,170,170,0.5);
		-moz-box-shadow: 2px 2px 4px 0px rgba(170,170,170,0.5);
		box-shadow: 2px 2px 4px 0px rgba(170,170,170,0.5);
      max-height: 75%;
      overflow: scroll;
	}
	
	.list-group.index .list-group-item { background: transparent }
	.list-group.index h4{
		font-size: 1.2em;
		color: #B571C3;
		font-weight:normal;
		padding-left:15px;
		margin-top:30px;
	}
	
	.list-group.index li:first-child h4{
		margin-top:10px;
		}
	
	.list-group.index a:hover{
		text-decoration:none;
	}
	.list-group.index a:hover h4{
		color: #e0aeeb;
	}
	
	.list-group.index .list-group-item{
		border:none;
		padding:0;
	}
	
	.list-group.index .activities{
		list-style:none;
		margin:0;
		padding:0;
		
	}
	.list-group.index .activities li{
		padding:0;
		width:100%;
	}
	.list-group.index .activities a{
		color: #666;
		font-size: 1em;
		width: 100%;
		display: block;
		padding: 7px 0 7px 25px;
		font-weight: 300;
	}
	.list-group.index .activities a:hover{
		background:#eee;
		text-decoration:none;
	}
	.list-group.index .activities .active a{
		background:#ddd;
	}
	.list-group.index .activities .finished a{
		color:#bbb;
	}
	.list-group.index .activities .finished a:after{
 		padding-left:10px;   
		font-family: FontAwesome;
    	content: "\f00c";
	}
	.list-group.index .activities > li a:before{
 		padding:0 10px;
		font-family: FontAwesome;
	}
	.activityTitle{
		margin-right: 4px;
		font-size: .8em;
		}
	.list-group.index .activities .textactivity a:before, h2 span.textactivity:before{
    	content: "\f036";
	}
	.list-group.index .activities .videoactivity a:before, h2 span.videoactivity:before{
    	content: "\f04b";
	}
	.list-group.index .activities .quizactivity a:before, h2 span.quizactivity:before{
    	content: "\f14a";
	}
	.list-group.index .activities .meetingactivity a:before, h2 span.meetingactivity:before{
    	content: "\f095";
	}
	
	.activitiesNavigator { 
		font-size: 13px;
		float: right;
		margin-top: 12px;
		}

	.activitiesNavigator a {
		margin-left: 8px;
		display: inline-block;
		width: 55px;
	} 
	.activitiesNavigator a.noop {
		font-size: 0;
	} 
	
.markAsFinished{
	margin: 30px 0;
	}
.downloads { 
	background: #eee;
	color: #333;
	padding:10px 20px;
	margin: 20px 0;
	}
.downloads h3{
	font-size:1.4em;
	color: #fafafa;
	background: #979797;
	margin: -10px -20px 20px -20px;
	padding: 20px;
	font-weight: 300;
	letter-spacing: .05em;
	}
.downloads a p:before{
 	padding-right:10px;
	font-family: FontAwesome;
   	content: "\f016";
	}
.downloads a{
	color: #333;
	cursor: pointer;
	}
.downloads a p { 
	margin-bottom: 3px;
	}
.downloads a span { 
	display: block;
	margin: 3px 0 20px;
	font-size: 1em;
	color: #999;
	}

.downloads a:hover { text-decoration: none}
.downloads a:hover p{ color: #999 }
.downloads a:hover span { color: #ccc }

/************************** Course Activities **********************************/
.question > *{ margin-left: 15px }
.question h4{
	margin:40px 0 15px 10px;
	font-weight:400;
	font-size:1.2em;
	}
.question label input{
	margin-right: 10px;
	}
.question label {
	cursor: pointer;
	}
textarea.openEnded{
	max-width: 600px;
	margin: 0;
	}
.questionInput label{
	width:100%;
	cursor:grab;
	}
.questionInput label .dragIcon {
	font-weight:normal;
	color:#aaa;
	}
.questionInput label:hover .dragIcon {
	color:#666;
	}
.ui-sortable-helper{
	background:#aaa;
	padding:6px;
	border-radius:4px;
	}
.wrongAnswer, .rightAnswer {
	padding:10px 30px;
	max-width:50%;
	margin-left:0;
	}
.wrongAnswer {
	border: 1px solid rgb(200 0 0);
	color: rgb(200, 0, 0);
	background: rgb(255,240,240);
	}
.rightAnswer {
	border: 1px solid rgb(50, 200, 50);
	color: rgb(50, 200, 50);
	background: rgb(240, 255, 240);
	}
.commentsSection{
	max-width:850px;
	}
.commentsSection .noComments{
	border: 3px dashed #ccc;
	margin: 0 40px;
	padding: 30px;
	background-color: #fafafa;
	color: #aaa;
	font-size:1.1em;
	font-style:oblique;
	text-align:center;
	}
.comment{
	margin:20px 0 40px 0;
	padding-left: 40px;
	color:#666;
	}
.commentsHeading{
	margin-top:80px;
	padding-bottom:15px;
	padding-left:10px;
	font-size:1.3em;
	}
.commentHeading{
	color:#333;
	margin-bottom:0;
	}
.commentHeading img{
	margin: 2px 10px 0 -35px;
	border: 1px solid #aaa;
	}
.commentHeading span{
	color:#9B9B9B;
	margin-left: 10px;
	font-size:.9em;
	}
.commentHeading span.badge{
	color: white;
	font-size: .75em;
	font-weight: normal;
	}	
.commentForm{
	margin: 0 0 20px 0;
	padding: 20px;
	background:#eee;
	}
.commentForm textarea{
	border:none;
	}
.commentActions a{
	color: #B571C3;
	}
.commentHeading.instructor { 
	color: #B571C3;
	}
.commentHeading.instructor .label{
	color: white;
	font-size: .8em;
	font-weight: 300;
	padding: .1em .6em .2em;
	}
#meet iframe{width: 100% !important}	

/*********************** Forum *****************************/
.forumButton{
	margin: 0 0 20px 30px;
	}
.postsList{
	margin: 0 0 40px 40px;
	}
.forumPost{
	display: table;
	color: #850091;
}
.forumPost:hover{
	text-decoration: none;
	color: #d394e0;
}
.forumPost:hover .text-secondary{
	color: #bbb !important;
}
.participant{
	width: 130px;
	display: inline-grid;
	text-align: center;
	margin: 0 5px 20px 5px;
}
.participant img{
	margin: 10px auto;
	border-radius: 50%;
}
.participant span{
	font-weight: 300;
	font-size: .9em;
}


/********************** Footer *****************************/
	.footer{
		text-align: center;
		color: #9b9b9b;
		padding: 30px;
		padding-top: 50px;
		background: #333;
		margin-top: 40px; 
		}

	.footer .col-md-4{
		text-align: left;
	}
	.footer .col-md-4 span{
		font-size:1.1em;
		margin:0 8px;
	}
	.footer .col-md-4 p{
		margin: 10px 0;
	}
	.footer .col-md-4 a{
		color: #ccc;
	}
	.footer .col-md-4 .footerAdditionalLine{
		display:block;
		margin-left:30px;
	}
	.footerCopyright{
		display: inline-block;
	}
	
/*********************** Backend *****************************/
.backendMenu{
	margin-bottom:20px;
}

.tab-pane{
	border-bottom: 	1px solid #ddd;
	border-left: 	1px solid #ddd;
	border-right: 	1px solid #ddd;
	padding:10px;
	}

.backend.footer{
	margin-top:50px;
	}

.courseBackendItem {
	margin:25px 0 40px 20px;
	}
.courseBackendItem  ul{
	margin-left:20px;
	}
.courseBackendItem a.dropdown-toggle{
	margin: 5px 0 0 20px;
}
.courseBackendItem ul > li a:before{
 		padding:0 10px;
		font-family: FontAwesome;
	}
.courseBackendItem .textactivity a:before{
    	content: "\f036";
	}
.courseBackendItem .videoactivity a:before{
    	content: "\f04b";
	}
.courseBackendItem .quizactivity a:before{
    	content: "\f14a";
	}
.courseBackendItem .meetingactivity a:before{
    	content: "\f095";
	}
.addModule{ margin-top: 40px }

input#accessCode{ max-width: 200px }
.dangerZone{
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #b33;
	border-radius: 10px;
	background: #feeeee;
	max-width: 400px;
	}
.dangerZone > a{
	margin: 0 10px;
	}
	
.activitiesList .ui-sortable-helper{
	background: none;
	opacity: 0.5;
	}
.activitiesList li .glyphicon-align-justify{ 
	cursor: grab;
	opacity: 0 ;
	color: #999;
	}
.activitiesList li:hover .glyphicon-align-justify{ opacity: 1 }


.courseBackendItem .textactivity a.dragHandler:before{
    	content: none;
	}
.courseBackendItem .videoactivity a.dragHandler:before{
    	content: none;
	}
.courseBackendItem .quizactivity a.dragHandler:before{
    	content: none;
	}
.courseBackendItem .meetingactivity a.dragHandler:before{
    	content: none;
	}
	@media (min-width: 992px){
		.col-md-2-5{max-width: 20%;}
		.col-md-9-5{max-width: 80%;}	
		.splash { font-size: 1.3em; }
		.courseAd > :first-child, .homeRegister > :first-child{ padding:0 6em; }		
		.navbar-default .navbar-text{ margin-top: 25px; }	
		.accountMenu{ 
			margin-top: 0px;
			margin-left: 0px;
		}
		.accountMenu a.dropdown-toggle{ margin-left: 0px }
		.accountMenu .username { display: inline }
		.accountMenu .caret{ display: inline-block }
		.accountMenu.nav>li>a>img{ width: 22px }
		.navbar-nav>li>a {
			padding: 15px;
		}
		.features{ padding: 6em; font-size: 1.1em; }
		.homePreview, .courseAd, .homeRegister{ padding: 7em 0; }
		.homePreview p, .courseAd p, .homeRegister p{ 
			margin-bottom: 10px;
			font-size: 1.2em;
		}
		.homeRegisterForm{ padding: 4em; }	
		.homePreview h3{ font-size: 1.8em; }	
		.courseAd h3, .homeRegister h3{ margin-top: 3em }
		.features p{
			padding:0 15%;
			margin-bottom: 10px;
		}
		.thumbnail .caption { height: 200px }
		.courseThumbnail { margin: 30px }
		.courses-breadcrumb{ 
			font-size: 1.2em;
			margin: 15px 0;
			padding: 8px 15px;
		}
		.coursesIndex .card{ height: 430px }
		.courses-breadcrumb .coursesIndexLink:before{ font-size: 20px }
		.courses-breadcrumb .mobileControls { display: none }
		.list-group.index{
			display: block;
			position: static;
			margin-top: 0;
			margin-bottom: 30px;
			background: transparent;
			font-size: .9em;
			padding: 0;
			border: none;
			border-right: 1px solid #ccc;
			border-radius: 0px;
			min-height: 400px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			max-height: initial;
         overflow: initial;
		}
		.navbar-nav .open .dropdown-menu{
			margin-top: 0;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			}
		.question > *{ margin-left: 40px }
		textarea.openEnded{ margin: 20px }
		.downloads{ margin: 20px }
		.commentForm{ margin: 40px }
	}