/*!
Simple-dataTabless
Github: https://github.com/fiduswriter/Simple-dataTabless
*/
.dataTables_wrapper.no-header .dataTables-container {
  border-top: 1px solid #d9d9d9; 
}

.dataTables_wrapper.no-footer .dataTables-container {
  border-bottom: 1px solid #d9d9d9; 
}

.dataTables-top,
.dataTables-bottom {
  padding: 8px 10px; }

.dataTables-top > nav:first-child,
.dataTables-top > div:first-child,
.dataTables-bottom > nav:first-child,
.dataTables-bottom > div:first-child {
  float: left; }

.dataTables-top > nav:last-child,
.dataTables-top > div:last-child,
.dataTables-bottom > nav:last-child,
.dataTables-bottom > div:last-child {
  float: right; }

.dataTables-selector {
  padding: 6px; }

.dataTables-input {
  padding: 6px 12px; }

.dataTabless_info {
  margin: 7px 0; }

/* PAGER */
.dataTables-pagination ul {
  margin: 0;
  padding-left: 0; }

.dataTables-pagination li {
  list-style: none;
  float: left; }

.dataTables-pagination a {
  border: 1px solid transparent;
  float: left;
  margin-left: 2px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  color: #333; }

.dataTables-pagination a:hover {
  background-color: #d9d9d9; }

.dataTables-pagination .active a,
.dataTables-pagination .active a:focus,
.dataTables-pagination .active a:hover {
  background-color: #d9d9d9;
  cursor: default; }

.dataTables-pagination .ellipsis a,
.dataTables-pagination .disabled a,
.dataTables-pagination .disabled a:focus,
.dataTables-pagination .disabled a:hover {
  cursor: not-allowed; }

.dataTables-pagination .disabled a,
.dataTables-pagination .disabled a:focus,
.dataTables-pagination .disabled a:hover {
  cursor: not-allowed;
  opacity: 0.4; }

.dataTables-pagination .pager a {
  font-weight: bold; }

/* TABLE */
.dataTables-table {
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate; }

.dataTables-table > tbody > tr > td,
.dataTables-table > tbody > tr > th,
.dataTables-table > tfoot > tr > td,
.dataTables-table > tfoot > tr > th,
.dataTables-table > thead > tr > td,
.dataTables-table > thead > tr > th {
  vertical-align: top;
  padding: 8px 10px; }

.dataTables-table > thead > tr > th {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #d9d9d9; }

.dataTables-table > tfoot > tr > th {
  vertical-align: bottom;
  text-align: left;
  border-top: 1px solid #d9d9d9; }

.dataTables-table th {
  vertical-align: bottom;
  text-align: left; }

.dataTables-table th a {
  text-decoration: none;
  color: inherit; }

.dataTables-sorter {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%; }

.dataTables-sorter::before,
.dataTables-sorter::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.2; }

.dataTables-sorter::before {
  border-top: 4px solid #000;
  bottom: 0px; }

.dataTables-sorter::after {
  border-bottom: 4px solid #000;
  border-top: 4px solid transparent;
  top: 0px; }

.asc .dataTables-sorter::after,
.desc .dataTables-sorter::before {
  opacity: 0.6; }

.dataTabless-empty {
  text-align: center; }

.dataTables-top::after, .dataTables-bottom::after {
  clear: both;
  content: " ";
  display: table; }

/*!
Simple-dataTabless
Github: https://github.com/fiduswriter/Simple-dataTabless
*/
.dataTables_wrapper .dataTables-top {
  padding: 1.5rem; }
  .dataTables_wrapper .dataTables-top .dataTables-dropdown {
    float: left; }
    .dataTables_wrapper .dataTables-top .dataTables-dropdown label {
      margin-bottom: 0;
      margin-left: 0;
      color: #7b809a;
      font-weight: 400; }
      .dataTables_wrapper .dataTables-top .dataTables-dropdown label .dataTables-selector {
        border-color: #f0f2f5;
        border-radius: 0.375rem; }
  .dataTables_wrapper .dataTables-top .dataTables-search input {
    font-size: 0.875rem;
    color: #495057;
    border: 1px solid #f0f2f5;
    border-radius: 0.375rem; }
    .dataTables_wrapper .dataTables-top .dataTables-search input:focus-visible {
      outline: none; }

.dataTables_wrapper .dataTables-container .table thead tr th {
  padding: 0.75rem 1.5rem;
  opacity: .7;
  font-weight: bolder;
  color: #7b809a;
  text-transform: uppercase;
  font-size: 0.65rem; }

.dataTables_wrapper .dataTables-container .table tbody tr td {
  padding: 0.75rem 1.5rem;
text-wrap: wrap; }

.dataTables_wrapper .dataTables-bottom {
  padding: 1.5rem;
  padding-top: 0; }
  .dataTables_wrapper .dataTables-bottom .dataTabless_info {
    color: #7b809a;
    font-size: 0.875rem; }
  .dataTables_wrapper .dataTables-bottom .dataTables-pagination .dataTables-pagination-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b809a;
    padding: 0;
    margin: 0 3px;
    border: 1px solid #dee2e6;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
    margin-left: 0; }
    .dataTables_wrapper .dataTables-bottom .dataTables-pagination .dataTables-pagination-list li a:hover {
      background: #f0f2f5; }
  .dataTables_wrapper .dataTables-bottom .dataTables-pagination .dataTables-pagination-list .active a {
    background: transparent;
    background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
    color: #fff;
    border: none;
    border-radius: 50% !important; }
    .dataTables_wrapper .dataTables-bottom .dataTables-pagination .dataTables-pagination-list .active a:hover {
      background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); }

.dataTables_wrapper.no-footer .dataTables-container {
  border-bottom: 0; }

.dataTables-table thead td,
.dataTables-table thead th,
.dataTables-table tbody td,
.dataTables-table tbody th,
.dataTables-table tfoot td,
.dataTables-table tfoot th {
  vertical-align: middle !important; }




  table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{
    cursor:pointer;
    position:relative;
    padding-right:26px
}
table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{
    position:absolute;
    display:block;
    opacity:.125;
    right:10px;
    line-height:9px;
    font-size:.8em
}
table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{
    bottom:50%;
    content:"▲";
    content:"▲"/""
}
table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{
    top:50%;
    content:"▼";
    content:"▼"/""
}
table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{
    opacity:.6
}
table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{
    display:none
}
table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{
    outline:none
}
div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{
    display:none
}



table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)
}
table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)
}
table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054)
}
table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047)
}
table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939)
}
table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.019)
}
table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.011)
}
table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.003)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903)
}
table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082)
}
table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074)
}
table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062)
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982)
}
table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974)
}
table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962)
}

.dataTables_wrapper .dataTables_filter input{
    border:1px solid #aaa;
    border-radius:3px;
    padding:5px;
    background-color:transparent;
    color:inherit;
    margin-left:3px
}

.dataTables_wrapper .table tbody tr td {
    padding: 0.75rem 1.5rem;
    text-wrap: wrap;
}

.dataTables_wrapper .dataTables-top label {
    margin-bottom: 0;
    margin-left: 0;
    color: #7b809a;
    font-weight: 400;
    display: inline-flex;
}


.dataTables_length {
    float: left !important;
}

.dataTables_length select {
    border: 1px solid #f0f2f5;
    margin: -3px 10px 10px;
    border-radius: 0.375rem;
}

.dataTables_filter {
    float: right!important;
}

.dataTables_filter input {
    font-size: .875rem !important;
    color: #495057 !important;
    border: 1px solid #f0f2f5!important;
    border-radius: 0.375rem!important;
    margin: -3px 10px 10px;
}

.dataTables_wrapper .dataTables-bottom .dataTables_info {
    color: #7b809a;
    font-size: .875rem;
    margin-top: 5px;
}

.dataTables_wrapper .dataTables-bottom .dataTables_paginate
{
    float:right;
    color: #7b809a;
    font-size: .875rem;
}

/* .table-responsive {
  overflow-x: visible !important;
} */

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  z-index : 10000 !important;
}


/* ALERT CUSTOM */

.alert{
  border: 1px solid transparent !important;
}

.alert-primary-custom {
  color: #084298 !important;
  background-color: #cfe2ff !important;
  border-color: #b6d4fe !important;
  background-image:none !important;
  border-radius:25px;
  font-size: 0.875rem !important;
  padding: 0.6rem;
}

.alert-primary-custom .alert-link {
  color: #06357a;
}

.alert-warning-custom {
  color: #664d03 !important;
  background-color: #fff3cd !important;
  border-color: #fff3cd !important;
  background-image:none !important;
  border-radius:25px;
  font-size: 0.875rem !important;
  padding: 0.6rem;
}

.alert-warning-custom .alert-link {
  color: #664d03;
}

.alert-success-custom {
  color: #0f5132 !important;
  background-color: #d1e7dd !important;
  border-color: #d1e7dd !important;
  background-image:none !important;
  border-radius:25px;
  font-size: 0.875rem !important;
  padding: 0.6rem;
}

.alert-success-custom .alert-link {
  color: #0f5132;
}
/* ALERT CUSTOM */

/********************MENU SIDEBAR ************************/
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link {
  padding-left: 2rem;
}

.navbar-vertical .nav-item .nav-link + .collapse .nav .nav-item > .nav-link + .collapse .nav .nav-item .nav-link, .navbar-vertical .nav-item .nav-link + .collapse .nav .nav-item > .nav-link + .collapsing .nav .nav-item .nav-link, .navbar-vertical .nav-item .nav-link + .collapsing .nav .nav-item > .nav-link + .collapse .nav .nav-item .nav-link, .navbar-vertical .nav-item .nav-link + .collapsing .nav .nav-item > .nav-link + .collapsing .nav .nav-item .nav-link {

  padding-left: 3rem;
}



/* select 2 item */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e91e63 !important;
  border: 1px solid #850f37  !important;
  
  border-radius: 25px  !important;
  color: #fff !important;
  font-size: 0.77rem !important;
   padding:2px !important; 
   padding-left:30px !important;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #850f37 !important;
  color: #fff !important;
  font-size: 1.3em !important;
  top: -1px !important;
  padding: 0 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #ac1045 !important;
}
/* select 2 item  */

/*import link disini sebb xboleh pki outside source by 2293*/
/* <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet"> */
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsround/v108/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
}

.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* tambah css for validation */
.error-border {
  border: 2px solid red !important; /* Customize the border width and color */
}