/* * {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
} */

.boxlist .item-header .h4.item-title {
	font-size: 20px;
	font-weight: normal;
}
.boxlist > div {
	padding-left: 0px;
	padding-right: 0px;
}
.container {
    margin-top: 20px;
    background-color: #fff;
}
.text-right-responsive {
	text-align:right;
}
.text-left-responsive {
	text-align:left;
}
.text-right-left-responsive {
	text-align:right;
}
.no-padding {
	padding:0px;
}
.no-margin {
	margin: 0px
}
.cm-yellow-color {
	color: #ffce00;
}
.cm-yellow-background-color {
	background-color: #ffce00;
}
.cm-blue-color {
	color: #2a36a9;
}
.cm-blue-background-color {
	background-color: #2a36a9;
}


.header-top {
	padding: 10px 20px 5px 5px;
	background-color: #2a36a9;
	font-size:16px;
}
.header-top li:last-child:after {
	display:none;
}
.header-top li:last-child {
	margin: -3px;
}
.header-top li:after {
    color: white;
	content: '|';
	margin:5px;
    padding-left: .2em;
}
.header-top li {
	display: inline-block;
}
.header-top ul {
    padding-top: 10px;
	list-style-type:none;
    margin-bottom: 10px;
}
.header-top li a {
    color: white;
	text-decoration:none;
}
.header-top li a:hover {
	color:#ffce00;
}
.header-select-list {
	background:none;
	border: 0px;
	outline: 0px;
	cursor:pointer;
    color: white;
}


.cm-navbar {
	background-color: #fff;
	font-size: 18px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
	font-family: 'Open Sans';
	letter-spacing: -0.5px;

}
.navbar-brand {
	padding: 0px 0px 0px 20px;
}
.navbar-default .navbar-nav>.active>a {
	background: none;
	border-bottom: 2px solid #ffce00;
	color: #2a36a9;

}
.navbar-right li a {
	padding: 15px 10px 5px 10px;
	border-bottom: 2px solid #fff;

}
.navbar-right li a:hover {
	padding: 15px 10px 5px 10px;
	border-bottom: 2px solid #ffce00;
	color: #2a36a9 !important;
}
.navbar-default .navbar-toggle {
	background-color: #ffce00;
	border: 0px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #2a36a9;

}
.navbar .navbar-toggle .icon-bar {
  background-color: #2a36a9;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ffce00;
}

.annoucements-title {
	font-family: 'Open Sans';
	font-size: 30px;
	text-align:center;
	margin-bottom: 40px !important;

}
.announcement {
	background-color: #fff;
	padding: 20px;
	border-right: 5px solid #2a36a9;
	margin-bottom: 30px;
	cursor: pointer;
	position:relative;
}
.announcement:hover {
	border-right: 5px solid #0e186f;
	-webkit-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	top: -7px;
}

.announcement:hover .annoucement-title{
	color: #0e186f;
}
.annoucement-day {
	font-family: 'Open Sans';
	font-size: 35px;
	font-weight: 700;
	letter-spacing: -1px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.annoucement-month {
	font-family: 'Open Sans';
	font-size: 15px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;

}
.annoucement-title {
	font-size: 20px;
}
.annoucement-subject {
	border-left: 1px solid #999;
}

.co-funded {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}
.co-funded p{
	margin-top: 10px;
	margin-bottom: 0px;
}

.footer-logo {
	padding-bottom: 15px;
}
.footer-logo p{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	color: #fff;
}

.footer-logo a{
	color: #ffce00;
	text-decoration: none;
}

.footer-logo a:hover {
	color: #ffbd00;
}

.footer-info {
	padding-left: 40px;
	padding-right:40px;
	margin-bottom: 20px;
}
.footer-info p{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffce00;
	color: #fff;
	font-size: 20px;
	font-family: 'Open Sans';

}
.info-list li {
    display: block;
	margin-bottom: 15px;
}

.info-list {
	padding-left:20px;
}

.info-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ffce00;
}

.info-list a{
	color: #fff;
	text-decoration: none;
}

.info-list a:hover {
	color: #ffce00;
}

.pointsBackground {
    width: 100%;
    height: 30px;
    background: transparent url("../images/pointsBackground.png") repeat left;
    background-size: 6px;
    z-index: 0;
    position: relative;

}

.course {
	background-color: #eee;
	margin:15px 10px;
	border: 1px solid #fff;
	cursor:pointer;
	position:relative;
}

.course:hover {
	border: 1px solid #2a36a9;
	-webkit-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 9px 8px 0px rgba(0,0,0,0.2);
	top: -7px;
}

.course > div {
    margin-bottom: 15px;
}

.course h4 {
	font-size: 20px;
	font-family: 'Open Sans';
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	height: 45px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-overflow: ellipsis;

}
.course hr {
	width:50%;
	border: none;
    height: 2px;
    color: #ffbd00; /* old IE */
    background-color: #ffbd00;
	margin-top:15px;
	margin-bottom:15px;
}
.course-details {
	height: 80px;
	padding:0px 10px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.course-time {
	background-color: #777;
	margin-top:10px;
	padding: 10px;
	color: #fff;
}
.course-time span {
	color: #ffbd00;
}

.instructors {
	margin-top: 30px;
	width: 100%;
	height:160px;
}
.instructors div{
	margin: 0px 10px;
	display: inline-block;
	vertical-align: top;
}
.instructors img {
	border: 2px solid #bbb;
	width: 80px;
	margin-bottom: 10px;
}
.img-wrapper {
	/*height: 153px;*/
	overflow:hidden;
	width:100%;
}

.erasums-logo {
	width:210px;
	float:right;
	display:inline-block;
	margin-left:10px
}

.footer-list-block {
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom: 1px solid #515bba;
}

.footer-list {
	padding: 0px;
	margin-top:10px;
}
.footer-list li {
	display: inline-block;
}

.footer-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
 /*   float: left; */
    margin-top: 4px;
    margin-left: 20px;
	margin-right: 5px;
    color: #ffce00;
}

.footer-list a{
	color: #fff;
	text-decoration: none;
}

.footer-list a:hover {
	color: #ffce00;
}

#profile_menu_dropdown .img-circle {
	-webkit-border-radius: 15%;
	-moz-border-radius: 15%;
	border-radius: 15%;
}
/* eclass css modificatioons - start */
#left-menu {
	color: #fff;
	background-color: #2a36a9;
	padding: 10px;
	margin-bottom:10px;
	cursor: pointer;
}

#left-menu:hover {
	color: #ffce00;
	/*background-color: #0e186f; */
}

.breadcrumb {
	font-size: 1.2em !important;
}

h1.page-title, .h1.page-title {
    margin: 0em;
    font-weight: 300 !important;
    font-family: "Roboto";
    color: #333;
    font-size: 40px;
}

.content-title {
    color: #0e186f;
    font-weight: 300;
    font-size: 25px;
    font-family: "Roboto";
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ffce00;
    padding-bottom: 3px;
}
.panel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.panel-heading {
	background-color: #ffce00;
}
.panel-title {
	color: #2a36a9;
}
a.list-group-item, button.list-group-item {
    color: #2a36a9;
	background-color: #fafafa;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2a36a9 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2a36a9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2a36a9));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2a36a9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#2a36a9', GradientType=0);
    background-repeat: repeat-x;
}
.badge {
	background-color: #ffbd00;
	color: #0e186f;
}

.list-group-item.active:hover {
	color: #fff !important;
}
.list-group-item:hover {
	color: #0e186f !important;
	border-left: 6px solid #ffce00 !important;
}

#profile_box .img-circle {
	-webkit-border-radius: 15%;
	-moz-border-radius: 15%;
	border-radius: 15%;
}
/* eclass css modificatioons - end */

@media (min-width: 768px){
	.container {
	/*	width:768px; */
	}
}
@media (min-width: 992px){
	.container{width:970px;}
}
@media (min-width: 1200px){
	.container{width:1200px;}
}

@media (max-width: 992px){
	.annoucement-title {
		margin-top: 20px;
		text-align:center;
	}
	.annoucement-subject {
		border-left: 0px;
	}
	.footer-info {
	padding-left: 0px;
	padding-right:0px;
	}
		.text-right-left-responsive {
		text-align:left;
	}

}
@media (max-width: 768px){

	h1.page-title, .h1.page-title {
    font-size: 28px;
}

	.content-title {
		font-size: 20px;
}

	.breadcrumb {
		font-size: 1em !important;
}

	.navbar-brand {
		float: none;
		padding: 0px;
		display: inline-block;
	}

	.erasums-logo {
		float:none;
		margin-left:0px;
	}

	.text-right-responsive, .text-left-responsive{
		text-align:center;
	}
	.text-right-left-responsive {
		text-align:left;
	}
	.img-wrapper {
		height: auto;
		overflow: auto;
		width:100%;
	}
	.course h4 {
		height: auto;
		overflow: visible;
	}
	.course-details {
		height: auto;
		overflow: visible;
		display:inline-block;
	}
	.instructors {
	   height:auto;
	}
}

.user-icon {
    float: left;
    max-height: 25px;
    margin-right: 10px;
}


#profile_menu_dropdown li {
    display: block;
    height: 35px;
}

#profile_menu_dropdown li::after {
    content: none;
}

#profile_menu_dropdown li a {
    display: block;
    clear: both;
    height: 35px;
    padding: 6px 17px 6px 4px;
    -webkit-transition: all 120ms linear;
    -moz-transition: all 120ms linear;
    -o-transition: all 120ms linear;
    -ms-transition: all 120ms linear;
    transition: all 120ms linear;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

#profile_menu_dropdown li a:hover, #profile_menu_dropdown li a:focus {
    background: #4da1e4;
    color: white;
}

#profile_menu_dropdown li.divide {
    border-top: 1px solid #ddd
}

#profile_menu_dropdown .fa-fw {
 width: 2.2em;
}

#carousel-example-generic {
/*    padding-top: 10px; */
}

body {
    background: #f1f1f1;
}

.course-instructor .img-rounded { width:120px; margin-bottom: 15px; margin-right: 20px;}
.course-instructor td {vertical-align: top;}

@media (max-width: 768px) {
    .course-instructor thead th:not(:first-child) { display: none; }
    .course-instructor td, .course-instructor th {display: block; text-align:center; }
    .course-instructor p { text-align:left; }
    .course-instructor td[data-th]:before { content: attr(data-th); }
}