.rounded-corners {behavior: url(/css/border-radius.htc);}
#sideBar {color:#2d2d2d;}
#sideBar h3 {text-transform: uppercase;letter-spacing:0.2em;margin:2em 0 1em 0;padding:0;color:#818181;font-size:1.3rem;}
#sideBar h3.title {margin-top:0;}
#sideBar h1 {font-size:2.1rem;margin-top:0;}
#sideBar ol li {color:#2d2d2d;}
#sideBar section, #sideBar div {color:#2d2d2d;padding-left:3px;}
#sideBar section.certificate {padding-left:18px;}
#sideBar .sidebar-inner {margin-top:15px;margin-bottom:15px;margin-right:-15px;padding:12px;background:#f5f5f5;}
#course, #course-editor {padding:1em 0;}
#modules .block-tab {background-color:#ca965b;}
#modules .block-tab-moduletype1 {background-color:#ca965b;}
#modules .block-tab-moduletype2 {background-color:#8d99c7;}
#modules .block-body {padding:0;}
#modules #block-heading-info a.myLibrary {float:left;}
a.myLibrary {color:#333;}
a.myLibrary:hover {color:#333;text-decoration:none;}
#myLibrary .fa{color:#ab9d6e;}
#block-heading-info {color:#333;}
#block-heading-info a{color:#333;margin-left:50px;}
@media only screen and (max-width:767px ) {
	#block-heading-info a {margin-left:0.5em;}
}
#block-heading-info a:hover {text-decoration:none;}
#block-heading-info .fa{color:#ab9d6e;}
#course-completion {float:right;}
.block-header h3 {display:inline;text-transform: uppercase;letter-spacing:0.2em;margin:0em 0 0em 0;padding:0;color:#818181;font-size:1.3rem;}
.block-header span.percent {display:inline-block;font-size:1.6rem;margin-top:-10px;}
.main-course-row {margin-right:0;}
.questionResponses {display:none;padding:0 0 0 25px;}
.questionAnswers {cursor:pointer;background:#e5e4de;margin:0.9rem 0;padding:0.5rem 0.9rem;line-height:150%;
	-o-transition:color .5s ease-out, background 0.5s ease-in;
	-ms-transition:color .5s ease-out, background 0.5s ease-in;
	-moz-transition:color .5s ease-out, background 0.5s ease-in;
	-webkit-transition:color .5s ease-out, background 0.5s ease-in;
	/* ...and now override with proper CSS property */
	transition:color .5s ease-out, background 0.5s ease-in;
}
.remove-extra-producer-link i {color:red;cursor:pointer;}
.add-extra-producer-link {cursor:pointer;}
#BAD.questionAnswers p:first-of-type {display:inline-block;}
.questionLabels_scored {margin-left:-3.5rem;}
.questionAnswered,.questionAnswers:hover {color:#fff;background:#ab9d6e; }
.questionLabels {font-weight:bold;display:block;float:left;margin-right:5px;}
.questionDivs {display:none;clear:left;margin-top:120px;}
.noMoreQuestions:not(.questionAnswered) {cursor:not-allowed;}
#courseBody {padding:30px 50px;line-height: 175%;font-size: 1.6rem;color:#4b4b4b;}
#courseBody._slim {padding:20px 20px;}
#courseBody h1 {font-size:2.1rem;}
#courseBody .course-thumbnail {float:left;padding-right:20px;}
#block-heading-info {padding-top:7px;}
#next-button,#next-question-button {float:right;color:#fff;}
.next-inactive,.next-inactive:hover {opacity:0.5;background:#ca965b;}
.next-active {background:#ca965b;}
.next-active:hover {opacity:0.8;background:#ca965b;}
.indicatorDot {float:left;font-size:2em;color:#d66300;line-height:0.7em;}
#scoreStars {padding-top:30px;}
#scoreStars .fa-check-circle {color:#8d99c7;font-size:24px;padding:2px;}
#scoreStars .fa-check-circle-o {color:#8d99c7;font-size:24px;padding:2px;}
#scoreStars .fa-times {color:#b2b2b2;font-size:24px;padding:2px;}
#reviewStars {}
#reviewStars .rating-star {color:#8d99c7;font-size:24px;padding:2px;cursor:pointer;}
#learningPoints {margin-top:20px;}
#learningPoints .bulb .fa-lightbulb-o {color:#fff;font-size:42px;line-height:60px;}
#learningPoints .bulb {background:#ab9d6e;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius: 50%;width:60px;height:60px;text-align:center;}
#learningPoints h2 {margin-top:10px;width:100px;color:#ab9d6e;font-size:1.5em;}
#learningPoints .learningPoint {display:none;overflow:hidden;}
#learningPoints .learningPoint.active {display:block;}
#learningPoints .lp-title {font-weight: 700;display: block;font-size: 20px;margin-bottom: 12px;}
#learningPoints #icon {float:left;width:150px;}
#video_course_body h1 {padding-left:0;padding-bottom:10px;margin-top:10px;}
#certificateBody {clear:left;padding-top:50px;}
#powerpointBody {clear:left;padding-top:50px;}
#print-certificate-button {margin-top:30px;color:#fff;}
#launch-powerpoint-button {margin:30px 0;color:#fff;}
#sideBar li {position:relative;}
#sideBar li.active[data-chapter-id]:before {
	position:absolute;
	top:0;
	left:-37px;
	font-size:2em;color:#d66300;line-height:0.7em;
	content: '\2022';
}
.cc-question {}
.cc-question-option-wrapper {position:relative;padding-right:24px;border-bottom:1px dashed #b2b2b2;padding-top:6px;padding-bottom:6px;}
.cc-question-option {background:transparent;margin:0.9rem 0;padding:6px;line-height:150%;margin-left:24px;position:relative;
	-o-transition:color .3s ease-out, background 0.3s ease-in;
	-ms-transition:color .3s ease-out, background 0.3s ease-in;
	-moz-transition:color .3s ease-out, background 0.3s ease-in;
	-webkit-transition:color .3s ease-out, background 0.3s ease-in;
	transition:color .3s ease-out, background 0.3s ease-in;}
.cc-question-option-correct {background:#e1efe1;}
.cc-question-option-text-wrapper {position:relative;}
.cc-sort {position:absolute;left:0;top:0;color:#b2b2b2;}
.cc-sort .fa {display:block;cursor:pointer;}
.cc-sort .fa:hover {color:#191919;}
.sidebar-item {position:relative;}
.sidebar-sort {position:absolute;left:0;top:0;color:#b2b2b2;}
.sidebar-sort .fa {display:block;cursor:pointer;}
.sidebar-sort .fa:hover {color:#191919;}
.sidebar-sort .fa-caret-up {margin-bottom:-4px;}
.li-item {position:relative;}
.li-sort {position:absolute;left:-40px;top:0;color:#b2b2b2;}
.li-sort .fa {display:block;cursor:pointer;}
.li-sort .fa:hover {color:#191919;}
.li-sort .fa-caret-up {margin-bottom:-4px;}
.cc-question-option-label {cursor:pointer;font-weight:bold;position:absolute;padding:0;left:8px;top:8px;}
.cc-question-option-text {margin-left:29px;}
.cc-question-option-response {margin:0.9rem 0 0.9rem 59px;}
.sortable-ghost {opacity:0;}
form.cc-form {margin-top:4em;}
.cc-form-btn {float:right;color:#fff;background:#ca965b;}
.cc-form-btn:hover {opacity:0.8;background:#ca965b}
.cc-thumbnail {display:block;}
#course-creator #sideBar h3 {position:relative;margin-left:12px;}
#course-creator #sideBar h3.title {margin-left:0;}
#course-creator a.module-link {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:30px;}
#course-creator #sideBar a.cc-module-remove {position:absolute;right:0;top:0;color:#C00;display:none;}
#course-creator #sideBar h3:hover a.cc-module-remove, #course-creator #sideBar li:hover a.cc-module-remove {display:block;}
#course-creator #sideBar a.cc-course-remove {position:absolute;right:0;top:0;color:#C00;display:none;}
#course-creator #sideBar h1 {position:relative;padding-right:20px;}
#course-creator #sideBar h1:hover a.cc-course-remove {display:block;}
#course-creator .flash-notice {float:left;padding:6px;color:#ca965b;}
#course-creator .medium-editor-placeholder:after {top:4px;}
#course-creator #sideBar .sidebar-item li {padding-right:30px;padding-bottom:2px;}
#sideBar .cc-active:before {
	position:absolute;
	top:-1px;
	left:-23px;
	font-size:26px;color:#d66300;line-height:0.7em;
	content: '\2022';
}
#sideBar li.cc-active:before {
	left:-51px;
}
.radio-fa {
  display: none;
}
.radio-fa + label {
  display: block;
  font-size:0;
  width:23px;
  cursor: pointer;
}
.radio-fa + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size:22px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 23px;
}
.radio-fa + label:before {
  content: "\f00d"; /* Radio Unchecked */
}
.radio-fa:checked + label:before {
  content: "\f00c"; /* Radio Checked */
}
.radioBAD label {
  padding-left: 0;
}
#course-creator a.cc-parent-remove {position:absolute;right:0;top:0;color:#C00;display:none;}
#course-creator .cc-question-option-wrapper:hover a.cc-parent-remove {display:block;}

#course-creator .tl-thumbnail>a {margin-bottom:15px;display:block;border:3px solid transparent;}
#course-creator .tl-thumbnail>a.active {border-color:#ca965b}
#course-creator .tl-thumbnail img {height:auto;width:100%;}

#img-preview {position:absolute;display:none;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);}

.col-md-5 .block-header #block-heading-info a {margin-left:30px;}

#sideBar li[data-chapter-id] {color:#b2b2b2;}
#sideBar li[data-chapter-id].chapter-available {cursor:pointer;color:#191919;}

#video-reminder {display:none;cursor:pointer;float:right;margin-right:100px;}
#video-reminder i {color:#ab9d6e;}
#video-reminder span {white-space:nowrap;font-size:1.6rem;display:inline-block;padding-left:4px;}
#video-reminder.active {display:block;}
.trumbowyg-box, .trumbowyg-editor, .trumbowyg-textarea {min-height:200px;}
.cc-question-option {padding: 0 0 0 6px;}
.cc-question-option-wrapper .trumbowyg-box {margin:0.9rem 0 0.9rem 59px;width:auto;}
.cc-question-option-text-wrapper .trumbowyg-box {margin:0 0 0 29px;width:auto;}
.cc-question-option-wrapper .trumbowyg-box, .cc-question-option-wrapper .trumbowyg-editor, .cc-question-option-wrapper .trumbowyg-textarea {min-height:100px;}
.cc-question-option .trumbowyg-box, .cc-question-option .trumbowyg-editor, .cc-question-option .trumbowyg-textarea {min-height:175px;}
.trumbowyg-button-pane {background-color:#f5f5f5;}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {margin-top:-1px;}
.main-course-scorm-frame{
	width: 100%;
	min-height: 600px;
    height: auto;
}
@media (max-width: 480px) {
	.questionAnswers {margin:0.9rem 1.2rem !important;}
	.questionLabels_scored {margin-left:-2.8rem !important;}
	.questionAnsweredCorrectly .questionLabels_scored {margin-left:-3.05rem !important;}
}


/*  mobile.css */
#course-sidebar-toggle {
	display:none;
}

@media only screen and (max-width:991px ) {
	#course-sidebar-toggle {
		display:block;
		margin-top:20px;
	}

	.sidebar-html-wrapper{
		display:none;
	}
	.sidebar-html-wrapper.active{
		display:block;
	}

	#courseBody .course-thumbnail,
	#courseBody h1 > span {
		display:none;
	}
	#courseBody h1 span#video-reminder.active {
		display:block;
		position:fixed;
		background-color: #ffffff;
		padding:10px;
		box-shadow:0 0 5px #666;
		top:30px;
	}

	#catalog-search {
		padding-left:3em;
	}

	#sideBar .sidebar-inner {
		margin-top:0;
		border-top:15px solid #fff;
		border-right:15px solid #fff;
	}
	header, #topcolors {height:auto;}
	#welcome {top:0;margin-bottom:5px;}
}
@media only screen and (max-width : 767px) {
	#learningPoints #icon {
		float:none;
	}
	.block-search, #catalog-search {
		padding-left:0.5em;
		height:10px;
	}
	#catalog-search .form-group {
		display:inline-block;
	}

	.block-header .form-inline .form-control, .block-header .form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.block-search input, #catalog-search input {
		width:100px;
		max-width:30vw;
	}
}

@media only screen and (max-width: 576px) {
  #search-results thead{
    font-size:10px;
  }
  #search-results .sr-title img{
    display:none;
  }
  #search-results .sr-title span,
   #search-results .course-info,
   #search-results .course-length{
    font-size:14px;
  }
  #search-results .course-rating .fa{
    font-size:10px !important;
  }
 
	#catalog-search input {
		width:75px;
	}
}
@media only screen and (max-width: 480px) {

  #course #modules{
    padding-right:0;
  }
  #courseBody {
    padding: 10px;
  }
  #courseBody h1 span#video-reminder.active {
    display:block;
    margin-right:0;
    margin-top:40px;
  }

	#course-completion h3 {
		display:none;
	}
  .block-control{
    display:none;
  }

  #messages #block-heading-info {
    position:absolute;
    top: -30px;
  }

  .course-img {
    width:60px;
  }
  .course img{
    width:60px;
    height:45px;
  }

  .category-slideshow .course .course-title span{
    position:relative;
    top:-5px;
  }
  .course-assigned .course-status span.m {
    font-size:12px;
  }
  #search-results thead{
    font-size:8px;
  }
	.block-tab>span, .block-tab>a>span {font-size:18px;}
	#course-catalog #block-heading-info a {visibility:hidden;font-size:0;}
	#course-catalog #block-heading-info a i {visibility:visible;font-size:18.667px;}

  .block-sub{
    font-size:0.9em;
  }
}