/* 
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: 1em;
	/* remove scrollbar space */
	height: 1em;
	/* remove scrollbar space */
	background: #f1f1f1;
	/* optional: just make scrollbar invisible */
}

::-webkit-scrollbar-thumb {
	background: #909090;
	-webkit-border-radius: 20px;
	border-radius: 3px;
	/* border: 4px solid #f1f1f1; */
}

::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1;
}

a.btn.btn-action {
	padding: 3px 5px;
}

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: 40px;
	line-height: 41px;
	border-radius: 6px;
}

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

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

/* template.php */
.logo-top {
	height: 28px;
}

.logo-topdoub {
	height: unset;
}

.logo-side {
	width: 120px;
}

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

/* End template.php */


/* .breadcrumb>.active {
	color: #030303;
}

.breadcrumb>.active>a {
	color: #f2f2f2;
}

.breadcrumb>li+li:before {
	color: #f5f5f5;
}

.breadcrumb>li i {
	color: #f2f2f2;
}

.breadcrumb>li a {
	color: #f2f2f2;
}

.breadcrumb>li a:hover {
	color: #f5f5f5;
} */

.card {
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 0.625rem;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}

.card-header {
	padding: 1.25rem 2.25rem;
}

.card-header h3 {
	font-size: 1.275rem;
	font-weight: 600;
}

.card-body {
	padding: 2rem 2.25rem;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 1.25rem;
}

.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-striped>thead>tr>th {
	font-size: .95rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #99A1B7;
	letter-spacing: 0.5px;
}

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

.table-responsive {
	margin-bottom: 2rem;
}

.pagination {
	margin: 0;
}

.pagination a {
	border-radius: .475rem !important;
	height: 2.5rem;
	min-width: 2.5rem;
	font-weight: 500;
	font-size: 1.075rem;
}

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

.btn-action {
	border-radius: .475rem;
	height: 2.5rem;
	min-width: 2.5rem;
	font-weight: 500;
	font-size: 1.075rem;
}

.notifications.dropdown .dropdown-menu {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ebebeb;
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	-moz-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	padding: 1rem;
	margin-top: 10px;
	width: 300px;
	right: -3px;
}

.notifications.dropdown .dropdown-menu>li>ul>li {
	background-color: transparent;
}

.notifications.dropdown .dropdown-menu>li.external>a {
	border-radius: 10px;
}

.form-control {
	height: 40px;
	border-radius: 6px;
}

.form-horizontal .control-label {
	margin-top: 5px;
}

.has-switch {
	margin-top: 5px;
}

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

.modal-content {
	border-radius: .75rem;
}

.page-body .select2-container .select2-choice .select2-arrow {
	border-left: 0;
}

.page-body .select2-drop {
	border-radius: 0.75rem;
	margin-top: 5px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 7px 18px 0px;
}

.page-body .select2-drop .select2-search,
.page-body .select2-drop .select2-results {
	padding: 1.75rem;
	margin: 0;
}

.page-body .select2-drop .select2-search .select2-result-selectable,
.page-body .select2-drop .select2-results .select2-result-selectable {
	margin-inline-start: .625rem;
	margin-inline-end: .625rem;
	padding: .625rem;
	border-radius: .75rem;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
	text-decoration: underline;
	font-size: .8125rem;
	line-height: 1.125rem;
	font-weight: 500;
}

.fileinput .uneditable-input {
	display: flex !important;
	align-items: center;
}

textarea {
	resize: auto !important;
	height: auto !important;
}

@media screen and (min-width: 767px) {}

@media screen and (max-width: 767px) {

	/* 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: #303641;
	}

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

	.modal-dialog {
		width: 95% !important;
	}

	.pagination {
		margin: 17px 0;
	}

	footer.main {}
}