.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top {
	background-color: #ECF0F3;
}

.logo-top {
	height: 4rem;
}

@media screen and (min-width: 767px) {
	.page-body .page-container.horizontal-menu header.navbar.navbar-fixed-top.f-nav {
		background-color: #ECF0F3;
		margin-top: 0 !important;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-inner {
		display: flex;
		align-items: center;
		box-shadow: 0 3px 5px rgb(0 0 0 / 40%);
		border-bottom: 5px solid transparent;
		border-image: url('warnawarni.jpg') 30;
	}

	.page-container.horizontal-menu header.navbar ul.nav {
		order: 3;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav {
		border: 0;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li.active.has-sub>a:after {
		border-color: transparent transparent transparent transparent;
	}

	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown>span {
		color: #585A5C;
	}

	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.sep {
		/* // border-left: 1px solid #fff; */
	}

	.page-body .page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a {
		color: #585A5C;
	}

	.page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a:hover,
	.page-container.horizontal-menu header.navbar ul.nav>li.dropdown>a:focus {
		/*color: #ccc;*/
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li.root-level>ul {
		margin-top: 30px;
	}

	/* menu style */
	.page-body .page-container.horizontal-menu header.navbar .navbar-nav {
		margin-left: auto;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li>a {
		margin: 0 2px;
		padding: 5px 7px;
		background-color: transparent;
		color: #585A5C;
		border: 0;
		border-radius: 15px;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li:hover>a {
		background-color: #34B197;
		color: white;
	}

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

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

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li>a {
		border-bottom: .5px solid white;
		color: white;
	}

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li:hover>a {
		background-color: #34B197;
	}

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

	.page-body .page-container.horizontal-menu header.navbar .navbar-nav>li ul li ul {}

	/* end menu style */

	.boxed-layout .page-container {
		margin-top: 15px;
	}

	.boxed-layout .page-container.horizontal-menu>header.navbar.navbar-fixed-top {
		margin-top: 15px;
	}

	.breadcrumb {
		float: right;
	}
}

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