205 lines
3.8 KiB
CSS
205 lines
3.8 KiB
CSS
.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;
|
|
} |