/* 
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";
}

.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;
}

.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-body .page-container.horizontal-menu header.navbar .navbar-brand {
	/* // padding: 5px 10px; */
	/* Space padding fluid logo*/
	padding-left: 4rem;
}

.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: #f9f9f9 !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);
}

.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: #aaabae;
}

.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: #2b303a 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: 52px;
}

.logo-topdoub {
	height: unset;
}

.logo-side {
	width: 120px;
}

.logo-footer {
	width: 100px;
	margin-bottom: 15px;
}

.div_breadcrumb {
	background-color: #f5f5f5;
	height: 33px;
}

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

.flx-bar .kopa-home-slider-widget .widget-title {
	color: #303641 !important;
	background: #E5E6E6;
}

.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: #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: #f0f0f1;
}

.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: #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 {
	z-index: 10;
	background-color: unset;
	/* // color: #fff; */
}

footer.main a {
	/* // color: #fff; */
}

footer.main a:hover {
	/* // color: #ddd; */
}

a[rel=to-top] {
	color: #626262 !important;
}

a:hover[rel=to-top] {
	color: #fff !important;
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 85%;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.btn {
	border-radius: .475rem;
}

.btn.btn-xs {
	height: 2.5rem;
	min-width: 2.5rem;
	font-weight: 500;
	font-size: 1.075rem;
	padding: 3px 5px !important;
}

@media screen and (max-width: 767px) {
	.modal-dialog {
		width: 95% !important;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-brand {
		/* // padding: 5px 10px; */
		/* Space padding fluid logo*/
		padding-left: 2rem;
	}

	.logo-top {
		height: 4rem;
	}

	/* 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: -2px
	}

	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown.open>.dropdown-menu {
		width: 330px;
		margin-top: 0px;
	}

	.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;
	}

	.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;
	}

	/* .page-container.horizontal-menu header.navbar .navbar-inner { */
	.page-body .page-container.horizontal-menu header.navbar {
		background: #144E72;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav {
		/* // background: #303641; */
	}


	.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.3);
	}

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

	.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: #347baf !important; */
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li:hover>a {
		background-color: rgba(69, 74, 84, 0.3);
	}

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

	/* 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 {}
}