.wrap th, 
.wrap td {
    max-width: 100%; /* Sesuaikan max-width kolom */
}
.wrap td span {
    white-space: normal !important; /* Pastikan teks bisa wrap */
    word-wrap: break-word; /* Bungkus kata yang panjang */
}
.nav-link{
        border-radius: 0px!important;
    }
.pageNumber{ list-style:none; padding:0px; margin: 0px;}
    .pageNumber .page{ display: inline-block; padding: 10px;}
    .pageNumber .page:hover,.resume:hover,.progress_usulan:hover{cursor: pointer!important;}
    .page.active {
        background-color: #007bff; /* Warna biru */
        color: white;
        font-weight: bold;
    }
.nav-tabs{
	border-bottom: none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	border: none;
	color: #4796f1!important;
	border-bottom: 2px solid #4796f1!important;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border: none;
}
.card{
	border-radius: 8px!important;
	border:none!important ;
	box-shadow: 0px 1px 2px 0px #0000000D!important;
}
.liststyle{
	list-style: none;
	padding: 0px;
}
.liststyle > li{
	padding: 2px;
/*	background: #000;*/
	margin: 3px;
}
.f20{
	font-size: 20px;
}
.f12{
	font-size: 12px;
}
.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
.f18{
	font-size: 18px;
}
.subheader{margin-bottom: 20px;}

.table-bordered th, .table-bordered td{border: none!important;}
.table-bordered{border: none;}
.table-hover tbody tr:hover{box-shadow: none;}
/* Color */
.border-success{
	border: 1px solid #1f6c3c!important;
}
.border-left-primary{
	border-left: 5px solid #4765c0!important;
}
.border-left-primary-light{
	border-left: 5px solid #dbeafe!important;
}
.border-primary{
	border: 1px solid #4765c0!important;
}
.border-secondary{
	border: 1px solid #D0D0D0!important;
}
.text-success{
	color: #1f6c3c!important;
}
.text-primary{
	color: #4765c0!important;
}
.bg-secondary{
	background: #F3F4F6!important;
}
.border-left-success{
	border-left: 5px solid #1f6c3c!important;
}
.border-left-success-light{
	border-left: 5px solid #dcfce7!important;
}
.bg-success{
	background: #1f6c3c!important;
}
.bg-success-light{
	background: #dcfce7;
}
.bg-primary{
	background: #4765c0!important;
}
.bg-primary-light{
	background: #dbeafe;
}
.text-primary-light{
	color: #dbeafe;
}
.border-left-white{
	border-left: 5px solid #fff!important;
}
.border-left-info{
	border-left: 5px solid #9333ea!important;
}
.border-left-info-light{
	border-left: 5px solid #f3e8ff!important;
}
.text-info{
	color: #9333ea!important;
}
.bg-info{
	background: #9333ea!important;
}
.bg-info-light{
	background: #f3e8ff;
}
.border-left-warning{
	border-left: 5px solid #ca8a04!important;
}
.border-left-warning-light{
	border-left: 5px solid #fef9c3!important;
}
.text-warning{
	color: #ca8a04!important;
}
.bg-warning{
	background: #ca8a04!important;
}
.bg-warning-light{
	background: #fef9c3;
}
.bg-danger-light{
	background: #fc6a6a;
}
.text-danger{
	color: #7D0A0A!important;
}
.btn-primary{
	background: #4765c0;
/*	border: 1px solid #4796f1;*/
	border: none;
}
.btn-success{
	border: none;
	background: #1f6c3c!important;
}
/* Color */

.page-content-wrapper{
	background: #f3f4f6!important;
}
.border-none{
	border:none;
}
.bg-success-icon > i {
	font-size: 16px;
}

.broder-top{
	border-top: 1px solid #e5e7eb;
}
.broder-bottom{
	border-bottom: 1px solid #e5e7eb;
}
.nav-menu li a > [class*="fa-"], .nav-menu li a > .ni{
	color: #4b5563;
}
.nav-menu li a > .nav-link-text{
	color: #4b5563;
}
.nav-menu li > ul{
	background-color:#d1d5db;
}
.nav-menu li > ul li.active > a{
	color: #4796f1;
  	background-color: #e7f2fd;
}
.nav-menu li.active > a{
	color: #4796f1;
  	background-color: #e7f2fd;
}
.nav-menu li.active > a:hover span{
	color: #4796f1;
}
.nav-menu li.active > a > .nav-link-text{
	color: #4796f1;
}
.nav-menu li.active > a:hover i{
	color: #4796f1!important;
}
.nav-menu li.active > a > [class*="fa-"], .nav-menu li a > .ni{
	color: #4796f1;
}