.btn-flat {
	border-radius: 0px;
}
.font-bold {
	font-weight: 600;
}
.font-kecil {
	font-size: 12px !important;
}
.font-11 {
	font-size: 11px !important;
}
.font-10 {
	font-size: 10px !important;
}
.font-9 {
	font-size: 9px !important;
}
.hilang {
	display: none;
}
.font-hitam {
	color: black !important;
}
.line-12 {
	line-height: 12px !important;
}
.line-11 {
	line-height: 11px !important;
}
.line-10 {
	line-height: 10px !important;
}
.table > thead > tr > th {
	font-size: 0.65rem;
	color: black;
	background-color: #c4deff;
	/* rgb(247, 222, 247); */
}

.table-box {
	position: relative;
	overflow: auto;
	/* border: 1px solid black; */
	white-space: nowrap;
}

.sticky-col {
	position: -webkit-sticky;
	position: sticky !important;
	background-color: white;
}

.first-col {
	/* background-color: whitesmoke !important; */
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	left: 0px;
}

.second-col {
	/* background-color: whitesmoke !important; */
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	left: 49px;
}
.third-col {
	/* background-color: whitesmoke !important; */
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	left: 299px;
}
.litepicker {
	z-index: 1060 !important; /* Ensure this is higher than the modal z-index */
}
.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	display: none;
}
.left-divider {
	border-left: 1.5px solid #797979 !important;
}