/*-- pg-courses --*/
body.pg-courses #main-content h1 { margin-top: 10px; font-size: 44px; }
body.pg-courses .course-actions .btn-color { display: inline-block; margin: 6px 10px 8px 0; padding-top: 13px; padding-bottom: 13px; }
body.pg-courses .course-actions .btn-color:last-child { margin-right: 0; }
body.pg-courses .course-actions .btn-color i.fa { margin-right: 8px; }
body.pg-courses #courses { margin-top: 10px; }
body.pg-courses #course-list { margin: 0; padding: 0; list-style: none; }
body.pg-courses #courses li.course { margin: 0; padding: 25px 0; border-top: 1px solid #ddd; }
body.pg-courses #courses li.course:first-child { padding-top: 0; border-top: none; }
body.pg-courses #courses li.course .course-main { float: left; clear: left; display: inline; width: 800px; background-color: #fff; box-shadow: 0 0 2px rgba(37,51,60,0.35); }
html[data-useragent*='MSIE'] body.pg-courses #courses li.course .course-main { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-main { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
body.pg-courses #courses li.course .webpage-message { margin: 0; padding: 15px 24px 18px 24px; background-color: #f1f4fa; border-bottom: 1px solid #d1daee; }
body.pg-courses #courses li.course .webpage-message h4 { margin: 0; padding: 0 0 7px 0; font-size: 22px; font-weight: 400; color: #355eb3; }
body.pg-courses #courses li.course .webpage-message h4 i.fa { margin-right: 8px; }
body.pg-courses #courses li.course .webpage-message p { margin-top: 0; padding-top: 0; }
body.pg-courses #courses li.course .webpage-message p:last-child { margin-bottom: 0; padding-bottom: 0; }
body.pg-courses #courses li.course .webpage-success { background-color: #eff6ee; border-bottom: 1px solid #cae1c7; }
body.pg-courses #courses li.course .webpage-success h4 { color: #177d0c; }
body.pg-courses #courses li.course .webpage-warning { background-color: #fdf4f0; border-bottom: 1px solid #f8dbcd; }
body.pg-courses #courses li.course .webpage-warning h4 { color: #df6127; }
body.pg-courses #courses li.course .webpage-message.bb0 { border-bottom-width: 0; }
body.pg-courses #courses li.course .course-content { padding: 20px 42px 35px 42px; }
body.pg-courses #courses li.course .course-content h2 { margin-bottom: 9px; padding-bottom: 3px; font-size: 32px; font-weight: 300; color: #000; border-bottom: 1px solid #dcdedf; }
body.pg-courses #courses li.course .course-info .block { margin: 5px 0 15px 0; }
body.pg-courses #courses li.course .course-info .block.mb0 { margin-bottom: 0; }
body.pg-courses #courses li.course .course-info .block.mt15 { margin-top: 15px; }
body.pg-courses #courses li.course .course-info .block h3 { margin-bottom: 3px; font-size: 20px; font-weight: 400; }
body.pg-courses #courses li.course .course-info .block-complete h3 { color: #177d0c; }
body.pg-courses #courses li.course .course-info .block-notice h3 { color: #df6127; }
body.pg-courses #courses li.course .course-info .block-message h3 { color: #b02b2c; }
body.pg-courses #courses li.course .course-info .block h3 i.fa { margin-right: 8px; }
body.pg-courses #courses li.course .course-info .block-message h3 i.fa-exclamation-triangle { font-size: 18px; }
body.pg-courses #courses li.course .course-info .block p:first-child { margin-top: 0; padding-top: 0; }
body.pg-courses #courses li.course .course-info .block p:last-child { margin-bottom: 0; padding-bottom: 0; }
body.pg-courses #courses li.course .course-info .block hr { clear: both; height: 2px; margin: 1.25rem 0; padding: 0; border: none; background: #ccc; }
body.pg-courses #courses li.course .course-info .block h3 + ul { margin-top: 1rem; }
body.pg-courses #courses li.course .course-info .block ul + h3 { margin-top: 1em; }
body.pg-courses #courses li.course .course-info .block .webpage-content + .webpage-readmore { margin-top: 1rem; }
body.pg-courses #courses li.course .course-info .block .webpage-readmore .fa-external-link { margin-left: 6px; }
body.pg-courses #courses li.course .course-info .study-details { margin-top: 10px; padding: 0.55em 0.65em 0.8em 0.8em; background: #e1e7f4; border: 1px solid #c0cde7; border-radius: 0.2em; }
body.pg-courses #courses li.course .course-info .study-details .btn-color { float: right; margin-top: 2px; padding: 9px 18px 7px 18px; font-size: 14px; }
body.pg-courses #courses li.course .course-info .study-details .study-progress { padding: 6px 0 2px 0; }
body.pg-courses #courses li.course .course-info .study-details .study-progress div + div { padding-top: 5px; }
body.pg-courses #courses li.course .course-side { position: relative; float: right; clear: right; display: inline; width: 330px; }
body.pg-courses #courses li.course .course-side-box { width: 330px; }
body.pg-courses #courses li.course .course-side-main { width: 330px; min-height: 100px; background: #fff url(/common/images/sidebar_header1.png) no-repeat center -55px; background-size: contain; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.25); }
html[data-useragent*='MSIE'] body.pg-courses #courses li.course .course-side-main { box-shadow: 0 0 5px rgba(0,0,0,0.25); }
html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-side-main { box-shadow: 0 0 5px rgba(0,0,0,0.25); }
body.pg-courses #courses li.course .course-side-main.absolute { position: absolute; }
body.pg-courses #courses li.course .course-side-main.fixed { position: fixed; }
html.mod-csspositionsticky body.pg-courses #courses li.course { position: relative; }
html.mod-csspositionsticky body.pg-courses #courses li.course .course-side { position: sticky; top: 78px; }
html.mod-csspositionsticky body.pg-courses #courses li.course .course-side-main.absolute { position: static; }
html.mod-csspositionsticky body.pg-courses #courses li.course .course-side-main.fixed { position: static; }
body.pg-courses #courses li.course .course-side-content { padding: 18px 20px 20px 20px; }
body.pg-courses #courses li.course .course-side-content h3 { font-size: 24px; font-weight: 400; }
body.pg-courses #courses li.course .course-side-content > h3:first-child,
body.pg-courses #courses li.course .course-side-content > .webpage:first-child > h3:first-child { margin: -18px -20px -1px -20px; padding: 18px 20px 4px 20px; color: #fff; background: url(/common/images/sidebar_header1b.png) no-repeat center top; background-size: cover; border-radius: 3px 3px 0 0; }
body.pg-courses #courses li.course .course-side-content > h3.multiline:first-child,
body.pg-courses #courses li.course .course-side-content > .webpage:first-child > h3.multiline:first-child { padding-top: 6px; }
body.pg-courses #courses li.course .course-side-content ul { margin: 15px 0 0 0; padding: 0; list-style: none; }
body.pg-courses #courses li.course .course-side-content ul li { margin: 0; padding: 1px 0; }
body.pg-courses #courses li.course .course-side-content .hide-study ul li.bullet-study { display: none; }
body.pg-courses #courses li.course .course-side-content .hide-exam ul li.bullet-exam { display: none; }
body.pg-courses #courses li.course .course-side-content .hide-cert ul li.bullet-cert { display: none; }
body.pg-courses #courses li.course .course-side-content ul li i.fa { float: left; clear: left; display: inline; margin: 4px 7px 3px 0; }
body.pg-courses #courses li.course .course-side-content .completion { margin-top: 19px; }
body.pg-courses #courses li.course .course-side-content .completion .completion-progress { display: block; height: 10px; background-color: #ddd; border-radius: 6px; overflow: hidden; }
body.pg-courses #courses li.course .course-side-content .completion .completion-progress-bar { display: block; min-width: 1%; height: 10px; background-color: #537190; border-radius: 6px; }
body.pg-courses #courses li.course .course-side-content .completion .completion-percent { display: block; margin-top: 3px; font-size: 15px; color: #656565; }
body.pg-courses #courses li.course .course-side-content .next-step { margin-top: 15px; }
body.pg-courses #courses li.course .course-side-content .next-step h4 { margin: 0 0 3px 0; font-size: 20px; font-weight: 400; }
body.pg-courses #courses li.course .course-side-content .next-step-details i.fa { float: left; display: inline; width: 22px; margin: 4px 0 0 0; }
body.pg-courses #courses li.course .course-side-content .next-step-details .next-step-text { float: right; display: inline; width: 261px; }
body.pg-courses #courses li.course .course-side-content .course-buttons { padding: 10px 0 5px 0; text-align: center; }
body.pg-courses #courses li.course .course-side-content .course-buttons .btn-color { display: block; margin: 10px 0 0 0; padding: 14px 0; }
body.pg-courses #courses li.course .course-side-content .course-buttons .btn-color.print-apptcard { padding-left: 18px; padding-right: 18px; font-size: 88.2%; }
body.pg-courses #courses li.course .course-side-content .course-buttons .btn-color i.fa { margin-right: 8px; }
body.pg-courses #courses li.course .course-side-content .course-links { margin-top: 10px; font-size: 14px; text-align: center; }
body.pg-courses #courses li.course .course-side-content .course-links a { margin: 0 10px; }
body.pg-courses #courses li.course .course-side-content .webpage.side-pop { margin: 20px -30px 0 -30px; padding: 15px 20px; background: #f1f4fa; border: 1px solid #d1daee; box-shadow: 0 0 5px 1px rgba(0,0,0,0.10); border-radius: 0.10em; }
body.pg-courses #courses li.course .course-side-content .webpage.side-pop-warn { background-color: #fdf4f0; border-color: #f8dbcd; }
body.pg-courses #courses li.course .course-side-content .webpage.side-pop-success { background-color: #eff6ee; border-color: #cae1c7; }
body.pg-courses #courses li.course .course-side-content .webpage.side-pop .webpage-content p:last-child { margin-bottom: 0.5rem; }
body.pg-courses #courses .course-side-bottom { display: block; padding: 16px 0; font-size: 14px; text-align: center; background-color: #eef0f1; border-top: 1px solid #d7dcde; border-radius: 0 0 2px 2px; }
body.pg-courses #courses .course-side-bottom h4 { margin: 0; padding: 0; font-size: 18px; font-weight: 400; }
body.pg-courses #courses .course-side-bottom .course-side-bottom-links { padding-top: 2px; }
body.pg-courses #courses .course-side-bottom .course-side-bottom-links a { margin: 0 12px; }
body.pg-courses #courses .course-side-bottom .course-side-bottom-links a:first-child { margin-left: 0; }
body.pg-courses #courses .course-side-bottom .course-side-bottom-links a:last-child { margin-right: 0; }
body.pg-courses #courses .course-side-bottom .course-side-bottom-links a i.fa { margin-right: 5px; }
/* Can we simplify this a bit? Maybe make the box shadow a generic class? */
body.pg-courses #courses li.course .course-side-content .purchase-list { position: relative; }
body.pg-courses #courses li.course .course-side-content .purchase-list a.purchase-credits { margin-left: 0; margin-right: 0; padding: 15px 0.8rem; font-size: 90%; border-radius: 3px 0 0 3px; }
body.pg-courses #courses li.course .course-side-content .purchase-list a.purchase-open { padding: 15px 1rem;  border-left: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0 3px 3px 0; }
body.pg-courses #courses li.course .course-side-content .purchase-list a.purchase-open i.fa { margin: 0; }
body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options { position: absolute; top: calc(100% + 20px); right: 50%; transform: translateX(50%); text-align: left; opacity: 0; visibility: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: all linear 100ms; }
html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options,
html[data-useragent*='Edge/'] body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options { box-shadow: 0 0.5px 7px rgba(0,0,0,0.35); }
body.pg-courses #courses li.course .course-side-content .purchase-list.active .purchase-options.open { top: calc(100% + 10px); opacity: 1; visibility: visible; transition-duration: 150ms; }
body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options .arrow { position: absolute; top: -4px; left: 50%; width: 9px; height: 9px; margin-left: -4px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.35); transform: rotate(45deg); }
html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options .arrow,
html[data-useragent*='Edge/'] body.pg-courses #courses li.course .course-side-content .purchase-list .purchase-options .arrow { box-shadow: 0 0.5px 7px rgba(0,0,0,0.4); }
body.pg-courses #courses li.course .course-side-content .purchase-list ul { position: relative; margin: 0; padding: 5px 0 6px 0; font-size: 90%; list-style: none; background: #fff; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li { display: block; margin: 0; padding: 5px 15px; white-space: nowrap; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li h4 { margin: 0; color: #333; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li i.fa { float: none; clear: both; display: inline-block; margin: 0 5px 0 0; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li a { float: none; text-decoration: none; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li a:hover { text-decoration: underline; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li span.note { display: block; margin-left: 1.65rem; font-size: 85%; line-height: 130%; color: #555; }
body.pg-courses #courses li.course .course-side-content .purchase-list ul li span.note i.fa { margin-right: 3px; }

@media only screen and (min-width: 1006px) and (max-width: 1236px) {
	/*-- pg-courses --*/
	body.pg-courses #main-content h1 { font-size: 39px; }
	body.pg-courses #courses li.course .course-main { width: 650px; }
	body.pg-courses #courses li.course .course-side { width: 270px; }
	body.pg-courses #courses li.course .course-side-box { width: 270px; }
	body.pg-courses #courses li.course .course-side-main { width: 270px; background-position: center -42px; }
	body.pg-courses #courses li.course .course-side .btn-disabled.purchase { font-size: 94%; }
	body.pg-courses #courses li.course .course-side-content .next-step-details i.fa { display: none; }
	body.pg-courses #courses li.course .course-side-content .next-step-details .next-step-text { float: none; clear: both; display: block; width: auto; }
	body.pg-courses #courses .course-side-bottom .course-side-bottom-links a { margin: 0 7px; }
}

@media only screen and (max-width: 1006px) {
	/*-- pg-courses --*/
	body.pg-courses #main-content h1 { font-size: 36px; }
	body.pg-courses #courses li.course { margin: 25px 0; padding: 0; background-color: #fff; box-shadow: 0 0 2px rgba(37,51,60,0.35); }
	html[data-useragent*='MSIE'] body.pg-courses #courses li.course { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
	html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course { box-shadow: 0.5px 0 3px rgba(37,51,60,0.5); }
	body.pg-courses #courses li.course:first-child { margin-top: 0; }
	body.pg-courses #courses li.course:last-child { margin-bottom: 0; }
	body.pg-courses #courses li.course > .clear:last-child { height: 0; }
	body.pg-courses #courses li.course .course-main { float: none; clear: both; display: block; width: 650px; background: none; box-shadow: none; }
	html[data-useragent*='MSIE'] body.pg-courses #courses li.course .course-main { box-shadow: none; }
	html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-main { box-shadow: none; }
	body.pg-courses #courses li.course .course-content { padding-bottom: 0; }
	body.pg-courses #courses li.course .course-info .study-details { margin-top: 0; margin-bottom: 10px; padding: 0.4em 0.5em 0.65em 0.6em; }
	body.pg-courses #courses li.course .course-side { top: 0 !important; left: 0 !important; float: none; clear: both; display: block; width: auto; }
	body.pg-courses #courses li.course .course-side-box { width: auto; }
	body.pg-courses #courses li.course .course-side-main { width: auto; background: none; box-shadow: none; }
	html[data-useragent*='MSIE'] body.pg-courses #courses li.course .course-side-main { box-shadow: none; }
	html[data-useragent*='rv:11.0'] body.pg-courses #courses li.course .course-side-main { box-shadow: none; }
	body.pg-courses #courses li.course .course-side-main.absolute { position: static; }
	body.pg-courses #courses li.course .course-side-main.fixed { position: static; }
	body.pg-courses #courses li.course .course-side-content { padding: 5px 42px 35px 42px; }
	body.pg-courses #courses li.course .course-side-content h3 { font-size: 20px; }
	body.pg-courses #courses li.course .course-side-content > h3:first-child,
	body.pg-courses #courses li.course .course-side-content > .webpage:first-child > h3:first-child { margin: 0; padding: 0; color: #333; background: none; }
	body.pg-courses #courses li.course .course-side-content .webpage-content > p:first-child { margin-top: 5px; }
	body.pg-courses #courses li.course .course-side-content .webpage-content > ul:first-child { margin-top: 5px; }
	body.pg-courses #courses li.course .course-side-content .next-step-details .next-step-text { width: 537px; }
	body.pg-courses #courses li.course .course-side-content .course-buttons { padding-top: 25px; }
	body.pg-courses #courses li.course .course-side-content .course-buttons a.btn-color { padding: 18px 25px; }
	body.pg-courses #courses li.course .course-side-content .webpage.side-pop { margin: 30px -52px -5px -52px; }
}

@media only screen and (max-width: 719px) {
	/*-- pg-courses --*/
	body.pg-courses #courses li.course .course-main { width: 470px; }
	body.pg-courses #courses li.course .course-content h2 { font-size: 24px; }
	body.pg-courses #courses li.course .course-side-content .next-step-details .next-step-text { width: calc(100% - 29px); }
}

@media print {
	body.pg-courses #courses li.course .course-side-main { position: relative !important; top: 0 !important; background: none; }
	body.pg-courses #courses li.course .course-side-content h3 { padding-bottom: 0 !important; color: #333 !important; }
}