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

Font Pack :
default => "Arial", "sans-serif", "serif", "cursive", "fantasy", "monospace", "verdana", "tahoma", "Calibri", "Segoe UI", 
check in font-global.css
add		=> 	"Noto Sans", "Open Sans", "Poppins", "Roboto", "Shadows Into Light", 
			"Montserrat", "Montserrat Light", "Montserrat Medium", "Montserrat SemiBold", "Montserrat Bold", 
			"Helvetica", "Helvetica Neue", "Helvetica Neue Bold", "Helvetica Neue Light", 
			"Raleway", "Raleway Thin", "Raleway ExtraLight", "Raleway Light", "Raleway Medium", "Raleway Semibold", "Raleway Bold", "Raleway ExtraBold", "Raleway Heavy", 
			"oswald", "oswaldbold", "oswaldlight", 
			"Lato", "Lato Black", "Lato Bold", "Lato Hairline", "Lato Heavy", "Lato Light", "Lato Medium", "Lato Semibold", "Lato Thin", 
			"Myriad Set Pro", "Myriad Set Pro 100-900", 
			"", 
*/
body{
	font-family: "Montserrat", "Poppins", "Myriad Set Pro", "Helvetica", "Noto Sans";
}
.page-body .select2-container .select2-choice .select2-arrow b {
    background: transparent !important;
}
.page-body .select2-container .select2-choice .select2-arrow b:before{
	color: #303641;
}

/* Global CSS */
h1, .h1, h2, .h2, h3, .h3{
	margin-top: 10px;
}
h3.capca{
	float: left;
	margin: 10px !important;
	font-weight:300;
}
h3.keep_login{
	float: left;
	font-size: 14px;
	margin: -5px 0px -10px 0px !important;
}
#captcha{
	width: 200px;
}

.input-group-addon{
	background: #eeeeee;
	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: #303641;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.71);
}

.page-body .select2-container .select2-choice { 
	height: 42px; 
	line-height: 41px; 
}
.page-container.horizontal-menu header.navbar .navbar-brand {
	/* // padding: 5px 10px; */  /* Space padding fluid logo*/
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul { /* sub-menu global */
	/* // min-width: 220px; */
	/* // background-color: #303641; */  
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before{
	color: #aaabae;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub:hover > a:before{
	color: #fff;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.active.has-sub > a:before{
	color: #fff;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li.active.has-sub > a:after{
	border-color: #2b303a transparent transparent transparent;
}
.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-web-fluid{
	height: 36px;
}
.logo-web-side{
	width: 120px;
}
.logo-footer{
	width: 100px;
	margin-bottom: 15px;
}
#div_bread{
	background-color: #f5f5f5;
	height: 34px;
	margin-top: 24px;
}
.breadcrumb{
	/* background-color: unset; 
	margin-bottom: -20px; */
}
/* End template.php */


.breadcrumb > .active{
	color: #999;
}
.breadcrumb > .active > a{
	color: #303641;
}
.breadcrumb > li + li:before{
	color: #ccc;
}
.breadcrumb > li i {
  color: #303641;
}
.breadcrumb > li a {
  color: #303641;
}
.breadcrumb > li a:hover{
	color : #464e5e;
}

.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: #9ec43f;
	/* color: #fff; 
	font-size: 14px;
	border-color: #ccc; */
}

.flx-bar .kopa-home-slider-widget .widget-title{
	color: #303641 !important;
    background: #E5E6E6;
}
.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: #303641;
}
.tglkecil {
    background: #807C7C;
}
.tglkecil .hari {
    font-size: 28px;
    line-height: 30px;
}
.tglkecil div {
    color: #fff !important;
}
.tglkecil .tahun {
    background: #C8CACA;
    color: #303641 !important;
}

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

.panel-default > .panel-heading{
	background-color: #9ec43f;
}
.panel-default > .panel-heading .panel-title h4{
	color: #303641;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background-color: #373e4a;
	color: #fff;
    border-color: #949494;
}

footer.main{
	background-color: #9ec43f;
	/* // color: #fff; */
}
footer.main strong a{
	/* // color: #fff; */
}
footer.main strong a:hover{
	/* // color: #ddd; */
}
a[rel=to-top]{
	color: #626262;
}

@media screen and (min-width: 767px){
	
}
@media screen and (max-width: 767px){
/* profile */
	.page-container.horizontal-menu header.navbar ul.nav > li > a,
	.page-container.horizontal-menu header.navbar ul.nav > li > span {
	  padding: 22px 5px;
	  color: #fff;
	}
	.page-body .page-container.horizontal-menu header.navbar .user-mobile-login{
		margin-right: 30px;
	}
/* end profile */
	.page-container.horizontal-menu .main-content {
		padding-top:0px;
	}
	.page-container.horizontal-menu header.navbar .navbar-brand {
	  display: block;
	}
	/* .page-container.horizontal-menu header.navbar .navbar-inner { */
	.page-container.horizontal-menu header.navbar{
		background: #303641;
	}
	.page-container.horizontal-menu header.navbar .navbar-nav{
		/* // background: #303641; */
	}
}