.header-info {
	background-color: #00cc99;
}
.header-info .header-info-date {
	background-color: #00b386;
}
.header-info .header-info-date:before {
	content: '';
	position: absolute;
	right: -40px;
	top: 0;
	width: 40px;
	border: 20px solid transparent;
	border-left: 20px solid #00b386;
	border-bottom: 20px solid #00b386;
}
.header-info #clock {
	background-color: #00b386;
}
.header-info #clock:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	width: 40px;
	border: 20px solid transparent;
	border-right: 20px solid #00b386;
	border-bottom: 20px solid #00b386;
}
nav.navbar-default {
	background-color: #00b386;
}
.nav.navbar-nav li.active a, .nav.navbar-nav li a:hover{
	color: #00b386;
}
.nav.navbar-nav > .open > a:focus {
	color: #00b386;
}
ul.dropdown-menu {
	background-color: #00b386;
}
ul.dropdown-menu li a:hover {
	color: #00b386;
}
.info-sekolah {
	background-color: #00b386;
}
.after-slideshow ul.list-group {
	border: 2px solid #00b386;
}
.after-slideshow ul.list-group .list-group-item {
	color: #00b386;
}
.btn-common {
	background-color: #00b386;
}
#panel-section .panel-body a{
	color: #00b386;
}
#panel-section .panel-body a:hover {
	color: #008060;
}
.breadcrumb-item a {
	color: #00b386;
}
.article-detail .post-date {
	background-color: #00b386;
}
#sidebar .panel-default > .panel-heading {
	background: -webkit-linear-gradient(135deg, #00b386 80%, #00cc99 20%);
	background: -o-linear-gradient(135deg, #00b386 80%, #00cc99 20%);
	background: -moz-linear-gradient(135deg, #00b386 80%, #00cc99 20%);
	background: linear-gradient(135deg, #00b386 80%, #00cc99 20%);
	color: #fff;
}
.loop-album .thumbnail .caption {
	background-color: rgba(0, 153, 115, .89);
}
.nav-tabs li a {
	color: #00b386;
}
thead tr th {
	color: #00b386;
}
.search-result h4 a {
	color: #00b386;
}
.search-result h4 a:hover {
	color: #008060;
}
.by-author li i {
	color: #00b386;
}
.media-body h4 a {
	color: #00b386;
}
.media-body a:hover {
	color: #008060;
}
.hm {
	color: #00b386;
	border-bottom: 3px solid #00b386;
}
legend {
	border: 2px solid #00b386;
	color: #00b386;
}
footer .col-md-12.col-xs-12 {
	border-top: 6px solid #00b386;
}
.copyright a {
	color: #00b386;
}
.copyright a:hover {
	color: #008060;
	text-decoration: none;
}
@media screen and (max-width: 768px){
	.nav.navbar-nav ul.dropdown-menu {
		background-color: #00b386;
		color: #fff; 
		font-size: 100%;
	}
	.nav.navbar-nav ul.dropdown-menu li a {
		color: #fff !important;
	}
}