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.4em;
}

.langkah-bar-indi-current {
	background: #25bce8;
	border-radius: 14px;
}

.langkah-bar-indi-completed {
	background: green;
	border-radius: 14px;
}

.langkah-bar-indi-incomplete {
	background: red;
	border-radius: 14px;
}

.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: #e8e8e8;
	border-radius: 8px 14px 14px 8px;
}

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

.langkah-bar-title-current a {
	color: #25bce8;
}

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

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

.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;
}

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

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

fieldset {
	border: none;
	padding: 0;
}

.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%;
	border-radius: 8px;
}

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
	{
	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;
}

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: #58b3c5 !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, .togglePanel8 .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;
}

.togglePanelSP .ui-panel-titlebar {
	background: #ff0000 !important;
}

/* .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;
}

body .ui-datatable thead th, body .ui-datatable .ui-datatable-data>tr>td,
	body .ui-datatable .ui-paginator {
	padding: 5px;
}

@media ( min-width : 1025px) {
	.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper .menu-layout-static .layout-footer
		{
		margin-left: 220px;
	}
	.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer
		{
		margin-left: 246px;
	}
}

/* .layout-wrapper .layout-main {
	padding: 65px 10px 16px 15px;
} */
body .ui-panel .ui-panel-titlebar {
	padding: 10px;
	border-radius: 8px;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active
	{
	border-radius: 8px;
	font-size: 13px;
}

.card {
	border-radius: 25px;
	padding: 0;
}

body .ui-panel>div:last-of-type {
	/* border-radius: 0 0 25px 25px; */
	border-radius: 0 0 8px 8px !important;
}

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

.layout-wrapper .layout-menu li.active-menuitem>a {
	border-left-color: #58b3c5 !important;
}

.buttonDiv {
	margin: 20px 0 35px 0;
	/* float: right; */
}

.ui-fileupload-simple .ui-fileupload-filename {
	display: none;
}

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

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

body .ui-button {
	background: #007bff;
	color: #000000;
	border: none;
	font-weight: bold;
}

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

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

body .ui-dialog {
	border-radius: 12px;
	/* overflow: initial !important; */
	border: none !important;
}

.layout-wrapper .layout-menu-container {
	position: absolute;
	min-height: 1000px;
}

.dashboardCard {
	min-height: 1000px;
	box-shadow: none;
}

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

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

.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;
	font-size: large;
}

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

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;
}

.ui-autocomplete .ui-autocomplete-input, .ui-autocomplete button.ui-button,
	.ui-autocomplete .ui-button.ui-state-hover {
	vertical-align: middle !important;
	margin-right: -37px !important;
	background: #ffffff !important;
}

.dft-dashboard, .mdl-dashboard-box-count {
	width: 100%;
	padding: 0px;
	padding-bottom: 20px;
	display: block;
	zoom: 1;
	height: auto;
	margin-bottom: 0px;
}

.dft-dashboard ul, .mdl-dashboard-box-count {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
}

.dft-dashboard ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	list-style: none;
	height: 150px;
	margin-bottom: 1px;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	background: #fefefe;
	width: 20%;
}

.dft-dashboard ul li a {
	height: auto;
	display: block;
	position: relative;
	/* height: 120px; */
	/* padding: 20px; */
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #ddd;
	left: 25%;
	text-align: center;
}

.dft-dashboard ul li a {
	border-radius: 20px;
}

.dft-dashboard ul li a:hover {
	text-decoration: none;
}

.mdl-dashboard-boxs {
	padding: 20px 17px 0 17px;
	word-break: normal;
	height: 40px;
	text-align: left;
}

.mdl-dashboard-box-count {
	border-top: 1px solid #eee;
	padding: 8px 5px;
}

.ursn-dashboard-boxs {
	color: #ffffff;
	text-align: center;
	padding: 20px 30px;
	font-weight: bold;
	height: 100px;
	 border-radius: 6px;
/* 	background-color: #007bff; */
}

.ursnKod-box-dft {
	color: #000000;
}

.ursnKod-box-color-1, .box-color-1 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-2, .box-color-2 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-3, .box-color-3 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-4, .box-color-4 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-5, .box-color-5 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-6, .box-color-6 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-7, .box-color-7 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-8, .box-color-8 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-9, .box-color-9 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-10, .box-color-10 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-11, .box-color-11 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-12, .box-color-12 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-13, .box-color-13 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-14, .box-color-14 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-15, .box-color-15 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-16, .box-color-16 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-17, .box-color-17 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-18, .box-color-18 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-19, .box-color-19 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-20, .box-color-20 {
	color: #eee;
	font-weight: bold;
}

.ursnKod-box-color-10 {
	color: #eee;
	font-weight: bold;
}

.box-color-1 {
	background: #007bff;
}

.box-color-2 {
	background: #28a745;
}

.box-color-3 {
	background: #fd7e14;
}

.box-color-4 {
	background: #6f42c1;
}

.box-color-5 {
	background: #f8f5d7;
}

.box-color-6 {
	background: #e7cfff;
}

.box-color-7 {
	background: #f8daf5;
}

.box-color-8 {
	background: #d7edf0;
}

.box-color-9 {
	background: #def8d7;
}

.box-color-10 {
	background: #fce4a4;
}

.box-color-11 {
	background: #ffd6d4;
}

.box-color-12 {
	background: #d1f0e4;
}

.box-color-13 {
	background: #f5ddfc;
}

.box-color-14 {
	background: #fffcad;
}

.box-color-15 {
	background: #bff5c9;
}

.box-color-16 {
	background: #ffdee3;
}

.box-color-17 {
	background: #c9daf8;
}

.box-color-18 {
	background: #ead1dc;
}

.box-color-19 {
	background: #fff2cc;
}

.box-color-20 {
	background: #d9ead3;
}

.layout-wrapper .topbar .topbar-right {
	padding: 15px;
  height: 60px;
}

.topbar-right-nonprod {
	background: grey !important;
}

body .ui-autocomplete-panel {
	width: 50% !important;
	max-height: 40% !important;
}

.panelStyleColor .ui-panel-content {
	background-color: #d6d4d4 !important;
}

body .tableStyleColor.ui-datatable thead th, body .tableStyleColor.ui-datatable .ui-datatable-data>tr>td,
	body .tableStyleColor.ui-datatable .tableStyleColor.ui-paginator {
	background-color: #d6d4d4 !important;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before
	{
	/* content: "\e915" !important; */
	color: black;
}

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

/* removes the highlight for the togglePanel */
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.0);
}

.p-datepicker {
  position: relative;
  display: inline-flex !important;
  width: auto;
}

body .ui-datepicker-trigger{
	background: #17a2b8 !important;
}

body .ui-dialog .ui-dialog-titlebar {
	color: white;
	background: linear-gradient(-30deg, rgb(8, 174, 208) 10%, rgb(37, 46, 95) 100%) !important;;
}

.ui-dialog-titlebar-icon.ui-state-hover,
.ui-dialog-titlebar-icon.ui-state-focus {
	color: white !important;
	border: 0px;
	box-shadow: none !important;
}

.ui-dialog-titlebar-icon {
	color: white !important;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
	box-shadow: none !important;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
	color: aliceblue;
}

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

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

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