body.boxed-layout #wrapper {
	max-width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}

body.boxed-layout .navbar-custom {
	max-width: 100%;
	margin: 0 auto;
}

table,
td,
th {
	/* border: 1px solid #d0d0d0; */
	padding-left: 3px;
	padding-right: 3px;
}

.date_field {
	position: relative;
	z-index: 99999;
}

.ui-datepicker {
	z-index: 9999 !important;
}
.none {
	/*border-collapse: collapse;*/
	border: none;
}

td.btm_b {
	border-bottom: 1px solid #000000;
	/*  padding-left: 3px;
  padding-right: 3px;  */
}

.brk {
	word-break: break-all;
}

.table {
	border-collapse: collapse;
}

td.details-control {
	background: url("../vendor/images/details_open.png") no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control {
	background: url("../vendor/images/details_close.png") no-repeat center center;
}

/* Autosuggest */
.autosuggest {
	background-color: #fff9c4;
	border: 1px solid #90caf9;
	display: none;
	overflow: hidden;
	padding: 0px;
	position: fixed;
	z-index: 99;
	margin-top: 5px;
	margin-left: 0px;
	text-align: left;
}

.autosuggest ul li,
.autosuggest-up ul li {
	background-color: #fff9c4;
	margin-left: -30px;
	border-bottom: 1px solid #90caf9;
	cursor: pointer;
	display: block;
	list-style: none;
	padding: 2px;
	white-space: nowrap;
	z-index: 99;
}

.autosuggest ul li:hover,
.autosuggest-up ul li:hover {
	background-color: #316ac5;
	color: #ffffff;
	z-index: 10;
}

.autosuggest-up {
	background-color: #bbdefb;
	border: 1px solid #90caf9;
	display: none;
	overflow: hidden;
	padding: 0px;
	position: fixed;
	z-index: 99;
	margin-top: 5px;
	margin-left: 0px;
	top: auto;
	bottom: 130px;
	text-align: left;
}

.progress_bar {
	position: absolute; /* fixed or absolute */
	margin: auto;
	top: 30%;
	/*text-align: center;*/
	/*right: 50%;*/
	/*height:100px;*/
	z-index: 9999; /* Sit on top */
	display: none;
}

.fix {
	padding-left: 2px;
	padding-right: 2px;
}

.col-fix {
	padding-left: 2px;
	padding-right: 2px;
}

.col-fix0 {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

select.fix {
	padding-left: 2px;
	padding-right: 2px;
}

select.fix2 {
	height: 23px;
	padding: 2px;
}

.pac-container {
	z-index: 9999999999 !important;
}

.btm-5 {
	margin-bottom: 5px;
}

.top-0 {
	margin-top: 0px;
}

label.error {
	color: red;
	font-size: 11px;
}

.badge-lighten-primary {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

.badge-lighten-secondary {
	border: 1px solid rgba(108, 117, 125, 0.2) !important;
	background-color: rgba(108, 117, 125, 0.25) !important;
	color: #6c757d !important;
}

.badge-lighten-success {
	border: 1px solid rgba(16, 196, 105, 0.2) !important;
	background-color: rgba(16, 196, 105, 0.25) !important;
	color: #10c469 !important;
}

.badge-lighten-info {
	border: 1px solid rgba(53, 184, 224, 0.2) !important;
	background-color: rgba(53, 184, 224, 0.25) !important;
	color: #35b8e0 !important;
}

.badge-lighten-warning {
	border: 1px solid rgba(249, 200, 81, 0.2) !important;
	background-color: rgba(249, 200, 81, 0.25) !important;
	color: #f9c851 !important;
}

.badge-lighten-danger {
	border: 1px solid rgba(255, 91, 91, 0.2) !important;
	background-color: rgba(255, 91, 91, 0.25) !important;
	color: #ff5b5b !important;
}

.badge-lighten-light {
	border: 1px solid rgba(241, 245, 247, 0.2) !important;
	background-color: rgba(241, 245, 247, 0.25) !important;
	color: #f1f5f7 !important;
}

.badge-lighten-dark {
	border: 1px solid rgba(50, 58, 70, 0.2) !important;
	background-color: rgba(50, 58, 70, 0.25) !important;
	color: #323a46 !important;
}

.badge-lighten-pink {
	border: 1px solid rgba(255, 138, 204, 0.2) !important;
	background-color: rgba(255, 138, 204, 0.25) !important;
	color: #ff8acc !important;
}

.badge-lighten-purple {
	border: 1px solid rgba(91, 105, 188, 0.2) !important;
	background-color: rgba(91, 105, 188, 0.25) !important;
	color: #5b69bc !important;
}

.badge-lighten-blue {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

.lighten-primary {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

.lighten-secondary {
	border: 1px solid rgba(108, 117, 125, 0.2) !important;
	background-color: rgba(108, 117, 125, 0.25) !important;
	color: #6c757d !important;
}

.lighten-success {
	border: 1px solid rgba(16, 196, 105, 0.2) !important;
	background-color: rgba(16, 196, 105, 0.25) !important;
	color: #10c469 !important;
}

.lighten-info {
	border: 1px solid rgba(53, 184, 224, 0.2) !important;
	background-color: rgba(53, 184, 224, 0.25) !important;
	color: #35b8e0 !important;
}

.lighten-warning {
	border: 1px solid rgba(249, 200, 81, 0.2) !important;
	background-color: rgba(249, 200, 81, 0.25) !important;
	color: #f9c851 !important;
}

.lighten-danger {
	border: 1px solid rgba(255, 91, 91, 0.2) !important;
	background-color: rgba(255, 91, 91, 0.25) !important;
	color: #ff5b5b !important;
}

.lighten-light {
	border: 1px solid rgba(241, 245, 247, 0.2) !important;
	background-color: rgba(241, 245, 247, 0.25) !important;
	color: #f1f5f7 !important;
}

.lighten-dark {
	border: 1px solid rgba(50, 58, 70, 0.2) !important;
	background-color: rgba(50, 58, 70, 0.25) !important;
	color: #323a46 !important;
}

.lighten-pink {
	border: 1px solid rgba(255, 138, 204, 0.2) !important;
	background-color: rgba(255, 138, 204, 0.25) !important;
	color: #ff8acc !important;
}

.lighten-purple {
	border: 1px solid rgba(91, 105, 188, 0.2) !important;
	background-color: rgba(91, 105, 188, 0.25) !important;
	color: #5b69bc !important;
}

.lighten-blue {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

hr.red {
	border-top: 1px solid rgba(255, 91, 91, 0.5);
}

.avatar {
	cursor: pointer;
}

.b_red {
	border: 1px solid red;
}

.top_red {
	border-top: 1px solid red;
	padding-top: 5px;
}

.top_red2 {
	border-top: 2px solid red;
	padding-top: 5px;
}

.r_red {
	border-right: 1px solid rgba(255, 91, 91, 0.5);
}

.btm_blue {
	/*border-bottom: 1px solid rgba(113, 182, 249, 0.2) !important;*/
	border-bottom: 1px solid rgba(113, 182, 249, 0.5);
	padding-bottom: 0px !important;
}

.r_l_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.5);
	padding-left: 5px;
}

.r_r_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.5);
	padding-right: 5px;
	text-align: right;
}

.r_c_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.5);
	text-align: center;
}

.light-blue {
	background-color: rgba(113, 182, 249, 0.4);
	color: #000000;
}

.light-info {
	background-color: rgba(53, 184, 224, 0.4);
	color: #000000;
}

.black {
	color: #000000;
}

.form-header {
	background-color: rgba(56, 98, 251, 1);
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.form-sub-header {
	background-color: rgba(56, 170, 251, 1);
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.table-sub-header {
	background-color: rgba(123, 196, 247, 0.5);
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

.table-header {
	background-color: rgba(0, 0, 204, 1);
	color: #ffffff;
	font-size: 11px;
	text-align: center;
}

.th-head {
	padding-top: 5px;
	padding-bottom: 5px;
}

.blue {
	color: blue;
}

.b_blue {
	font-weight: bold;
	color: blue;
}

td.agree {
	vertical-align: top;
}

/* Ensure that the demo table scrolls */
/*
    th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 1000px;
        margin: 0 auto;
        padding: 0;
    }
 
    tr { height: 10px; }
*/

.ui-datepicker-prev span {
	background-image: url("../vendor/images/left_arrow.png") !important;
	/*background-image: url(http://legacy.australianetwork.com/img/icon_arrow_left_black.png) !important;*/
	background-position: 0px 0px !important;
}

.ui-datepicker-next span {
	background-image: url("../vendor/images/right_arrow.png") !important;
	/*background-image: url(http://legacy.australianetwork.com/img/icon_arrow_right_black.png) !important;*/
	background-position: 0px 0px !important;
}

.f14 {
	font-size: 14px;
	font-family: Tahoma;
}

.f13 {
	font-size: 13px;
	font-family: Tahoma;
}

.f12 {
	font-size: 12px;
	font-family: Tahoma;
}

.f11 {
	font-size: 11px;
	font-family: Tahoma;
}

.f10 {
	font-size: 10px;
	font-family: Tahoma;
}

optgroup {
	font-size: 12px;
}

.row_bold {
	font-weight: bold;
}

.text-bold {
	font-weight: bold;
}

.ot {
	display: none;
}

.allw {
	display: none;
}

.td_top {
	vertical-align: top;
}

#data_allowance,
.data_content,
#data_content,
.tableFixHead {
	max-height: 65vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.tableFixHead::-webkit-scrollbar,
.data_content::-webkit-scrollbar,
.scroll-bar-x::-webkit-scrollbar,
#data_allowance::-webkit-scrollbar,
#data_content::-webkit-scrollbar {
	width: 5px;
	/* Lebar scrollbar */
	height: 10px;
	/* Tinggi scrollbar */
}

.tableFixHead::-webkit-scrollbar-thumb,
.data_content::-webkit-scrollbar-thumb,
.scroll-bar-x::-webkit-scrollbar-thumb,
#data_content::-webkit-scrollbar-thumb {
	background-color: #888;
	/* Warna latar belakang thumb scrollbar */
	border-radius: 5px;
	/* Radius thumb scrollbar */
}

.tableFixHead::-webkit-scrollbar-thumb:hover,
.data_content::-webkit-scrollbar-thumb:hover,
.scroll-bar-x::-webkit-scrollbar-thumb:hover,
#data_content::-webkit-scrollbar-thumb:hover {
	background-color: #555;
	/* Warna latar belakang thumb scrollbar saat dihover */
}

.scroll-bar-x::-webkit-scrollbar {
	width: 1px;
	/* Lebar scrollbar */
	height: 4px;
	/* Tinggi scrollbar */
}

.scroll-bar-x::-webkit-scrollbar-thumb {
	background-color: #e9e9e9;
	/* Warna latar belakang thumb scrollbar */
	border-radius: 5px;
	/* Radius thumb scrollbar */
}

.scroll-bar-x::-webkit-scrollbar-thumb:hover {
	background-color: #555;
	/* Warna latar belakang thumb scrollbar saat dihover */
}

.tableFixHead thead.bg-dark-blue th,
.tableFixHead thead tr:nth-child(2) th {
	background: #003063;
}

.content {
	background: transparent;
	padding: 0px;
}

.btnn {
	cursor: pointer;
}

.btnn:focus {
	font-size: 100;
}

.form-fix {
	padding: 2px 5px 2px 5px;
	height: 25px;
	margin: 1px;
	font-size: 12px;
	font-family: Tahoma;
}

select.form-fix {
	padding: 0 0 0 0;
	height: 24px;
	margin: 1px;
	font-size: 12px;
	font-family: Tahoma;
}

.td-wrap {
	word-break: break-all;
}

.tbl-wrap {
	table-layout: fixed;
	border-collapse: collapse;
	background: #ffffff;
	white-space: normal !important;
}

.tbl-wrap td {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.th-2nd {
	font-size: 11px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: center;
	color: #000000;
	background-color: #b5b5b5;
	font-weight: bold;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.tableFixHead {
	overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
	max-height: 73.5vh !important; /* gives an initial height of 200px to the table */
}
.tableFixHead thead tr:first-child th {
	position: sticky;
	top: -1px;
	z-index: 2; /* Pastikan baris pertama muncul di atas baris kedua */
}

.tableFixHead thead tr:nth-child(2) th {
	position: sticky;
	top: 27.4px; /* Sesuaikan sesuai dengan tinggi baris pertama */
	background-color: #eee; /* Warna latar belakang baris kedua */
	z-index: 1; /* Pastikan baris kedua berada di bawah baris pertama */
}

.tableFixHead tfoot td {
	position: sticky; /* make the table heads sticky */
	bottom: 0px; /* table head will be placed from the top of the table and sticks to it */
}
.tableFixHead table {
	border-collapse: collapse; /* make the table borders collapse to each other */
	width: 100%;
}

.tableFixHead td {
	padding: 1px 3px 1px 3px;
	border: 1px solid #ccc;
}

.tableFixHead th {
	padding: 4px;
	border: 1px solid #ccc;
	background: #eee;
	text-align: center;
}

.tableFixHead thead.bg-dark th {
	background: #2e2e2e;
}

.tableFixHead thead.bg-dark-blue th,
.tableFixHead thead tr:nth-child(2) th {
	background: #003063;
}

.tableFixHead thead.thead-dark th,
.tableFixHead thead tr:nth-child(2) th {
	background: #323a46;
}

.tableFixHead tfoot.bg-primary td {
	background-color: #6575ff;
}

.tableFixHead tfoot.bg-white td {
	background-color: #fff;
}

.tableFixHead tfoot.bg-eee td {
	background-color: #eee;
}

.text-right {
	text-align: right !important;
}

.small {
	color: rgb(56, 56, 56) !important;
}