/* 
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: #457fff !important;
}
.page-body .select2-container .select2-choice .select2-arrow b:before{
	color: #fff;
}

/* 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: #457fff;
	color: #fff;
	/* // border-radius: 7px 0px 0px 7px; */
}
.input-group-addon a{
	color: #fff;
}
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: #457fff;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.71);
}

.page-body .select2-container .select2-choice { 
	height: 32px; 
	line-height: 31px; 
}
.page-container.horizontal-menu header.navbar .navbar-brand {
	padding: 10.5px 15px;  /* Space padding fluid logo*/
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul { /* sub-menu global */
	min-width: 220px;
	background-color: #bf0c36;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before{
	color: #2b303a;
}
.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: #0943c5 transparent transparent transparent;
}
.page-container .main-content {
	background: #eeeeee;
	/* 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: 42px;
}
.logo-web-side{
	width: 120px;
}
.logo-footer{
	width: 100px;
	margin-bottom: 15px;
}
#div_bread{
	background-color: unset;
	height: 24px;
}
.breadcrumb{
	background-color: #ffa812;
    margin-bottom: -40px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
}
/* End template.php */


.breadcrumb > .active{
	color: #ffffff;
}
.breadcrumb > .active > a{
	color: #ffffff;
}
.breadcrumb > li + li:before{
	color: #ffffff;
}
.breadcrumb > li i {
  color: #ffffff;
}
.breadcrumb > li a {
  color: #ffffff;
}
.breadcrumb > li a:hover{
	color : #ffffff;
}

.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;
   border: 1px solid #dbdbdb;
}
.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td{
	background-color: #072b69;
	color: #fff; 
	font-size: 14px;
	border-color: #ccc;
}

.flx-bar .kopa-home-slider-widget .widget-title span.arrow{
	border-top: 12px solid #6b4724
}

.home-slider .flex-direction-nav a{
	background-color: #ffffff;
	border: unset;
}
.home-slider .entry-item .entry-content header .entry-title a{
	color: #0943c5;
}
.entry-date {
	color: #457fff;
}
.flx-bar .kopa-latest-post-widget .widget-title{
	color: #fff;
    background: #457fff;
}
.tglkecil {
    background: #457fff;
}
.tglkecil .hari {
    font-size: 28px;
    line-height: 30px;
}
.tglkecil div {
    color: #fff !important;
}
.tglkecil div:nth-child(2) {
	border-bottom: 1px solid #fff;
}
.tglkecil .tahun {
    background: #0943c5;
    color: #fff !important;
}

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

.panel-default > .panel-heading{
	background-color: #457fff;
}
.panel-default > .panel-heading .panel-title h4{
	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: #457fff;
	color: #fff;
    border-color: #949494;
}
.table-bordered2 {
  border: 1px solid #ebebeb;
}
.table-bordered2 > thead > tr > th,
.table-bordered2 > tbody > tr > th,
.table-bordered2 > tfoot > tr > th,
.table-bordered2 > thead > tr > td,
.table-bordered2 > tbody > tr > td,
.table-bordered2 > tfoot > tr > td {
	border: 1px solid #d8e2e7;
    background: #fff;
	font-size: 14px;
    
}
.table-bordered2 > thead > tr > th,
.table-bordered2 > thead > tr > td {
	background-color: #ffa812;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #fff;
}
.table-bordered2 > tbody > tr > th,
.table-bordered2 > tbody > tr > td {
	background-color: #eee;
	border: 2px solid #fff;
}
.table-bordered2 > tfoot > tr > th,
.table-bordered2 > tfoot > tr > td {
  background-color: #f5f5f6;
  border-top-width: 1px;
  color: #a6a7aa;
}

.div-wraper{
	background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
}

.panel-global{
	border-color: #e0e0e0;
}

.panel-global > .panel-heading {
    color: #FFF;
    background-color: #072b69;
    border-color: #e0e0e0;
    padding: 0;
}

.panel-global > .panel-heading > .panel-options > a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    padding: 4px 2px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

footer.main{
	background-color: #072b69;
	color: #fff;
}
footer.main strong a{
	color: #fff;
}
footer.main strong a:hover{
	color: #ddd;
}
a[rel=to-top]{
	color: #457fff;
}

.home-slider .flex-direction-nav .flex-prev {
    background-image: url(../../front/flexslider/images/slider/red-prev.png);
}

.home-slider .flex-direction-nav .flex-next {
    background-image: url(../../front/flexslider/images/slider/red-next.png);
}

@media screen and (min-width: 767px){
	.page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav, 
	.page-container.horizontal-menu header.navbar{
		background-color: #072b69;
	}
}
@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;
	  height: 65px;
	  padding: 9px 10px;
	}
	/* .page-container.horizontal-menu header.navbar .navbar-inner { */
	.page-container.horizontal-menu header.navbar{
		background: #e82554;
	}
	.page-container.horizontal-menu header.navbar .navbar-nav{
		background: #e82554;
	}

	.breadcrumb{
		margin-right: 20px;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav > li > a{
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	}

	.page-container.horizontal-menu header.navbar .navbar-nav > li.active > a{
		background-color: #f75a7f;
	}

	footer.main{
		text-align: center;
	}
}