body .ui-widget {
	font-size: 12px;
}

body .ui-selectonemenu .ui-selectonemenu-label {
	font-size: 12px;
}

.font-color-dark {
	color: #999;
	text-shadow: 1px 1px 0 #0d0d0d
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-underline {
	text-decoration: underline
}

.no-text-decoration {
	text-decoration: none
}

.langkah-bar-current {
	background: #fff !important
}

/* .langkah-bar-title-link-current {
	color: #000 !important
} */
.langkah-bar-completed, .langkah-bar-incomplete {
	background: #757575 !important
}

.langkah-bar-title-link-completed, .langkah-bar-title-link-incomplete {
	color: #000000 !important
}

.langkah-bar-current, .langkah-bar-completed, .langkah-bar-incomplete {
	width: 100%;
	margin-bottom: 0.25em;
}

.langkah-bar-current {
	background: #8CA641;
}

.langkah-bar-completed {
	background: #BCE162;
}

/* .langkah-bar-incomplete {
    background: #DEDEDE;
} */
.langkah-bar-indi-current, .langkah-bar-indi-completed,
	.langkah-bar-indi-incomplete {
	float: left;
	height: inherit;
	padding-left: 0.7em;
}

.langkah-bar-indi-current, .langkah-bar-indi-completed {
	background: green;
}

.langkah-bar-indi-incomplete {
	background: red;
}

.langkah-bar-number {
	float: left;
	padding: 0 0.3em;
	height: inherit;
	background-color: white;
}

.langkah-bar-number-content {
	height: inherit;
	color: black;
	font-weight: bold;
	vertical-align: middle;
	/* display: table-cell; */
	display: none;
}

/* .langkah-bar-title-current, .langkah-bar-title-completed,
	.langkah-bar-title-incomplete {
	float: left;
	height: inherit;
} */
.langkah-bar-title-content {
	width: auto !important;
	padding-left: 20px !important;
}

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

.langkah-bar-title-current {
	font-weight: bold;
}

.langkah-bar-title-completed {
	font-weight: normal;
	background: #ffffff;
	border: 1px solid green;
}

.langkah-bar-title-incomplete {
	font-weight: normal;
	background: #ffffff;
	border: 1px solid red;
}

.langkah-bar-title-content {
	width: 14em;
	padding: 1.2em 0.5em;
	height: inherit;
	color: black;
	vertical-align: middle;
	display: table-cell;
}

.langkah-bar-title-link-current, .langkah-bar-title-link-completed,
	.langkah-bar-title-link-incomplete {
	text-decoration: none;
}

.langkah-bar-title-link-current {
	color: white;
}

.langkah-bar-title-link-completed, .langkah-bar-title-link-incomplete {
	color: black;
}

fieldset.ui-fieldset legend #tooglepanel-control-box {
	width: auto;
}

fieldset.ui-fieldset legend.fieldset-toggleable {
	margin: auto !important;
}

.panel-header-title {
	padding: 12px 6px;
	font-weight: bold;
}

.right-command-btn {
	text-align: right;
	margin-top: 5px;
	padding-right: 1px;
}

.left-command-btn {
	display: inline-flex;
}

body .ui-button.ui-button-text-only .ui-button-text {
	font-size: 12px;
	display: inline-flex;
	padding: 5px;
}

button#centerForm\:btnSave {
	background: #17a2b8 !important;
	background: -ms-linear-gradient(top, #17a2b8 0, #17a2b8 100%) !important;
	background: -moz-linear-gradient(top, #17a2b8 0, #17a2b8 100%)
		!important;
	background: -o-linear-gradient(top, #17a2b8 0, #17a2b8 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #17a2b8),
		color-stop(1, #464646)) !important;
	background: -webkit-linear-gradient(top, #17a2b8 0, #17a2b8 100%)
		!important;
	background: linear-gradient(to bottom, #17a2b8 0, #17a2b8 100%)
		!important;
}

button#centerForm\:btnReset {
	background: #ff9b46 !important;
	background: -ms-linear-gradient(top, #ff9b46 0, #ff9b46 100%) !important;
	background: -moz-linear-gradient(top, #ff9b46 0, #ff9b46 100%)
		!important;
	background: -o-linear-gradient(top, #ff9b46 0, #ff9b46 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9b46),
		color-stop(1, #ff9b46)) !important;
	background: -webkit-linear-gradient(top, #ff9b46 0, #ff9b46 100%)
		!important;
	background: linear-gradient(to bottom, #ff9b46 0, #ff9b46 100%)
		!important;
}

button#centerForm\:btnBack {
	background: #b3ddd1 !important;
	background: -ms-linear-gradient(top, #b3ddd1 0, #b3ddd1 100%) !important;
	background: -moz-linear-gradient(top, #b3ddd1 0, #b3ddd1 100%)
		!important;
	background: -o-linear-gradient(top, #b3ddd1 0, #b3ddd1 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b3ddd1),
		color-stop(1, #464646)) !important;
	background: -webkit-linear-gradient(top, #b3ddd1 0, #b3ddd1 100%)
		!important;
	background: linear-gradient(to bottom, #b3ddd1 0, #b3ddd1 100%)
		!important;
}

button#centerForm\:btnNext {
	background: #ceab8d !important;
	background: -ms-linear-gradient(top, #ceab8d 0, #ceab8d 100%) !important;
	background: -moz-linear-gradient(top, #ceab8d 0, #ceab8d 100%)
		!important;
	background: -o-linear-gradient(top, #ceab8d 0, #ceab8d 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ceab8d),
		color-stop(1, #464646)) !important;
	background: -webkit-linear-gradient(top, #ceab8d 0, #ceab8d 100%)
		!important;
	background: linear-gradient(to bottom, #ceab8d 0, #ceab8d 100%)
		!important;
}

button#centerForm\:btnSubmit {
	background: #8cb45f !important;
	background: -ms-linear-gradient(top, #8cb45f 0, #8cb45f 100%) !important;
	background: -moz-linear-gradient(top, #8cb45f 0, #8cb45f 100%)
		!important;
	background: -o-linear-gradient(top, #17a2b8 0, #8cb45f 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8cb45f),
		color-stop(1, #8cb45f)) !important;
	background: -webkit-linear-gradient(top, #17a2b8 0, #8cb45f 100%)
		!important;
	background: linear-gradient(to bottom, #8cb45f 0, #8cb45f 100%)
		!important;
}

button#centerForm\:btnKeluar {
	background: #aaa5a5 !important;
	background: -ms-linear-gradient(top, #aaa5a5 0, #aaa5a5 100%) !important;
	background: -moz-linear-gradient(top, #aaa5a5 0, #aaa5a5 100%)
		!important;
	background: -o-linear-gradient(top, #aaa5a5 0, #aaa5a5 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa5a5),
		color-stop(1, #aaa5a5)) !important;
	background: -webkit-linear-gradient(top, #aaa5a5 0, #aaa5a5 100%)
		!important;
	background: linear-gradient(to bottom, #aaa5a5 0, #aaa5a5 100%)
		!important;
}

.bpmBreadcrumb-top {
	float: left;
	display: inline-flex;
	background: #99d9ea;
	width: 100%;
	padding: 15px;
	margin-top: -20px;
	font-size: 12px
}

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

fieldset {
	border: none;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	background: #fff !important;
}

/* body .ui-selectonemenu {
	width: 100% !important;
} */
body .ui-selectonemenu, .ui-inputfield, .ui-widget-content .ui-inputfield,
	.ui-widget-header .ui-inputfield {
	width: 100%;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal {
	font-size: 11px;
}

body .ui-message {
	padding: unset;
	display: inline-block;
	position: relative;
	width: 100%;
	display: table;
}

/* body .ui-datatable thead th .ui-column-title, 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;
} */

/* .ui-datatable table {
	table-layout: auto !important;
} */
table, .ui-datatable-tablewrapper>table {
	width: 98.9%;
}

/* .ui-datatable-tablewrapper {
	overflow: auto !important;
}
 */
.ui-datatable tbody.ui-datatable-data>tr.ui-datatable-selectable.ui-state-hover
	{
	background: #9dceee !important;
	font-weight: 600 !important;
}

ol, ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

body .ui-datalist .ui-datalist-content {
	border: none;
	padding: 0;
}

.form-mandatory {
	float: left;
	padding-left: 0.5em;
	min-height: 22px;
	margin-right: -3px;
}

/* .mandatory-completed {
	background-color: #008000;
} */
.dialog-width-xlarge {
	width: 1160px !important;
	overflow: hidden !important;
}

.dialog-width-large {
	width: 1080px !important;
	overflow: hidden !important;
}

.dialog-width-xlarge-overflow {
	width: 1160px !important;
	overflow: auto !important;
	height: 700px !important;
}

.dialog-width-medium {
	width: 720px !important;
}

.dialog-width-small {
	width: 480px !important;
}

.pageHeader {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	padding-left: 1rem;
	color: #777777;
}

.layout-wrapper .topbar .topbar-right {
	padding: 0 !important;
	height: auto !important;
	/* background-color: #146fd7;
	background-image: -webkit-gradient(linear, left top, right top, from(#146fd7),
		to(#146fd7)); */
	background-image: -webkit-linear-gradient(left, #146fd7, #146fd7);
	background-image: -moz-linear-gradient(left, #146fd7, #146fd7);
	background-image: -ms-linear-gradient(left, #146fd7, #146fd7);
	background-image: -o-linear-gradient(left, #146fd7, #146fd7);
	background-image: linear-gradient(left, #146fd7, #146fd7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146fd7",
		endColorstr="#146fd7", gradientType="1");
}

/* .layout-wrapper .layout-menu-container, .layout-wrapper .layout-main {
	position: absolute !important;
}
 */
.layout-wrapper .topbar {
	position: static !important;
	height: 100px !important;
}

.layout-wrapper .layout-menu-container {
	top: 50%;
}

@media ( min-width : 1025px) {
	.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer
		{
		margin: 0 38px !important;
	}
}

/* .left-content, .right-content {
	border-radius: 10px !important;
} */
.layout-main {
	width: 100%;
	margin-top: 35px;
}

.left-panel {
	margin: -90px 8px 0px 8px;
	position: relative;
}

.right-panel {
	margin: -161px 0 0 0;
	position: relative;
	/* height: 1080px; */
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
	font-size: 14px;
	font-weight: bold;
}

.awam-module-urusan ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #ffffff !important;
	border-radius: 15px;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	-moz-box-shadow: inset 0px -3px 0px 0px rgba(102, 77, 204, 1);
}

.awam-module-urusan ul li a span {
	color: #0e0e0e !important;
	font-size: 12px !important;
	background: #cee2ff !important;
	padding: 10px !important;
	border-radius: 0 0 15px 15px;
}

@media ( min-width : 1025px) {
	.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer
		{
		margin: 0 !important;
		/* position: absolute; */
	}
	.layout-wrapper .menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer
		{
		margin: 0 !important;
	}
}

.layout-main-content {
	position: absolute;
	width: 100%;
}

.layout-wrapper .layout-menu li a {
	display: block;
	padding: 15px 20px;
	border-radius: 12px;
}

body .ui-datalist .ui-datalist-content {
	border: none;
	padding: 0;
}

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

.tgPanel .ui-panel-titlebar, .togglePanel1 .ui-panel-titlebar, body .ui-dialog .ui-dialog-titlebar
	{
	background: #a7d3eb !important;;
}

.tgPanel:nth-child(2) .ui-panel-titlebar, .togglePanel2 .ui-panel-titlebar
	{
	background: #afa6ce !important;
}

.tgPanel:nth-child(3) .ui-panel-titlebar, .togglePanel3 .ui-panel-titlebar
	{
	background: #ecb9cf !important;
}

.tgPanel:nth-child(4) .ui-panel-titlebar, .togglePanel4 .ui-panel-titlebar
	{
	background: #f6d6af !important;
}

.tgPanel:nth-child(5) .ui-panel-titlebar, .togglePanel5 .ui-panel-titlebar
	{
	background: #f0e5b7 !important;
}

.tgPanel:nth-child(6) .ui-panel-titlebar, .togglePanel6 .ui-panel-titlebar
	{
	background: #fadae2 !important;
}

.tgPanel:nth-child(7) .ui-panel-titlebar, .togglePanel7 .ui-panel-titlebar
	{
	background: #d1f0e4 !important;
}

.tgPanel:nth-child(8) .ui-panel-titlebar, .togglePane8 .ui-panel-titlebar
	{
	background: #bff5c9 !important;
}

.tgPanel:nth-child(9) .ui-panel-titlebar, .togglePanel9 .ui-panel-titlebar
	{
	background: #aed3b9 !important;
}

.tgPanel:nth-child(10) .ui-panel-titlebar, .togglePanel10 .ui-panel-titlebar
	{
	background: #fcbba4 !important;
}

body .ui-panel .ui-panel-titlebar {
	padding: 10px;
	border-radius: 12px 12px 0 0;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active
	{
	border-radius: 12px 12px 0 0;
}

.card {
	border-radius: 25px;
	/* padding: 0; */
	/* height: 1080px; */
	/* margin: 50px 0 0 0 !important; */
}

body .ui-panel>div:last-of-type {
	border-radius: 0 0 25px 25px;
}

.ui-autocomplete .ui-autocomplete-input, .ui-autocomplete button.ui-button
	{
	vertical-align: middle !important;
	margin-right: -23px !important;
}

body .ui-datatable .ui-datatable-data>tr>td {
	padding: 5px !important;
}

.ui-autocomplete {
	width: 100% !important;
}

.section-header-container {
	padding: 10px 20px;
}

.ui-datatable .ui-sortable-column {
	cursor: pointer;
	user-select: none;
}

body .ui-datatable thead th {
	padding: 5px !important;
}

form#topbar-items-form {
	display: inline-flex;
	float: right;
	position: relative;
	bottom: 175px;
	right: 20px;
}

.topbar-items-profile {
	position: absolute;
	right: 13px;
}

.buttonDiv {
	margin: 30px 17px;
	float: right;
}

@media ( min-width : 1025px) {
	.layout-wrapper .topbar-items>li.active-top-menu>ul {
		z-index: 1 !important;
	}
}

body .ui-datatable .ui-datatable-header {
	text-align: center;
	font-weight: bold;
}

body .ui-datatable .ui-datatable-footer {
	background: #ffffff;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item
	{
	width: 100%;
}

body .ui-datatable .ui-datatable-data>tr>td {
	font-weight: normal;
}

body .ui-datatable thead th .ui-column-title {
	font-weight: bold;
}

body .ui-fileupload .ui-fileupload-buttonbar {
	border: none;
	background: #ffffff;
}

body .ui-fileupload .ui-fileupload-content {
	display: none;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
	left: 12px;
}

body .dot-red {
	background-color: #e91e63;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	display: inline-block;
}

body .dot-green {
	background-color: #4caf50;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	display: inline-block;
}

.layout-footer {
	/* -moz-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s;
	transition: margin-left 0.3s; */
	clear: both;
	position: relative;
	/* bottom: -900px;
	height: auto; */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/* .layout-wrapper .layout-main {
	display: inline !important;
} */
.layout-wrapper .layout-footer {
	box-shadow: none;
}

@media ( max-width : 1024px) {
	.layout-footer {
		margin-left: 0;
		display: none;
	}
	body .ui-grid-col-8.right-panel {
		width: 66% !important;
		margin: -115px 0 0 0 !important;
	}
}

/* body .ui-paginator .ui-paginator-rpp-options {
	margin: 3px 6px;
	border-radius: 6px;
	color: #007bff;
	border: 1px solid #dee2e6;
	background: #ffffff;
} */
.pi-trash:before {
	content: "\e93d";
	color: #ff0000;
}

.pi-arrow-circle-down:before {
	content: "\e91e";
	color: #0CBB08;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before
	{
	content: "\e921";
	color: #0087ff;
}

body .ui-fileupload .ui-fileupload-buttonbar {
	padding: 0;
}

.ui-fileupload-buttonbar .ui-button, body .ui-button.ui-state-hover {
	background: #e7e6e6;
	border: none;
}

.et-breadcrumb li span {
	color: #0d6efd;
	font-family: "Quicksand";
	font-size: 15px;
}

.menuPermohonanIcon {
	background-image: url('../resources/img/menu-permohonan.png');
	width: 30px;
	height: 30px;
}

.menuCukaiTanahIcon {
	background-image:
		url('../resources/img/menu-cukai-tanah-cukai-petak.png');
	width: 30px;
	height: 30px;
}

.menueCarianIcon {
	background-image: url('../resources/img/menu-ecarian-persendirian.png');
	width: 30px;
	height: 30px;
}

.menuPengurusanWakilIcon {
	background-image: url('../resources/img/menu-pengurusan-wakil.png');
	width: 30px;
	height: 30px;
}

.menuBayaranIcon {
	background-image: url('../resources/img/menu-bayaran.png');
	width: 30px;
	height: 30px;
}

.menuBilkelompokIcon {
	background-image: url('../resources/img/menu-bilkelompok.png');
	width: 30px;
	height: 30px;
}

.menuKutipanIcon {
	background-image: url('../resources/img/menu-fail-kutipan-cukai.png');
	width: 30px;
	height: 30px;
}

.menuPengurusanIdpenggunaIcon {
	background-image: url('../resources/img/menu-pengurusan-idpengguna.png');
	width: 30px;
	height: 30px;
}

.menuLaporanIcon {
	background-image: url('../resources/img/menu-laporan.png');
	width: 30px;
	height: 30px;
}

.kemaskiniPenggunaIcon {
	background-image: url('../resources/img/icon-kemaskiniprofil.png');
	width: 20px;
	height: 20px;
}

.menuSejarahBayaranIcon {
	background-image: url('../resources/img/icon-sejarahBayaran.png');
	width: 40px;
	height: 40px;
}

.logKeluarIcon {
	background-image: url('../resources/img/icon-logkeluar.png');
	width: 20px;
	height: 20px;
}

.layout-wrapper .layout-menu li a i:first-child {
	font-size: 20px;
	font-weight: bold;
	color: #606060;
}

.et-breadcrumb {
	background: #f6f6f6 !important;
	border: 1px solid #eee !important;
	margin: 14px 14px 4px 14px;
}

.et-breadcrumb li a:after {
	border-left: 30px solid #f6f6f6 !important;
}

.et-breadcrumb li a, .et-breadcrumb li a:hover {
	background: #f6f6f6 !important;
}

.et-breadcrumb li span {
	color: #0d6efd !important;
}

.awam-gray-panel {
	color: #0d6efd !important;
	font-size: 15px;
	font-weight: bold;
	padding: 11px 13px 16px 10px;
	border-radius: 8px;
	margin: 0 14px;
	background: #f6f6f6 !important;
	border: 1px solid #eee !important;
}

.awam-breadcrumb-card {
	padding: 0 0 10px 0;
}

body .ui-panel .ui-panel-content {
	border: 0
}

.layout-menu-tooltip {
	font-size: 10px;
}

body .ui-selectonemenu {
	padding: 1px;
}

body .ui-button {
	color: #000000;
	font-weight: bold;
	border: 1px solid #fff !important;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
	padding: 0.5rem 0;
	background: #ffffff;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.ui-autocomplete .ui-autocomplete-input, .ui-autocomplete button.ui-button
	{
	border: 1px solid #ced4da;
	margin-right: -41px !important;
}

.ui-autocomplete button.ui-button {
	border: none;
	background: #ffffff;
}

body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
	padding: 0.5rem 0.75rem;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

@media ( min-width : 1025px) {
	.layout-wrapper .topbar-items {
		margin: -5px;
	}
}

div#topbar-items-form\:notificationDialog.ui-dialog .ui-dialog-titlebar
	{
	display: none;
}

div#topbar-items-form\:notificationDialog.ui-dialog .ui-dialog-content {
	border-radius: 20px;
	/* overflow: hidden; */
}

body .ui-dialog {
	border-radius: 12px;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	border: none !important;
}

.ui-dialog .ui-dialog-content {
	overflow: hidden;
}

body .ui-button.ui-state-hover {
	color: #000000 !important;
	border: none;
	background: #e7e6e6 !important;
}

.pi-info-circle {
	color: #0087ff;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
	background: #ffffff;
}

.ui-tabs-nav li.ui-state-default.ui-state-disabled {
	background: linear-gradient(to bottom, #b1aeae, #dbd6d6 100%) !important;
	opacity: 1 !important;
	color: #ffffff;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
	color: #000000 !important;
	border: none;
	background: #ffffff !important;
}

.ui-fileupload-icon-only .ui-button-text {
	padding-left: 0;
}

.pi-exclamation-triangle:before {
	content: "\e922";
	color: #ff0000;
}

body .ui-grid-col-8.right-panel {
	width: 73%;
}

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

@media ( min-width : 1025px) {
	.layout-wrapper .topbar-items>li.profile-item a .profile-image {
		margin-top: 0 !important;
	}
}

@media ( min-width : 1900px) {
	#topbar-items-form {
		bottom: 225px !important;
	}
}

body .ui-datatable tfoot td {
	padding: 1rem 0.5rem;
}

.ui-breadcrumb .ui-breadcrumb-items {
	font-size: 15px;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home {
	color: #6c757d;
	font-size: 16px;
}

body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text
	{
	color: #0d6efd;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text
	{
	color: #6c757d;
}

body .ui-breadcrumb {
	border-radius: 8px;
	margin: 0.5rem 1rem;
}

.ui-tabs .ui-tabs-nav .ui-state-default {
	background: #e8e8e8 !important;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active
	{
	background: #ffffff !important;
}

.ui-state-highlight .ui-commandlink {
	color: white;
	text-decoration: underline;
}

.highlightRow {
	background: #007bff !important;
	color: #ffffff;
}

.layout-wrapper .layout-menu li.layout-root-menuitem>.layout-menuitem-root-text
	{
	display: none !important;
}

.ui-growl-message p, .ui-growl-title {
	font-size: 14px !important;
}

.topPanelOrg {
	background: #ffffff;
	border-radius: 25px;
	margin-bottom: 5px;
    padding: 10px 12px 0px 27px !important;
}

@media ( max-width : 780px) {
	.ui-selectoneradio label {
		margin: 0 !important;
		/* width: 100px !important; */
	}
	body .ui-selectonemenu {
		width: 144px;
	}
	.awam-form-label {
		width: 100px !important;
		padding: 5px 0px !important;
	}
	body .ui-selectonemenu, .ui-inputfield, .ui-widget-content .ui-inputfield,
		.ui-widget-header .ui-inputfield {
		width: 150px !important;
		position: relative;
	}
	body .ui-grid-col-8.right-panel {
		width: 69% !important;
		margin: -91px 0 0 0 !important;
	}
	.right-command-btn {
		position: relative;
		display: inline-table;
	}
	.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
		border: 0 none;
		flex-direction: column !important;
		display: flex !important;
	}
	.layout-menu span {
		font-size: 9px !important;
	}
	.layout-menu a {
		font-size: 8px !important;
		padding: 11px 2px !important;
	}
	.layout-wrapper .layout-menu li.active-menuitem>a {
		padding-left: 16px !important;
	}
	.card {
		padding: 7px;
	}
	.ui-datatable table {
		table-layout: auto !important;
	}
	.cthHakmilik {
		display: none;
	}
	form#topbar-items-form {
		bottom: 70px;
		right: 0px;
	}
	.topbar-items-profile i.pi.pi-envelope {
		font-size: 1.3rem !important;
		margin: 10px 7px;
	}
	span.topbar-item-name {
		font-size: 6px !important;
	}
	span.topbar-item-role {
		font-size: 9px !important;
	}
	.layout-wrapper .topbar-items {
		animation-name: none !important;
		float: right !important;
		margin: 5px 0 0 0 !important;
		padding: 0 !important;
		list-style-type: none !important;
	}
	.layout-wrapper .topbar-items>li {
		float: right;
		position: relative;
		/* margin-left: 14px; */
	}
	.layout-wrapper .topbar-items>li.profile-item a {
		-moz-transition: color 0.3s;
		-o-transition: color 0.3s;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
		top: -3px;
	}
	.layout-wrapper .topbar-items>li.profile-item a .profile-image {
		margin-top: -4px;
		float: right;
	}
	.layout-wrapper .topbar-items>li>a {
		position: relative;
		display: block;
	}
	.layout-wrapper .topbar-items>li>ul {
		position: relative;
		top: 0px;
		right: 40px;
		display: none;
		width: 130px;
		background-color: #ffffff;
		border-top: 4px solid #007bff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-webkit-animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		/* -webkit-animation-duration: 0.5s; */
		-moz-animation-duration: 0.5s;
		animation-duration: 0.5s;
		display: block;
		background-color: none;
		border-top: 0px solid #007bff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>a
		{
		color: #007bff;
		background: 0;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a:hover {
		background: 0;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a
		{
		padding: 4px 2px !important;
	}
	body .ui-overlay-badge .ui-badge {
		top: 11px;
		right: 3px;
		font-size: 10px;
	}
	body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
		font-size: 10px;
	}
	body .ui-panel .ui-panel-titlebar {
		padding: 5px;
		font-size: 11px;
	}
	#maklumat-bayaran-tbl {
		max-width: 90%;
	}
	#panduanPembayaranTble {
		max-width: 50%;
	}
	#popup-fpx-payment-buttons {
		margin: 30px 0;
		float: left;
	}
	#confirmationPaymentDlg {
		width: 1000px;
	}
	.dialog-width-medium {
		width: 100% !important;
	}
}