.hidden {
	display:none;
}


body {
	background:#f7f7f7;
}

header {
	margin-top:50px;
	margin-bottom:20px;
}



footer {
	padding:25px 0;
}

footer[id="system"] .container {
	text-align:right;
	border-top:1px solid #e7e7e7;
	padding:25px 0;
}

#sidebar .card {
	margin-bottom:10px;
}


#index .tab-content {
	background-color:rgba(255,255,255,1);
	padding:20px;
	border:1px solid #ddd;
	border-width:0 1px 1px 1px;
}

.license {

}

.license .info .alert {
	margin-top:10px;
	font-size:13px;
}

#index .course-list .course,
#index .course-group-list .course-group,
#index .article-list .article,
#index .license-list .license {
	border-bottom:1px solid #e7e7e7;
	padding:25px 0;
}

#index .course-list .course:first-child,
#index .course-group-list .course-group:first-child,
#index .article-list .article:first-child,
#index .license-list .license:first-child {
	padding-top:0;
}


#index .course-list .course:last-child,
#index .course-group-list .course-group:last-child,
#index .article-list .article:last-child,
#index .license-list .license:last-child {
	border:0;
	padding-bottom:0;
}

#index .course-list .course-package .course:last-child {
	border-bottom:1px solid #e7e7e7;
	padding:25px 0;
	margin-bottom:25px;
}


/*
.nav-item,
.nav-link.language {
	padding-left:0 !important;
	padding-right:0 !important;
	margin-right:5px !important;
	margin-left:5px !important;
}

.nav-link.language img {
	margin-bottom:10px;
}

*/
#sidebar {
	margin-top:37px;
}


#competence-mapping {
	background-color:#fafafa;
	border-color:#e7e7e7;
	margin:0 0 20px 0;
}

#competence-mapping form .form-group {
	padding:20px 0 0 0;
}

#competence-mapping form .form-group span.value {
	color:#000 !important;
	font-weight:bold !important;
	padding:10px;
	background:#fafafa;
	border-radius: 4px;
	border:1px solid #e7e7e7;
}

#competence-mapping form label.question {
	font-size:16px;
	color:#000;
	line-height:1.3;
}

#competence-mapping form label.question .badge {
	margin-top:5px;
}

#competence-mapping form table tr td {
	border:0;
}

#competence-mapping .recommended-courses .course {
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #e7e7e7;
}


#banner {
	margin-bottom:40px;
	background:rgba(0,0,0,0.05);
	height:300px;
	background-size:cover;
	background-position:center center;
}

#banner img {
	margin:0 auto;
}


.course-package>h5 {
	padding:10px;
	background-color:rgba(0,0,0,0.05);
	line-height:1;
	font-size:16px;
	color:rgba(0,0,0,0.8);
}

.course h4 {
	text-transform:none;
}

.course h4>a {
	text-decoration:none;
}

.course h4>a:hover {
	opacity:.7;
}



@media (max-width: 600px){
	.navbar {
		margin:0;
		padding:20px 0;
	}

	.navbar .navbar-brand img {
		max-width:220px;
	}



	.navbar-toggler {
		margin:0 -15px 0 0;
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media (max-width: 568px){

	.nav.nav-tabs {
		font-size:14px;
		display:block;
	}

	.nav.nav-tabs .nav-item:first-child {
		border-top:1px solid #ddd;
	}

	.nav.nav-tabs .nav-item .nav-link {
		background-color:#f4f4f4;
		color:rgba(0,0,0,0.75);
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
	}

	.nav.nav-tabs .nav-item .nav-link.active {
		color:rgba(0,0,0,1);
		background-color:#ffffff;
	}

	#index .course-list .course .image,
	#index .course-group-list .course-group .image,
	#index .article-list .article .image,
	#index .license-list .license .image {
		padding-bottom:20px;
	}
}