.course-content {
  border-radius: 5px;
  overflow: hidden;
  position:relative;
  margin:0 0 10px 0;
}
.course-content-head {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 0;
	padding: 15px 20px;
	background: #19547B;
}
.course-content-head h3 {
	color:#fff;
}

.item-progress {
	width:30px;
	height:30px;
	border:4px solid #f9f9f9;
	margin:0;
	background:#fff;
	border-radius:50%;
	display:flex;
	justify-content: center;
	align-items:center;
	align-content:center;
}	
.item-progress.ld_in_progress {
	border-color: #fbb13c #f9f9f9 #f9f9f9 #fbb13c;
	border-style: solid;
	border-width: 4px;
	transform: rotate(-45deg);
	background-color: #fff;
}
.item-progress.ld_complete {
	border:4px solid #57B8FF;	
	background:#57B8FF;
	color:#fff;
}
	
.list-item {
  background-color: #fff;
  width: 100%;
  transition: 0.4s;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  align-content:center;
  border-bottom:solid 1px #e9e9e9;
}
.course-content .list-item:last-child {
	border-bottom:0;
}	
	
.item-info {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  align-content:center;	
  padding: 16px;
  width: calc(100% - 46px);
}
.item-title {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:center;	
	width:calc(100% - 30px);
}
.item-title a {
	width:100%;
	font-size:16px;
	line-height:1em;
	padding:7px 16px;
	height: 30px;
}
.subitems,.sectionlessons {
  width:100%;
  padding:0;
  background-color:#e9e9e9;
  max-height: 0;
  overflow: hidden;
  margin:0;
  transition: max-height 0.2s ease-out;
}
.subitems .item-stats {
	padding:16px;
	width:100%;
	background:#57B8FF;
	color:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;	
}	
.subitems .item-stats h4{
	font-size:12px;
	color:#fff;
}
		
.subitems ul.sub-item-list {
	padding:0;
	margin:0;
	list-style:none;
}	
.subitems ul.sub-item-list li{
	width:100%;
	padding:14px 16px;
	font-size:14px;
	border-bottom:1px solid #fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;	
}
.subitems ul.sub-item-list li a {
	font-size:14px;	
}
.subitems ul.sub-item-list li:last-child{
	border-bottom:0;
}	
button.togglebutton, button.togglelessons {
	margin:16px 16px 16px 0;
	width:30px;
	height:30px;
	padding:0;
	border-radius:5px;
	display:flex;
	justify-content: center;
	align-items:center;
	align-content:center;	
}
.togglebutton .close, button.togglelessons .close {
	display:none;
}
.togglebutton.active .close, button.togglelessons.active .close {
	display:block;
}
.togglebutton.active .open, button.togglelessons.active .open {
	display:none;
}

button.togglelessons {
position:absolute;
top:11.2px;
right:20px;
margin:0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .list-item:hover {
  background-color: #efefef;
}

.learndash-wrapper .ld-content-actions {
	display:none;
}

.next-prev-links {
width:100%;
margin:1em 0 0 0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content: space-between;
align-items:center;
align-content:center;
}
.next-prev-links a {
display:flex;
margin:0;
}


.completion-bar-wrapper {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-content:center;
align-items:center;
position:relative;
}

.completion-bar {
width:100%;
margin:0;
position:relative;
height:10px;
background:#CECECE;
}
.completion-bar .percentage-completed {
height:10px;
background:#FBB13C;
margin:0;
}
.completion-bar-wrapper h5 {
position:absolute;
font-size:10px;
line-height:1em;
top:5px;
left:20px;
color:#fff;
width:auto;
display:none;
text-transform:uppercase;
font-weight:800;
}

.completion-bar .percentage-completed.complete {
background:#2176AE;
}





.inline-progress .completion-bar {
width:100%;
margin:0;
position:relative;
height:40px;
background:#CECECE;
border-radius:5px;
overflow:hidden;
}
.inline-progress .completion-bar .percentage-completed {
height:40px;
background:#FBB13C;
margin:0;
}

.inline-progress .completion-bar .percentage-completed.complete {
background:#57b8ff;
}



.inline-progress .completion-bar-wrapper h5 {
position:absolute;
display:block;
text-transform: uppercase;
font-weight: 800;
color: #fff;
margin-right: 5px;
font-size:12px;
top:14px;
line-height:1em;
left:20px;
}

.lesson-progress-bar .completion-bar {
width:calc(100% - 120px);
margin:0;
position:relative;
height:10px;
background:#CECECE;
border-radius:5px;
overflow:hidden;
}
.lesson-progress-bar  .completion-bar .percentage-completed {
height:10px;
background:#FBB13C;
margin:0;
}
.lesson-progress-bar .completion-bar-wrapper h5 {
width:120px;
position:relative;
display:inline-block;
text-align:right;
color: #2176AE;
font-size:12px;
top:auto;
left:auto;
}

.course-goals {
color:#fff;
}
.course-goals h4 {
color:#fff;
}
.course-goals ul {
list-style:none;
margin:0 0 20px 0;
}

.course-goals ul li span.icon{
margin:0 12px 0 0;
}

.sub-item-list .item-progress{
	width:20px;
	height:20px;
	font-size:10px;
}

.list-item .subitems ul.sub-item-list li{
padding:1em !important;
border-bottom: 1px solid #e9e9e9;
}
.subitems ul.sub-item-list li a{
width:calc(100% - 30px);
margin:0 0 0 10px;
padding:0;
border:0;
}