/**
 * AKTIF specific Stylesheets
 */

.navbar-aktif .navbar-nav > .nav-link {
	color: #fff;
}

.navbar-aktif {
	height: 131px !important;
}

.navbar-aktif .navbar-header {
	height: 100px !important;
}

.navbar-brand, .navbar-brand > img {
	height: 100px;
	width: 195px;
}

.btn-aktif-menu {
	margin-top: 20px;
	border: 0;
}

h1, h2, h1 >i, h2 >i {
	color: #003057;
}

h3, h4, h5, h3 >i, h4 >i, h5 >i {
	color: #657888;
}

.nav-link {
	color: #FFF !important;
}

.bg-primary {
	background-color: #FFF !important;
}

.bg-secondary {
	background-color: #ECEDEE !important;
}

.btn-primary, .newcustomer-btn.btn-primary.tab_active {
	border-color: rgb(0, 147, 214);
	background-color: rgb(0, 147, 214);
	color: #FFF;
}

.btn-primary > i, .btn-primary > span {
	color: #FFF;
}

.btn-primary:hover {
	border-color: #001323;
	background-color: #001323;
	color: #FFF;
}

.btn-secondary, .newcustomer-btn.btn-primary {
	border-color: #7F96AA;
	background-color: #7F96AA;
	color: #FFF;
}

.btn-secondary > i, .btn-secondary > span {
	color: #FFF;
}

.btn-secondary:hover {
	border-color: #323C44;
	background-color: #323C44;
	color: #FFF;
}

a .btn {
	text-decoration: none;
	color: #FFF;
}

/* Navigation Style */
.navbar-nav .active>.nav-link {
	color: #FFF !important;
	border-color: #7F96AA;
	background-color: #7F96AA;
}

.navbar-nav .nav-item> a:hover {
	color: #FFF !important;
	border-color: #7F96AA;
	background-color: #7F96AA;
}

.navbar-nav .nav-link {
	padding-right: 0.6rem;
	padding-left: 0.6rem;
	text-decoration: none;
	font-weight: 700;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

@media (max-width: 991px) {

	#navbar.collapse, #navbar.collapsing {
		position: absolute;
		left: 1rem;
		right: 1rem;
		top: 105px;
		box-shadow: 0px 20px 25px -10px rgba(0, 0, 0, 0.6);
		z-index: 9999;
	}
	#navbar .nav-item {
		font-weight: 400;
		font-size: 1rem;
		text-align: left;
		background-color: #003057;
	}

	#navbar .nav-item a {
		font-size: 1rem;
		padding: 1rem 1.5rem;
	}

}

@media (min-width: 992px) {

	.navbar-nav li:not(:first-child) {
		padding-left: 0.2rem;
	}

	.navbar-nav .active>.nav-link {
		border-radius: 5px;
	}

	.navbar-nav .nav-item> a:hover {
		border-radius: 5px;
	}
}

/* Table Styles */
tbody {
	border-bottom: 1px solid #dee2e6;
}

.table thead th {
	border-bottom: 1px solid #dee2e6;
}

.fake-table > .row:nth-of-type(odd), .table-striped tbody tr:nth-of-type(odd) {
	background-color: #cbd5dd;
}

.icon-red {
	color: red !important;
}

.h2-size {
	font-size: 1.7rem !important;
}