/**
 * Customing Style
 * @author Hikmahtiar <hikmahtiar.cool@gmail.com>
 */
li.current_ancestor {
	background: #55616F !important;
}

.page-header-top .page-logo {
	width: 60% !important;
}

.page-header-top .page-logo .title-logo {
	font-size: 25px !important;
	margin-top: 20px !important;
}

.page-header-top .page-logo .logo-default {
	float: left !important;
	margin-top: 15px !important;
	margin-right: 15px !important;
}

.setzero {
	margin: 0px !important;
	padding: 0px !important;
}

.page-header .page-header-top .page-header-top-shadow {
	background: rgba(255, 255, 255, 0.3) !important;
}

/*
 * Css trick menu user
 */
.top-menu .navbar-nav .dropdown-user {
	background: rgba(255, 255, 255, 0.4) !important;
	border-radius: 5px !important;
}

.top-menu .navbar-nav .dropdown-user a {
	background: none !important;
}

.top-menu .navbar-nav .dropdown-user a span {
	color: #333333 !important;
}

/*
 * Css trick Touch
 * @author Hikmahtiar <hikmahtiar.cool@gmail.com>
 */
.prepare-ripple {
	overflow: hidden;
	position: relative;
	outline:0;
}
.ripple {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, .3);
	border-radius: 100%;
	transform: scale(0);
}

.ripple.on-animate {
	animation: ripple 0.65s linear;
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}
/*
 * end trick
 */

 .search-all {
	 color: #CCCCCC !important;
 }

@media (max-width: 480px) {
	li.current_ancestor {
		background: rgba(255, 255, 255, 0.5);
	}

	.top-menu {
		margin-top: -20px !important;
		float:right !important;
	}

	.menu-toggler {
		float: left !important;
	}

	.search-all {
		color: #333333 !important;
	}
}

@media (max-width: 767px) {
	li.current_ancestor {
		background: rgba(255, 255, 255, 0.5);
	}

	.search-all {
		color: #333333 !important;
	}
}

/* Style hover menu profile */
.dropdown-user ul li:hover {
	background: #EEEEEE !important;
}
/* end style */

/* dataTables and modal Buttons Style */
/* @author Egi Gundari <egigundari@gmail.com> */

	.dataTables_wrapper .dt-buttons {
		display: inline-block;
		float:none;
	}

	.portlet.light .dataTables_wrapper .dt-buttons {
		margin-top: 0px;
	}

	.dataTables_wrapper > div.row {
		clear: both;
	}

	.dataTables_wrapper .dt-buttons .dt-button {
		margin-right: 5px;
	}

	.btn-group .dropdown-menu li button {
		color: #6e6e6e;
		display: block;
		width: 100%;
		font-weight: 300;
		line-height: 18px;
		padding: 8px 16px;
		text-decoration: none;
		white-space: nowrap;
		border: none;
		background-color: inherit;
		text-align: left;
	}

	.btn-group .dropdown-menu li button:hover {
		background-color: #f5f5f5;
		color: #262626;
		text-decoration: none;
	}

/* END of dataTables and modal Buttons Style  */

/* datatable customize header and footer */
/* @author HIkmahtiar <hikmahtiar.cool@gmail.com> */
table thead tr , table tfoot tr {
	background: #EEEEEE !important;
}

/* emd of datatable customize header and footer */


/* Make footer fixed */


@media (min-width: 980px) {
	div.page-footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
}

/* hide dropdown level 2 */
.dropdown-submenu > a:after {
	display: none;
}

.menu-dropdown ul.dropdown-menu {
	position: absolute;
	width: 230px;
}