/* 
success	: background-color: #45d450;
info	: background-color: #02AAD0;
warning	: background-color: #fad839;
danger	: background-color: #fc3933 
orange	: background-color: #ff9600 

*/
::-webkit-scrollbar { 
	/*display: none;*/
	width: 15px; /* remove scrollbar space */
	height: 15px; /* remove scrollbar space */
	background: #f1f1f1; /* optional: just make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
    background: #909090;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 4px solid #f1f1f1;
}
::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1;
}
body{
	font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Myriad Set Pro";
}
#JKL_preloader{
	background: rgba(223,41,81,1) !important;
	background: -moz-linear-gradient(45deg, rgba(223,41,81,1) 0%, rgba(239,145,169,1) 100%) !important;
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(223,41,81,1)), color-stop(100%, rgba(239,145,169,1))) !important;
	background: -webkit-linear-gradient(45deg, rgba(223,41,81,1) 0%, rgba(239,145,169,1) 100%) !important;
	background: -o-linear-gradient(45deg, rgba(223,41,81,1) 0%, rgba(239,145,169,1) 100%) !important;
	background: -ms-linear-gradient(45deg, rgba(223,41,81,1) 0%, rgba(239,145,169,1) 100%) !important;
	background: linear-gradient(45deg, rgba(223,41,81,1) 0%, rgba(239,145,169,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2951', endColorstr='#ef91a9', GradientType=1 ) !important;
}
#JKL_preloader .page-loading div{
	border-right-color: #fff !important;
}
#JKL_preloader .page-loading p{
	color:#fff !important;
}
.page-body .select2-container .select2-choice .select2-arrow b {
    background: #fde12d !important;
}
.page-body .select2-container .select2-choice .select2-arrow b:before{
	color: #303641;
}

/* Global CSS */
h1, .h1, h2, .h2, h3, .h3{
	margin-top: 10px;
}

.input-group-addon{
	background: #fde12d;
	color: #555;
	/* // border-radius: 7px 0px 0px 7px; */
}
.input-group-addon a{
	color: #373e4a;
}
div.datepicker table tr td.active, div.datepicker table tr td.active:hover, div.datepicker table tr td.active.disabled, div.datepicker table tr td.active.disabled:hover {
    background: #fde12d;
    color: #303641 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.71);
}
.form-group{
	margin-bottom: 10px;
}
/*.form-control,*/
.has-switch label:active,
.has-switch label.active{
	background: #fcfcfc;
}
.panel.panel-shadow{
    -webkit-box-shadow: 0 3px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 1px rgba(0,0,0,.1);
    box-shadow: 0 3px 1px rgb(0 0 0 / 10%);
}

.page-body .select2-container .select2-choice { 
	height: 32px; 
	line-height: 31px; 
}
.page-body .page-container.horizontal-menu header.navbar .navbar-brand {
	padding: 5px 10px;
}
.notifications.dropdown .dropdown-menu > li.external a:hover,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a:hover{
	background: #fdfdfd;
}
.notifications.dropdown .dropdown-menu > li > ul > li > a:hover, 
.notifications.dropdown .dropdown-menu > li > ul > li > p:hover,
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > a:hover, 
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li > ul > li > p:hover{
	background: #f1f1f1 !important;
}
.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a{
	border: 1px solid #fff;
	color: #fff;
}
.page-container.horizontal-menu header.navbar ul.nav > li .horizontal-mobile-menu a:hover{
	background-color: rgba(69, 74, 84, 0.4);
	color: #eee;
}
.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a{ /* Logout Bar */
	
}
.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu > li.external a:hover{ /* Logout Hover Bar */
	color: #ec5956;
}
.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul { /* sub-menu global */
	/* // min-width: 220px; */
	/* // background-color: #303641; */  
}
.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before{
	color: #fff;
}
.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub:hover > a:before{
	color: #fff;
}
.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active.has-sub > a:before{
	color: #fff;
}
.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub > a:after{
	border-color: #383c47 transparent transparent transparent;
}
.page-body .page-container .main-content {
	/* background: url(bgmain.png) no-repeat right fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

/* template.php */
.logo-top{
	height: 28px;
}
.logo-topdoub{
	height: 83px;
}
.logo-side{
	width: 120px;
}
.logo-footer{
	width: 240px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.div_breadcrumb{
	background-color: #00923f;
	height: 33px;
	margin-bottom: 10px;
}
.breadcrumb{
	background-color: unset; 
	margin-bottom: 10px;
}
/* End template.php */


.breadcrumb > .active{
	color: #f0f0f0;
}
.breadcrumb > .active > a{
	color: #fff;
}
.breadcrumb > li + li:before{
	color: #fff;
}
.breadcrumb > li i {
	color: #fff;
}
.breadcrumb > li a {
	color: #fff;
}
.breadcrumb > li a:hover{
	color : #f0f0f0;
	font-weight: bold;
}


.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td{
	color: #303641;
}
.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td{
	background-color: #ededed;
	/* color: #fff; 
	font-size: 14px;
	border-color: #ccc; */
}

.flx-bar .kopa-home-slider-widget .widget-title{
	color: #fff !important;
    background: #f487b6;
}
.home-slider .flex-direction-nav a {
	background-color: #eee;
    border: 2px solid #fff;
}
.home-slider .entry-item .entry-content header .entry-title a{
	color: #303641;
}
.entry-date {
	color: #807C7C;
}
.flx-bar .kopa-latest-post-widget .widget-title{
	color: #fff;
    background: #f487b6;
}
.tglkecil {
    background: #f487b6;
}
.tglkecil .hari {
    font-size: 28px;
    line-height: 30px;
}
.tglkecil div {
    color: #fff !important;
}
.tglkecil .tahun {
    background: #C8CACA;
    color: #fff !important;
}

.post_ddmm {
    background-color: #fff;
    color: #f487b6;
    border: 2px solid #f487b6;
}
.post_year{
	background-color: #f487b6;
}

.panel-default > .panel-heading{
	background-color: #f487b6;
}
.panel-default > .panel-heading > .panel-options > a,
.panel-default > .panel-heading .panel-title,
.panel-default > .panel-heading .panel-title h1,
.panel-default > .panel-heading .panel-title h2,
.panel-default > .panel-heading .panel-title h3,
.panel-default > .panel-heading .panel-title h4,
.panel-default > .panel-heading .panel-title h5{
	color: #fff;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background-color: #fde12d;
	color: #303641;
    border-color: #fff349;
}

footer.main{
	background-color: #00923f;
	color: #ffffff;
	z-index: 10;
}
footer.main a{
	color: #ffffff;
}
footer.main a:hover{
	color: #fff;
}
a[rel=to-top]{
	color: #cc59d2 !important;
}
a:hover[rel=to-top]{
	color: #fff !important;
}


.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu li, 
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu a, 
.page-container.horizontal-menu header.navbar ul.nav > li.dropdown .dropdown-menu p{
	color: #373e4a;
}
.page-body .page-container .main-content {
	background: #f2f2f2;
	padding: 10px 20px;
}
.page-body .page-container .sub-main-content {
	background: #fff;
	padding: 10px;
}

.page-body > div.page-container > div.main-content > div.sub-main-content > h2 + hr {
	border-top: 10px solid #f2f2f2;
	margin: 20px -10px 10px -10px;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
	background: #fde12d;
	color: #303641;
}
.nav-tabs > li{
	background: #eee;
	color: #373e4a;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: #fff349;
	color: #303641;	
}
@media screen and (min-width: 767px){
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.notifications.dropdown:hover, 
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.notifications.dropdown:focus{
		background-color: rgba(69, 74, 84, 0.3);
	}
}
@media screen and (max-width: 990px){
	#wrapFeat{
		overflow-x: scroll;
		scrollbar-width: thin;
	}
}
@media screen and (max-width: 767px){
	.logo-top{
		height: 47px;
	}
	
	/* profile */
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a{
		margin-top: 18px;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > a,
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown > span {
		color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open:after{
		bottom: -7px
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.dropdown.open > .dropdown-menu{
		width: 330px;
		margin-top: 5px;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li > span {
		padding: 22px 5px;
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li > a:hover, 
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li > a:focus{
		color: #eee;
		background-color: rgba(69, 74, 84, 0.3);
	}
	.page-body .page-container.horizontal-menu header.navbar ul.nav > li.sep {
		display: block;
		border-left: 1px solid #fff;
		margin-left: 10px;
		margin-top: 23px;
	}
	/* end profile */
	
	
	.page-body .page-container.horizontal-menu .main-content {
		padding-top:10px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-brand {
		display: block;
		/* background: #383c47; */
	}
	/* .page-container.horizontal-menu header.navbar .navbar-inner { */
	.page-body .page-container.horizontal-menu header.navbar{
		background: url(header.jpg) repeat;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav{
		background: #f487b6;
	}
	
	
	.page-body .page-container.horizontal-menu header.navbar .user-mobile-login{
		margin-right: 30px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li > a{
		color: #ebebeb;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a{
		background-color: rgba(69, 74, 84, 0.4);
		color: #fff;
		font-weight: bold;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li.active > a{
		background-color: #f487b6;
		color: #fff;
		font-weight: bold;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul{
		/* border: none !important; */
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li > a{
		background-color: #f487b6;
		color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a{
		background-color: rgba(69, 74, 84, 0.4);
		font-weight: bold;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active > a{
		background-color: #383c47;
		font-weight: bold;
	}
	
	/* text indent mobile menu */
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li a {
		padding-left: 40px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li li a {
		padding-left: 60px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li li li a {
		padding-left: 80px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li li li li a {
		padding-left: 100px;
	}
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li ul li li li li li a {
		padding-left: 120px;
	}
	footer.main{
	}
}