.toggleNav li.selected {
	background-color: #012F6B;
	color: #FFF;
}

	.toggleNav li.selected:after {
		display: none;
	}

.phaseHeader, .transcript .phaseHeader {
	background-color: #019CDE !important;
	border-bottom: 1px solid white;
}

.LearningContentContainer a {
	color: #003E67;
	font-weight: bold;
}

.modulesCount {
	color: #003E67;
}

.learningContentDescription .duration {
	color: #003E67;
}

.LearningContentContainer .duration {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #003E67;
}

.containerHeader.sectionHeader.collapsible {
	background-color: #003E67;
}

.transcript div.completed span.notStarted {
	color: #000000;
}

.myTranscript tbody td select {
	color: #000000;
	padding: 5px;
	margin-right: 14px;
}

.myTranscript > .childPanel {
	background-color: #E5E6EA;
	top: 24px;
}

.myTranscript .actionContainer {
	padding: 4px;
}

span.containerName:after {
	left: 8px;
}


.transcript .collapsible > span {
	padding-left: 30px;
}

.LearningContentContainer[data-contenttype="Course"],
.LearningContentContainer[data-contenttype="Track"] {
	/*margin-right: 8px;*/
}

	.LearningContentContainer[data-contenttype="Track"] label {
		background: #FFFFFF;
		color: #003E67;
	}

.myTraining span.percentComplete {
	display: none !important;
}

.cardView span.completedInfo {
	color: #003E67;
}

	.cardView span.completedInfo:before {
		color: #003E67;
	}




.courseLaunch ul.ui-tabs-nav li:before {
	display: none !important;
}

.courseLaunch li a:link {
	color: #003E67 !important;
}

.courseLaunch li a {
	text-decoration: underline !important;
}

.courseDialog .tabContainer ul.ui-tabs-nav li 
{
	margin-left: 8px;
}

div#tabContainer {
	border-bottom: 2px solid white;
}

.advisorView td.icon {
	color: #003E67;
}

.launchLink a {
	text-transform: capitalize !important;
	color: #003E67;
}




label.phaseHeader {
    position: relative;
    padding-left: 25px;
}


.mainRoundedBox.myTranscript {
    margin-bottom: 20px;
}

.phaseHeader ~ div .phaseHeader, .transcript .phaseHeader ~ div .phaseHeader {
    background-color: #42B029 !important;
}

.phaseHeader ~ div .phaseHeader ~ div .phaseHeader, .transcript .phaseHeader ~ div .phaseHeader {
    background-color: #99A0A8 !important;
}

div input:checked ~ * > span.containerName:after,
div input ~ * > span.containerName:after {
    content: '' !important;
}

.transcript .mainRoundedBox div input:checked ~ label:after
{
	 content:"\f078" !important; 
}
.mainRoundedBox div input:checked ~ label:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 8px;
}

.mainRoundedBox  div input ~ label:after {
    content:"\f054";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 10px;
}


.myTranscript .closed span.containerName:after {
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f054";
    position: absolute;
    left: 8px;
}


.myTranscript span.containerName:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    position: absolute;
    left: 8px;
}

.myTranscript .mainRoundedBox div input ~ label:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
}

.myTranscript .mainRoundedBox  div input ~ label.closed:after {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
}

.myTranscript .mainRoundedBox div input:checked ~ label:after {
    
    right: 18px;
}

.myTranscript .mainRoundedBox  div input ~ label:after {
    top:0px;
    right: 20px;
}

.myTranscript .mainRoundedBox div input ~ label.phaseHeader:after {
    top: 18px;
}


.myTranscript .LearningContentContainer .description {
	display: none;
}

.assetType {
    display: none;
}

.lastUpdated {
    display: none;
}

label.toggleDescription {
    display: none;
}

.learningContentDescription {
	pointer-events: none;
}