/**
 * @package    hubzero-cms
 * @copyright  Copyright 2005-2019 HUBzero Foundation, LLC.
 * @license    http://opensource.org/licenses/MIT MIT
 */


	.course {
		padding: 0 30px 0 0;
	}
	.icon-fork:before {
		content: "\f16b";
	}
	section.course .subject,
	.course .subject {
		padding: 0;
		margin-right: 300px;
	}
	section.course .aside,
	.course .aside {
		width: 270px;
		min-width: 270px;
	}
	.course .aside:after {
		display: none;
	}
	.course .subject:before {
		display: none;
	}
	.course .aside:before {
		top: 0;
		bottom: 0;
		right: 300px;
	}
	.course .inner-section {
		padding: 0 30px 30px 30px;
	} 
	.course.intro {
		background: #fff;
		border-bottom: 1px dotted #e1e1e1;
	}
	.course.intro .subject:after {
		content: "";
		display: table;
		line-height: 0;
		clear: both;
	}
	.course.intro .aside:before,
	.course.intro .aside:after {
		display: none;
	}
	.course.intro .subject {
		padding: 30px;
	}
	.course.intro .subject p:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	.course.intro .tags {
		margin-top: 2em;
	}
	ul.sub-menu {
		margin-bottom: 30px;
	}
	#course-header {
		position: relative;
	}
	#course-header h2 {
		padding: 0;
		margin: 0;
	}
	#course-header p {
		margin: 0 0 1em 0;
		padding: 0;
		color: #999;
	}
	#course-header p a {
		color: #999;
		text-decoration: none;
		border: none;
		margin: 0 2em 0 0;
	}
	#course-header p a:before {
		font-weight: normal;
	}
	#course-header p a:hover {
		color: #333;
		border-bottom: 1px dotted #333;
	}
	#course-header p span {
		margin: 0 2em 0 0.2em;
	}
/* Identity */
	.course-identity {
		display: block;
		margin: 30px 0;
		padding: 0;
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		width: 270px;
		height: 150px;
		overflow: hidden;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		background: #f1f1f1;
		text-align: center;
	}
	.course-identity>span:after {
		content: "\f09c";
		font-family: "Fontcons";
		font-size: 7em;
		color: #e1e1e1;
		line-height: 1.6em;
	}
	.course-identity:after {
		content: "";
		display: none;
	}
	.course-identity img {
		width: 100%;
		*width: auto;
	}

	.course_alias_label {
		position: relative;
	}
	.available,
	.not-available {
		text-align: right;
		position: absolute;
		color: #1f8a11;
		top: 1.6em;
		right: 0;
		font-weight: bold;
		padding-left: 15px;
	}
	.not-available {
		color: #8a1111;
	}
	.available:before,
	.not-available:before {
		content: '\f058';
		font-family: 'Fontcons';
		margin-right: 0.4em;
	}
	.not-available:before {
		content: '\f057';
	}

/* Offering info */
	.course-summary {
		margin: 30px 0 30px 0;
		background: #333;
		padding: 0.27em;
		color: #bbb;
		-webkit-border-radius: 0.27em;
		   -moz-border-radius: 0.27em;
		    -ms-border-radius: 0.27em;
		     -o-border-radius: 0.27em;
		        border-radius: 0.27em;
		zoom: 1;
		text-shadow: 0 1px 0 #1d1212;
		-webkit-transition: all ease-in-out 0.2s;
		   -moz-transition: all ease-in-out 0.2s;
		    -ms-transition: all ease-in-out 0.2s;
		     -o-transition: all ease-in-out 0.2s;
		        transition: all ease-in-out 0.2s;
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		    -ms-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		     -o-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
	}
	.course-summary:hover {
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 46.97em rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 46.97em rgba(0, 0, 0, 0.5);
		    -ms-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 46.97em rgba(0, 0, 0, 0.5);
		     -o-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 46.97em rgba(0, 0, 0, 0.5);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 46.97em rgba(0, 0, 0, 0.5);
	}
	form.course-summary {
		padding: 1em;
	}
	form.course-summary label input {
		background: #fff;
	}
	.course-summary table {
		border: none;
		font-size: 90%;
	}
	.course-summary table tbody th,
	.course-summary table tbody td {
		border: none;
		border-bottom: 1px solid #5c5d62;
		padding: 0.618em 1em;
	}
	.course-summary table tbody td {
		text-align: right;
	}
	.course-summary p {
		margin: 1em;
		text-align: center;
	}

	.course-summary .btn-group-wrap {
		margin: 1em;
	}
	.course-summary .btn-group {
		display: block;
	}
	.course-summary .btn {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.course-summary .btn-group .btn,
	.course-summary .btn.enroll {
		border-color: #fee9aa #b98a37 #b98a37 #fee9aa;
		color: #996633;
		text-shadow: 0px 1px 0px #fedd9b;
		background: #feda71;
		background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d));
		background: -webkit-linear-gradient(#feda71, #febe4d);
		background: -moz-linear-gradient(center top, #feda71 0%, #febe4d 100%);
		background: -moz-gradient(center top, #feda71 0%, #febe4d 100%);
		background: -ms-linear-gradient(#feda71, #febe4d);
		background: -o-linear-gradient(#feda71, #febe4d);
		background: linear-gradient(#feda71, #febe4d);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#feda71,endColorstr=#febe4d);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#feda71, endColorstr=#febe4d)";
	}
	.course-summary .btn.preview {
		border-color: #c6edf9 #64b3cc #64b3cc #c6edf9;
		color: #41788c;
		text-shadow: 0px 1px 0px #bfeafb;
		background: #73d0f1;
		background: -webkit-gradient(linear, left top, left bottom, from(#aae5f7), to(#73d0f1));
		background: -webkit-linear-gradient(#aae5f7, #73d0f1);
		background: -moz-linear-gradient(center top, #aae5f7 0%, #73d0f1 100%);
		background: -moz-gradient(center top, #aae5f7 0%, #73d0f1 100%);
		background: -ms-linear-gradient(#aae5f7, #73d0f1);
		background: -o-linear-gradient(#aae5f7, #73d0f1);
		background: linear-gradient(#aae5f7, #73d0f1);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aae5f7,endColorstr=#73d0f1);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aae5f7, endColorstr=#73d0f1)";
	}
	.course-summary .btn.preview,
	.course-summary .btn.enroll,
	.course-summary .btn.access {
		display: block;
		width: 100%;
	}

	.course-summary .btn-group .btn {
		width: 80%;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.course-summary .btn-group .btn.dropdown-toggle {
		width: 20%;
		border-left-color: #996633;
	}
	.btn-group .dropdown-menu {
		right: 0;
	}
	.btn-group .dropdown-menu li {
		border: none;
	}
	.btn-group .dropdown-menu li a {
		text-shadow: none;
	}
	.btn-group .dropdown-menu li a:before {
		display: none;
	}
	.course-summary .btn-group .btn:hover,
	.course-summary .btn.enroll:hover {
		border-color: #fee9aa #b98a37 #b98a37 #fee9aa;
		color: #996633;
		background: #febe4d;
		background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71));
		background: -webkit-linear-gradient(#febe4d, #feda71);
		background: -moz-linear-gradient(center top, #febe4d 0%, #feda71 100%);
		background: -moz-gradient(center top, #febe4d 0%, #feda71 100%);
		background: -ms-linear-gradient(#febe4d, #feda71);
		background: -o-linear-gradient(#febe4d, #feda71);
		background: linear-gradient(#febe4d, #feda71);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#febe4d,endColorstr=#feda71);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#febe4d, endColorstr=#feda71)";
	}
	.course-summary .btn.preview:hover {
		border-color: #c6edf9 #64b3cc #64b3cc #c6edf9;
		color: #41788c;
		background: #73d0f1;
		background: -webkit-gradient(linear, left top, left bottom, from(#73d0f1), to(#aae5f7));
		background: -webkit-linear-gradient(#73d0f1, #aae5f7);
		background: -moz-linear-gradient(center top, #73d0f1 0%, #aae5f7 100%);
		background: -moz-gradient(center top, #73d0f1 0%, #aae5f7 100%);
		background: -ms-linear-gradient(#73d0f1, #aae5f7);
		background: -o-linear-gradient(#73d0f1, #aae5f7);
		background: linear-gradient(#73d0f1, #aae5f7);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#73d0f1,endColorstr=#aae5f7);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#73d0f1, endColorstr=#aae5f7)";
	}
	.course-summary strong {
		font-size: 2em;
		display: block;
		text-align: center;
		color: #fff;
		font-weight: normal;
		padding: 0.5em 0;
	}

	.aside > div:last-child {
		margin-bottom: 30px;
	}
	.intro .aside > div:last-child {
		margin-bottom: 0px;
	}

	.course.below {
		border-top: 1px solid #e1e1e1;
	}
	.course.below .section {
		padding: 30px;
		margin: 0;
	}
/* Entry author */
	.course-instructors {
		margin: 0 0 4em 0;
	}
	.course-instructor {
		border-radius: 0.25em;
		font-size: 1em;
		margin: 0;
		border-top: 1px solid #e9e9e9;
	}
	.course-instructor h3 {
		margin: 0;
		padding: 1em;
		border-bottom: 1px solid #fff;
	}
	.course-instructor h4 {
		font-size: 1.2em;
		line-height: 2em;
		padding: 0;
		margin: 0;
	}
	.course-instructor h4 a {
		color: #333;
		border: none;
	}
	.course-instructor-photo {
		margin: 1em;
		padding: 0;
		float: left;
		border: 5px solid #fff;
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
		   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
		    -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
		     -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
		        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
		width: 40px;
		height: 40px;
		overflow: hidden;
	}
	p.course-instructor-org {
		margin: 0;
		color: #999;
	}
	p.course-instructor-bio {
		margin-top: 0;
	}
	div.course-instructor-bio {
		margin: 0 0 1em 0;
	}
	.course-instructor-photo img {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	.course-instructor-content {
		padding: 1em 0 0 0;
		margin: 0 0 0 65px;
		font-size: 1em;
		color: #666;
	}

/* Manager options */
	.fancybox-overlay #hubForm {
		max-width: 600px;
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	.fancybox-overlay #managersForm {
		padding: 1.5em 1.5em;
	}
	.fancybox-overlay #hubForm fieldset {
		width: auto;
		margin: 0;
		border: none;
	}
	.fancybox-overlay #hubForm .grid {
		margin: 0 1.5em;
	}
	.fancybox-overlay #hubForm .grid p,
	.fancybox-overlay #hubForm .grid label {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.fancybox-overlay #hubForm:before,
	.fancybox-overlay #hubForm:after,
	.fancybox-overlay #hubForm fieldset:before,
	.fancybox-overlay #hubForm fieldset:after {
		display: none;
	}
	.fancybox-overlay #hubForm .submit {
		margin: 0;
		padding: 0 0 1em 0;
	}
	.fancybox-overlay #hubForm .grid .submit {
		padding-top: 3em;
	}

	.form-inplace label {
		display: block;
		margin: 0 0 1.5em 0;
	}
	.form-inplace label input[type=text],
	.form-inplace label input[type=password],
	.form-inplace label input[type=email],
	.form-inplace label textarea {
		width: 100%;
	}
	.form-inplace .submit {
		text-align: center;
	}
	form .optional,
	form .required {
		text-transform: uppercase;
		font-size: xx-small;
	}
	form .required {
		color: red;
	}
	form .optional {
		color: #999;
	}
	.form-inplace .hint {
		color: #999;
		display: inline-block;
		margin: 0.5em 0;
	}

	.manager-options,
	.course.offering-help {
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,
											color-stop(.25, rgba(255, 255, 255, .065)), color-stop(.25, transparent),
											color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .065)),
											color-stop(.75, rgba(255, 255, 255, .065)), color-stop(.75, transparent),
											to(transparent));
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%,
										transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%,
										transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%,
										transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%,
										transparent 75%, transparent);
		background-image: linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%,
										transparent 75%, transparent);
		-webkit-background-size: 30px 30px;
		   -moz-background-size: 30px 30px;
		        background-size: 30px 30px;
		background-color: #fffbe2;
		color: #918263;
	}
	.course.offering-help .aside {
		padding-top: 30px;
	}
	.manager-options {
		padding: 0.618em;
		margin: 0 0 1em 0;
		border: 1px solid #d5ca78;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		text-align: right;
	}
	.manager-options span {
		text-align: left;
		float: left;
		display: block;
		padding: 0.4em 0 0.4em 0.7em;
	}
	.aside .manager-options {
		margin-top: 30px;
	}

	.manager-options.draft {
		margin: 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		    -ms-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
	}

	ul.sub-menu li.add-page {
		float: right;
	}
	ul.sub-menu li.add-page a {
		color: #918263;
		text-shadow: none;
		background-color: #fffbe2;
		border-color: #d5ca78;
		border-bottom: 1px solid #bababa;
		padding: 0.5em 1em 0.4em 1em;
	}
	ul.sub-menu li.add-page a:hover {
		color: #333;
		background-color: #eeead1;
	}

	.course-group {
		border: 1px solid #e9e9e9;
		margin: 2em 0 0 0;
		padding: 2em;
		position: relative;
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
	}
	.course-group p {
		margin: 0 0 0.3em 0;
		padding: 0;
	}
	.course-group h3 {
		margin: 0;
		padding: 0;
	}
	.course-group a {
		border: none;
		color: inherit;
	}
	.course-group p.course-group-img {
		float: left;
		margin: 0 1.5em 0 0;
	}

	#notifier {
		color: green;
		float: right;
		display: none;
	}
	#notifier:before {
		content: "\2714";
		font-family: "Fontcons";
		margin-right: 0.2em;
	}

/* Uploader */
	.qq-uploading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 107px;
		color: #fff;
		font-size: 18px;
		padding: 75px 0 0 0;
		text-align: center;
		background: rgba(0,0,0,0.75);
	}
	.qq-uploader {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	/* Upload list */
	.qq-upload-list {
		list-style: none;
		margin: 1em 0;
	}
	.qq-upload-list li {
		color: #FFFFFF;
		margin: 0 0 1px;
		padding: 0.5em;
		overflow: hidden;
		line-height: 1;
		font-size: 1em;
		list-style: none;
		-webkit-text-shadow: none;
		   -moz-text-shadow: none;
		    -ms-text-shadow: none;
		     -o-text-shadow: none;
		        text-shadow: none;
		-webkit-border-radius: 0.5em;
		   -moz-border-radius: 0.5em;
		    -ms-border-radius: 0.5em;
		     -o-border-radius: 0.5em;
		        border-radius: 0.5em;
		position: relative;
		background: #BFE613;
		background: #5DA30C -moz-linear-gradient(-45deg, rgba(45, 170, 60, 0), rgba(45, 170, 60, 0) 10%, rgba(146, 209, 0, 0.4) 30%, rgba(146, 209, 0, 0.4) 50%, rgba(45, 170, 60, 0) 50%, rgba(45, 170, 60, 0));
		background: #5DA30C -webkit-gradient(linear, 0 0, 60 60, from(rgba(45, 170, 60, 0)), color-stop(.49, rgba(45, 170, 60, 0)), color-stop(.491, rgba(146, 209, 0, .4)), color-stop(.8, rgba(146, 209, 0, .4)), color-stop(.801, rgba(45, 170, 60, 0)), to(rgba(45, 170, 60, 0)));
		background-size: 120px 120px;
		-webkit-animation-name: gradientShift;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-fill-mode: both;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: gradientShift;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-fill-mode: both;
		-moz-animation-timing-function: linear;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter: alpha(opacity=75);
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	@-webkit-keyframes gradientShift {
		0%   { background-position-x: 0px; }
		100% { background-position-x: 120px; }
	}

	@-moz-keyframes gradientShift {
		0%   { background-position: 0px 0; }
		100% { background-position: 120px 0; }
	}
	.qq-upload-file,
	.qq-upload-spinner,
	.qq-upload-size,
	.qq-upload-cancel,
	.qq-upload-failed-text {
		margin-right: 12px;
		z-index: 250;
		position: relative;
	}
	.qq-upload-spinner {
		display: inline-block;
		background: url("../img/loading.gif");
		width: 15px;
		height: 15px;
		vertical-align: text-bottom;
	}
	.qq-upload-size,
	.qq-upload-cancel {
		font-size: 0.9em;
		font-weight: normal;
	}
	.qq-upload-failed-text {
		display: none;
	}
	.qq-upload-fail .qq-upload-failed-text {
		display: inline;
	}
	.qq-upload-list li.qq-upload-success {
		background: #5DA30C;
		color: #FFFFFF;
	}
	.qq-upload-list li.qq-upload-fail {
		background: #AF0000;
		color: #FFFFFF;
	}
	.qq-upload-spinner,
	.qq-upload-size,
	.qq-upload-cancel,
	.qq-upload-failed-text {
		float: right;
	}
	.qq-upload-spinner {
		display: none;
	}
	.qq-progress-bar {
		width: 51%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #5DA30C;
		-webkit-box-shadow: 0px 0px 14px #0D4500;
		   -moz-box-shadow: 0px 0px 14px #0D4500;
		    -ms-box-shadow: 0px 0px 14px #0D4500;
		     -o-box-shadow: 0px 0px 14px #0D4500;
		        box-shadow: 0px 0px 14px #0D4500;
		-webkit-border-radius: 0.5em;
		   -moz-border-radius: 0.5em;
		    -ms-border-radius: 0.5em;
		     -o-border-radius: 0.5em;
		        border-radius: 0.5em;
	}
	.qq-upload-cancel {
		color: #800000;
		display: none;
	}
	.qq-upload-success .qq-progress-bar {
		display: none;
	}

	/* Drop areas */
	.qq-upload-button,
	.qq-upload-drop-area {
		text-align: center;
		color: #bbb;
		padding: 0;
		height: 100%;
		text-align: center;
		padding: 0;
	}
	.qq-upload-button span,
	.qq-upload-drop-area span {
		display: block;
		margin-top: 50px;
		padding: 1em;
		position: relative;
		padding-left: 1.5em;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
	}
	.qq-upload-button span:before,
	.qq-upload-drop-area span:before {
		font-family: "Fontcons";
		content: "\f03e";
		margin-right: 0.4em;
	}
	.qq-upload-button:hover,
	.qq-upload-drop-area:hover,
	.qq-upload-drop-area-active {
		cursor: pointer;
		background: rgba(0, 0, 0, 0.4);
	}
	.qq-upload-button:hover span,
	.qq-upload-drop-area:hover span,
	.qq-upload-drop-area-active span {
		background: transparent;
	}
	.qq-upload-drop-area {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}