/*-------------------------------------------------------------------------------------------------------------------------
class main-content width : begin
---------------------------------------------------------------------------------------------------------------------------*/
.mc-80 {
	width: 80%;
}
/*-------------------------------------------------------------------------------------------------------------------------
class main-content width : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
class ui-autocomplete : begin
---------------------------------------------------------------------------------------------------------------------------*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
ul.ui-autocomplete {
    z-index: 1100;
}
/* IE 6 doesn't support max-height, we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
	height: 200px;
}
/*-------------------------------------------------------------------------------------------------------------------------
class ui-autocomplete : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
label class required : begin
---------------------------------------------------------------------------------------------------------------------------*/
label.required:after{
	content: ' *';
	color: red;
}
/*-------------------------------------------------------------------------------------------------------------------------
label class required : end..
---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------
label span summary : begin
---------------------------------------------------------------------------------------------------------------------------*/
.summary_labelspan_type{
	border: 0!important;
	background : 0!important;
	color: #484b51!important;
}
/*-------------------------------------------------------------------------------------------------------------------------
label span summary : end..
---------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------
form-error before : begin
---------------------------------------------------------------------------------------------------------------------------* /
.form-error:before{
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	display: inline-block;
	padding-right: 3px;
	font-weight: 900;
/*	vertical-align: middle; * /
}
/*-------------------------------------------------------------------------------------------------------------------------
form-error before : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
jqGrid : begin
---------------------------------------------------------------------------------------------------------------------------*/
.ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-bdiv, .comgrid_pager {
    min-width: 100%!important;
    width: 100%!important;
}
.ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-btable {
    min-width: 100%!important;
    width: 100%!important;
}
.ui-jqgrid .ui-jqgrid-htable th div {
  white-space: normal !important;   /* izinkan wrap */
  overflow-wrap: break-word;        /* browser modern */
  word-wrap: break-word;            /* kompatibilitas lama */
  word-break: keep-all;             /* cegah potong di tengah huruf */
  height: auto !important;
  line-height: 1.2em;
}
.ui-jqgrid .ui-jqgrid-bdiv td.txt-bngks {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: keep-all;
  height: auto !important;
  line-height: 1.2em;
}
.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: auto;
}
/*-------------------------------------------------------------------------------------------------------------------------
jqGrid : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
dataTables : begin
---------------------------------------------------------------------------------------------------------------------------*/
div.dataTables_wrapper div.dataTables_processing{
	top: 0;
}
div.dataTables_wrapper div.dataTables_filter .dt-buttons{
	margin-bottom: 2px;
}
div.dataTables_wrapper div.dataTables_filter .btn-group {
	margin-left: 2px;
	margin-right: 2px;
}
table.table-datatable > thead > tr > th {
	vertical-align: middle!important;
}
/*-------------------------------------------------------------------------------------------------------------------------
dataTables : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
class ui-pager : begin
---------------------------------------------------------------------------------------------------------------------------*/
.ui-pager-control > .ui-pg-table > tbody > tr > td {
	overflow-y: visible!important;
}
/*-------------------------------------------------------------------------------------------------------------------------
class ui-pager : end..
---------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------
code-prettify : begin
---------------------------------------------------------------------------------------------------------------------------*/
.prettywrap {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/*-------------------------------------------------------------------------------------------------------------------------
code-prettify : end..
---------------------------------------------------------------------------------------------------------------------------*/