350 lines
7.3 KiB
CSS
350 lines
7.3 KiB
CSS
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-header
|
|
.datatable-header-cell
|
|
.datatable-header-cell-label {
|
|
font-family: inherit;
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
color: #6b6f82;
|
|
}
|
|
:host ::ng-deep .ngx-datatable .datatable-row-center,
|
|
.ngx-datatable .datatable-row-group,
|
|
.ngx-datatable .datatable-row-right {
|
|
position: relative;
|
|
height: 50px !important;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-right:before {
|
|
font-family: "icofont";
|
|
font-style: normal;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-skip:before {
|
|
font-family: "icofont";
|
|
font-style: normal;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-left:before {
|
|
font-family: "icofont";
|
|
font-style: normal;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-left:before {
|
|
content: "\2039";
|
|
font-size: x-large;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-prev:before {
|
|
content: "\00AB";
|
|
font-size: x-large;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-right:before {
|
|
content: "\203A";
|
|
font-size: x-large;
|
|
}
|
|
|
|
:host ::ng-deep .datatable-icon-skip:before {
|
|
content: "\00BB";
|
|
font-size: x-large;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-left,
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-right,
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-prev {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #d4d2e7;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-right,
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-right {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #d4d2e7;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-skip {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #d4d2e7;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-prev {
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #d4d2e7;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.datatable-footer
|
|
.datatable-pager
|
|
ul
|
|
li:not(.disabled).active
|
|
a,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
ul[_ngcontent-c11]
|
|
li[_ngcontent-c11]:not(.disabled):hover
|
|
a[_ngcontent-c11] {
|
|
background-color: #d4d2e7;
|
|
font-weight: bold;
|
|
font-size: larger;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
|
|
height: 32px;
|
|
min-width: 34px;
|
|
line-height: 22px;
|
|
padding: 0;
|
|
border-radius: 3px;
|
|
margin: 0 3px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding-top: 3px;
|
|
text-decoration: none;
|
|
vertical-align: bottom;
|
|
color: #7c8091;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-left,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-right[_ngcontent-c11],
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-prev[_ngcontent-c11] {
|
|
font-size: 14px;
|
|
line-height: 9px;
|
|
padding: 0px 08px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-left,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-right[_ngcontent-c11],
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-prev[_ngcontent-c11] {
|
|
font-size: 0px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-right,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-right[_ngcontent-c11],
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-prev[_ngcontent-c11] {
|
|
font-size: 0px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-skip,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-right[_ngcontent-c11],
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-prev[_ngcontent-c11] {
|
|
font-size: 0px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
.datatable-icon-prev,
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-right[_ngcontent-c11],
|
|
.ngx-datatable.bootstrap[_ngcontent-c11]
|
|
.datatable-footer[_ngcontent-c11]
|
|
.datatable-pager[_ngcontent-c11]
|
|
.datatable-icon-prev[_ngcontent-c11] {
|
|
font-size: 0px;
|
|
line-height: 22px;
|
|
padding: 0px 09px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
ul
|
|
li:not(.disabled):hover
|
|
a {
|
|
background-color: #545454;
|
|
font-weight: bold;
|
|
color: white;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
ul
|
|
li:not(.disabled).active
|
|
a,
|
|
.ngx-datatable.bootstrap
|
|
.datatable-footer
|
|
.datatable-pager
|
|
ul
|
|
li:not(.disabled):hover
|
|
a {
|
|
background-color: #37A647;
|
|
font-weight: bold;
|
|
color: white;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer {
|
|
background: #DDE1E6;
|
|
color: #242222;
|
|
margin-top: -1px;
|
|
overflow: inherit;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable.bootstrap .datatable-header {
|
|
background: #DDE1E6;
|
|
color: #242222;
|
|
font-weight: bold;
|
|
height: unset !important;
|
|
overflow: inherit;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable .datatable-footer .datatable-pager {
|
|
flex: 0 0 0%;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable .datatable-footer .datatable-pager .pager {
|
|
display: flex;
|
|
}
|
|
|
|
:host
|
|
::ng-deep
|
|
.ngx-datatable
|
|
.datatable-footer
|
|
.selected-count
|
|
.datatable-pager {
|
|
flex: 0 0 0%;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable {
|
|
display: -webkit-box;
|
|
}
|
|
|
|
:host ::ng-deep .ng-select .ng-select-container {
|
|
color: #242222 !important;
|
|
background-color: #FBFBFB !important;
|
|
height: 40px !important;
|
|
border-radius: 12px !important;
|
|
box-shadow: 0 2px 4px rgba(36, 34, 34, 0.2) !important; /* Bayangan lebih tipis */
|
|
}
|
|
|
|
:host ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input {
|
|
color: #242222 !important;
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable.bootstrap .datatable-body-row {
|
|
background-color: #FBFBFB; /* Black color for table rows */
|
|
}
|
|
|
|
:host ::ng-deep .ngx-datatable.bootstrap .datatable-body-row:hover {
|
|
background-color: #DDE1E6; /* Darker black for hover effect */
|
|
}
|
|
|
|
.text-custom-label{
|
|
color: #242222 !important;
|
|
font-family: "Open Sans", sans-serif !important;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.text-custom-data{
|
|
color: #242222 !important;
|
|
font-family: "Open Sans", sans-serif !important;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.style-custom-label{
|
|
color: #242222 !important;
|
|
} |