/* CSS crunched with Crunch - http://crunchapp.net/ */
@font-face {
	font-family: BebasKai;
	src: url('')
}

@font-face {
	font-family: MundoSansStd-MediumItalic;
	src:
		url('/prism-fs/javax.faces.resource/theme/public/blue/fonts/MundoSansStd-MediumItalic.otf.xhtml')
}

@font-face {
	font-family: Quicksand;
	src: url('/prism-fs/javax.faces.resource/theme/public/blue/fonts/Quicksand_Book.otf.xhtml')
}

@font-face {
	font-family: Quicksand_Bold;
	src: url('/prism-fs/javax.faces.resource/theme/public/blue/fonts/Quicksand_Bold.otf.xhtml')
}

body {
	font-family: Quicksand;
}

header section.top {
	background-color: #5c0a6c
}

header section.bottom {
	background:
		url('');
	background-size: cover;
	height: 100px;
}

@media screen and (min-width: 1920px) {
	header section.bottom {
		background:
			url('');
		background-size: cover;
		height: 143px
	}
}

#d-leftbar-hide-button, #d-leftbar-show-button {
	background: #f0b419 !important;
	background: -ms-linear-gradient(left, #f0b419 0, #f0b419 100%)
		!important;
	background: -moz-linear-gradient(left, #f0b419 0, #f0b419 100%)
		!important;
	background: -o-linear-gradient(left, #f0b419 0, #f0b419 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0, #f0b419),
		color-stop(100%, #f0b419)) !important;
	background: -webkit-linear-gradient(left, #f0b419 0, #f0b419 100%)
		!important;
	background: linear-gradient(to right, #f0b419 0, #f0b419 100%)
		!important;
	color: #414042 !important;
	height: 135px;
	padding-top: 36px;
}

.ui-tabs .ui-tabs-nav {
	background: #414042
}

.ui-tabs .ui-tabs-nav .ui-state-default {
	background: #e8e8e8 !important;
	/* background: -ms-linear-gradient(top, #f0b419 0, #f0b419 100%) !important;
	background: -moz-linear-gradient(top, #f0b419 0, #f0b419 100%)
		!important;
	background: -o-linear-gradient(top, #f0b419 0, #f0b419 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faf107),
		color-stop(1, #f0b419)) !important;
	background: -webkit-linear-gradient(top, #f0b419 0, #f0b419 100%)
		!important;
	background: linear-gradient(to bottom, #f0b419 0, #f0b419 100%)
		!important */
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	/* background: -ms-linear-gradient(top, #a0a0a0 0, #f3f2f0 100%) !important;
	background: -moz-linear-gradient(top, #a0a0a0 0, #f3f2f0 100%)
		!important;
	background: -o-linear-gradient(top, #a0a0a0 0, #f3f2f0 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a0a0a0),
		color-stop(1, #f3f2f0)) !important;
	background: -webkit-linear-gradient(top, #a0a0a0 0, #f3f2f0 100%)
		!important;
	background: linear-gradient(to bottom, #a0a0a0 0, #f3f2f0 100%)
		!important */
}

.et-ui-dashboard .ui-datatable tbody.ui-datatable-data>tr.ui-datatable-selectable.ui-state-hover
	{
	background-color: #e7ccdb;
	font-weight: bold
}

div#dashboardTabs li a {
	color: black;
	font-weight: 600;
}

fieldset.ui-fieldset legend {
	border-color: #e7ccdb !important;
	background: #aed3b9 !important
}

div fieldset.ui-fieldset:nth-child(2) legend {
	border-color: #e7ccdb !important;
	background: #a7d3eb !important
}

div fieldset.ui-fieldset:nth-child(3) legend {
	border-color: #e7ccdb !important;
	background: #afa6ce !important
}

div fieldset.ui-fieldset:nth-child(4) legend {
	border-color: #e7ccdb !important;
	background: #ecb9cf !important
}

div fieldset.ui-fieldset:nth-child(5) legend {
	border-color: #e7ccdb !important;
	background: #f6d6af !important
}

div fieldset.ui-fieldset:nth-child(5) legend {
	border-color: #e7ccdb !important;
	background: #f0e5b7 !important
}

.menu-item-1:hover, .menu-item-2:hover, .menu-item-3:hover {
	background: #e7ccdb !important
}

#footer footer>section.footer-section {
	background: #414042
}

.etanahbanner {
	background:
		url('')
		!important;
	background-size: cover !important;
}

.layout-wrapper .topbar .topbar-left .topbar-logo {
	height: 75px;
}

.layout-wrapper .topbar .topbar-left {
	padding-left: 70px;
	width: 235px;
	height: 60px;
	float: left;
}

.topbar-left-nonprod {
	background: grey !important
}

.pejabatHeaderName {
	float: left;
	position: relative;
	display: inline-flex;
	margin-left: 30px;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	padding-top: 5px;
	font-family: Quicksand_Bold;
}

.layout-wrapper .topbar  .topbar-right #menu-button {
	color: #2FA0B7;
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 219px;
	text-align: center;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.layout-wrapper .topbar  .topbar-right-nonprod #menu-button {
	color: #2FA0B7;
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 219px;
	text-align: center;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

@media ( min-width : 1025px) {
	.layout-wrapper .topbar-items>li.profile-item a .topbar-item-role {
		font-size: 10px;
		position: absolute;
	}
}

.langkah-bar-title-content {
	width: auto !important;
	padding-left: 4px !important;
}

.langkah-bar-title-current {
	float: inherit;
}

.ui-selectoneradio label, body .ui-outputlabel {
	font-weight: normal;
}

body .ui-paginator .ui-paginator-rpp-options {
	margin: 3px 6px;
	border-radius: 6px;
	color: #007bff;
	border: 1px solid #dee2e6;
	background: #ffffff;
}

body .ui-datatable .ui-datatable-data>tr>td, body .ui-paginator .ui-paginator-current,
	body .ui-paginator .ui-paginator-rpp-options {
	padding: 5px !important;
	font-size: 12px;
}

body .ui-dialog .ui-dialog-footer {
	border-radius: 0 0 20px 20px;
}

.left-command-btn .ui-grid-col-2, .right-command-btn .ui-grid-col-2 {
	width: 10%;
}

.qtip-content {
	border: 1px solid #dddd;
	background: #000000;
	color: #ffffff;
	font-size: 10px;
	border-radius: 6px;
}

.ui-selectonemenu .ui-selectonemenu-label {
	white-space: normal !important;
}

.pi-arrow-circle-up:before, .pi-info-circle:before {
	color: #0087ff;
}

body .ui-panelgrid .ui-panelgrid-cell {
	border: 1px solid #eee;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #ffffff;
	color: #212529;
	padding: 5px;
}

.row {
	margin-right: 1px;
}

.right-command-btn {
	text-align: right;
	margin: 14px 0;
	padding-right: 1px;
}

.right-command-btn .mandatory-control {
	display: inline-block;
	/* padding-right: 3px !important; */
	float: none;
}

.left-command-btn .mandatory-control {
	display: inline-block;
	/* padding-right: 3px !important; */
	float: none;
}

.left-command-btn:before, .left-command-btn:after {
	content: '';
	display: block;
	clear: both
}

.left-command-btn {
	margin-top: 10px;
	text-align: left;
}

.et-ui-dashboard .ui-filter-column {
	vertical-align: bottom;
}

.layout-wrapper .topbar-items>li.profile-item a .topbar-item-kod {
	color: #ffffff;
	font-size: 10px;
	display: block;
	float: left;
	position: absolute;
	margin-top: 13px;
}
/* commandLink text color */
.commandLink-text {
	color: #0000CD !important;
}

.toggleHeader .ui-panel .ui-panel-titlebar {
	position: relative !important;
}

.toggleHeader .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick
	{
	position: absolute !important;
	width: 97% !important;
	left: 0 !important;
	text-align: right;
}

.toggleHeader .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick
	{
	position: absolute !important;
	width: 97% !important;
	left: 0 !important;
	text-align: right;
}

body .ui-paginator .ui-paginator-last {
	margin-top: 5px;
	border: none !important;
	color: #777777 !important;
	border: none !important;
}

body .ui-paginator .ui-paginator-next {
	margin-top: 5px;
	border: none !important;
	color: #777777 !important;
}

body .ui-paginator .ui-paginator-prev {
	margin-top: 5px;
	border: none !important;
	color: #777777 !important;
}

body .ui-paginator .ui-paginator-first {
	margin-top: 5px;
	border: none !important;
	color: #777777 !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
	border: none !important;
	color: #777777 !important;
}

body .ui-paginator .ui-paginator-current {
	color: #777777 !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active
	{
	background: #D2E0FB !important;
}

body .ui-paginator .ui-paginator-rpp-options {
	color: #777777 !important;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
	color: black !important;
}