@media (min-width: 576px) {
    .nk-content {
      padding-top: 12px;
    }
}

.logo-img-xl {
  min-height: 80px;
  max-height: 80px;
  /* min-width: 50%!important; */
}

.is-alter .form-control ~, .is-alter .input-group ~, .custom-control{
  .invalid{
      white-space: unset!important;
  }
}
.is-alter .form-control ~ .invalid, .is-alter .dual-listbox .dual-listbox__search ~ .invalid, .dual-listbox .is-alter .dual-listbox__search ~ .invalid, .is-alter div.dataTables_wrapper div.dataTables_filter input ~ .invalid, div.dataTables_wrapper div.dataTables_filter .is-alter input ~ .invalid, .is-alter .input-group ~ .invalid, .custom-control .invalid {
  white-space: unset!important;
}

.uppercase-input {
  text-transform: uppercase; /* Ubah input ke huruf besar */
}
.uppercase-input::placeholder {
  text-transform: none; /* Biarkan placeholder tetap normal */
}

.img-glow-center {
  background: radial-gradient(circle at center,
      rgba(101, 118, 255, 0.4) 0%,
      rgba(101, 118, 255, 0.2) 47%,
      rgba(255, 255, 255, 0) 70%
  );
  /* padding: 20px; */
  /* border-radius: 12px; */
}

#mark-all-read.disabled {
  pointer-events: none;
  cursor: default;
}

.nk-ecwg .amount {
  font-size: 2rem;
  font-weight: 500;
  color: #364a63;
}
.nk-ecwg .amount-sm {
  font-size: 1.5rem;
}
.nk-ecwg .amount-xs {
  font-size: 0.875rem;
}
.is-dark .nk-ecwg .amount {
  color: #fff;
}
.nk-ecwg .info {
  font-size: 0.875rem;
}
.is-dark .nk-ecwg .info {
  color: #d4c2ff;
}
.nk-ecwg .sub-title {
  font-size: 0.875rem;
  font-weight: 500;
}
.is-dark .nk-ecwg .sub-title {
  color: #fff;
}
.nk-ecwg .data {
  margin-top: 0.5rem;
}
.nk-ecwg .data:not(:last-child) {
  margin-bottom: 2rem;
}
.nk-ecwg .data-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nk-ecwg .data-group .data {
  margin: 0;
  padding-right: 20px;
}
.nk-ecwg1-ck {
  height: 110px;
}
.nk-ecwg2-ck {
  height: 182px;
}
.nk-ecwg3-ck {
  height: 66px;
}
.nk-ecwg4 {
  display: flex;
  flex-direction: column;
}
.nk-ecwg4-ck {
  height: 180px;
  width: 180px;
  margin-right: 1.5rem;
}
.nk-ecwg4-legends {
  flex-grow: 1;
  padding: 1rem 0;
}
.nk-ecwg4-legends li {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.nk-ecwg4-legends .title {
  display: flex;
  align-items: center;
}
.nk-ecwg4-legends .title .dot {
  margin-right: 0.5rem;
}
.nk-ecwg5-ck {
  height: 140px;
}
.nk-ecwg5 .data-group {
  margin-bottom: 30px;
}
.nk-ecwg6-ck {
  width: 100px;
  height: 40px;
  margin-left: 20px;
}
.nk-ecwg7-ck {
  height: 180px;
  width: 180px;
  margin: 0 auto 15px;
}
.nk-ecwg7-legends {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.nk-ecwg7-legends li {
  padding: 0.25rem 1rem;
}
.nk-ecwg7-legends .title {
  display: flex;
  align-items: center;
  color: #8094ae;
}
.nk-ecwg7-legends .title .dot {
  margin-right: 0.5rem;
}
.nk-ecwg8-ck {
  height: 200px;
}
.nk-ecwg8-legends {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.nk-ecwg8-legends li {
  padding: 0.25rem 1rem;
}
.nk-ecwg8-legends .title {
  display: flex;
  align-items: center;
  color: #8094ae;
}
.nk-ecwg8-legends .title .dot {
  margin-right: 0.5rem;
}

@media (max-width: 490px) {
  .nk-ecwg4 .data-group {
    flex-wrap: wrap;
  }
  .nk-ecwg8-ck {
    height: 140px;
  }
}
@media (min-width: 1540px) {
  .nk-ecwg4-ck {
    height: 210px;
    width: 210px;
    margin-right: 2.5rem;
  }
}

/* ol.list {
  list-style-type: decimal !important; /* Pakai angka */
  margin-left: 1.25rem; /* Atur indentasi */
  padding-left: 1.25rem;
} */

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}

.my-table:not(:has(tbody)) > thead {
    border: 1px solid #dbdfea;
}

/* OLD */
/* CUSTOM */
.my-table.is-separate thead tr:first-child > .nk-tb-col:first-child {
    border-radius: 4px 0 0 0;
}
.my-table.is-separate thead tr:first-child > .nk-tb-col:last-child {
    border-radius: 0 4px 0 0;
}
.my-table.is-separate thead tr:last-child > .nk-tb-col:first-child {
    border-radius: 0 0 0 4px;
}
.my-table.is-separate thead tr:last-child > .nk-tb-col:last-child {
    border-radius: 0 0 4px 0;
}
/* .table td:first-child, .table th:first-child {
  padding-left: 0.5rem!important;
}
.table td:last-child, .table th:last-child {
  padding-right: 0.5rem!important;
} */
  
/* .my-table:not(thead) th,
.my-table:not(thead) td {
     border-spacing: initial!important;
} */

/* .my-table.is-separate {
    border-collapse: separate!important;
    border-spacing: 0 50px!important;
  } */

/* .my-table.is-separate thead tr {
    border-spacing: 0!important;
} */

.my-table thead th {
    text-align: center;
    font-size: 1em!important;
	/* background: #ebeef2!important; */
}

.my-table > thead > tr > th , .my-table > tfoot > tr > th {
	vertical-align:middle;
}

.my-table td:last-child {
	text-align:center;
}

.my-table .tb-odr-head th {
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: unset;
}
.my-table .tb-odr-head th {
    /* padding-right: 1.25rem;
    padding-left: 1.25rem; */
    /* padding: 0.625rem 0.5rem; */
    /* padding: 0.625rem 1rem; */
    
    padding: 0.625rem 0.5rem;
    /* padding: 0.625rem 1rem; */
}

.my-table-2 td:first-child, .my-table-2 th:first-child {
    padding-left: 0.25rem!important;
}
.my-table-2 td:last-child, .my-table-2 th:last-child {
    padding-right: 0.25rem!important;
}

.table tfoot tr:last-child th {
  border-top: 1px solid #dbdfea!important;
}

.table-detail td:first-child {
	font-weight: bold;
}
.table-detail td { 
	text-align: left!important; 
	vertical-align: top!important;
}

.table-detail .nk-tb-head .nk-tb-col,
.table-detail .nk-tb-head .sub-text,
.table-detail-no-bold .nk-tb-head .nk-tb-col, 
.table-detail-no-bold .nk-tb-head .sub-text {
  font-size: 11px;
}

.table-preview td { 
    font-size: 11px;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #EFF5FE;
  color: unset;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #c7d4e5;
  color: unset;
}
.table-hover .table-primary:hover {
  background-color: #ddebfe;
  color: unset;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #ddebfe;
  color: unset;
}
  
.table-success,
.table-success > th,
.table-success > td {
  background-color: #EFF9F6;
  color: unset;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #bde0d6;
  color: unset;
}
.table-hover .table-success:hover {
  background-color: #c2e6dc;
  color: unset;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #c2e6dc;
  color: unset;
}

/* BELUM EDIT */
.table-info,
.table-info > th,
.table-info > td {
  background-color: #cef3f8;
  color: unset;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #b9dbdf;
  color: unset;
}
.table-hover .table-info:hover {
  background-color: #bfe1e5;
  color: unset;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #bfe1e5;
  color: unset;
}

  
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #FDF9ED;
  color: unset;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #e4daba;
  color: unset;
}
.table-hover .table-warning:hover {
  background-color: #eae0bf;
  color: unset;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #eae0bf;
  color: unset;
}


.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #FAEDEA;
  color: unset;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #e1c7c4;
  color: unset;
}
.table-hover .table-danger:hover {
  background-color: #e7ccca;
  color: unset;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #e7ccca;
  color: unset;
}

/* Custom Table Compact */
.is-compact:not(.table-detail,.table-detail-no-bold) .nk-tb-item:not(.nk-tb-head,.group,.tb-empty) .nk-tb-col,
.is-compact:not(.table-detail,.table-detail-no-bold) tr:not(.nk-tb-head,.group,.tb-empty) td {
/* .is-compact:not(.table-detail,.table-detail-no-bold) tr:not(.nk-tb-head,.group,.tb-empty) th { */
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
}

.modal-body .card {
    box-shadow: 0px 1px 6px 1px rgba(54, 74, 99, 0.1);
}

.invoice-bills .table th:last-child, .invoice-bills .table td:last-child {
    text-align: unset;
}
.invoice-desc {
    width: 100%;
}
@media (min-width: 576px) {
    .invoice-contact {
        width: 65%;
    }
    .invoice-desc {
        width: 40%;
    }
}
.invoice-desc ul span:last-child a {
    display: inline;
}

.invoice-desc ul span:first-child {
    min-width: 45%;
    max-width: 45%;
}
a {
    cursor: pointer;
}
.link-list li.active a {
    color: #854fff;
}

@media (min-width: 576px) {
    .modal-xxl {
        --bs-modal-width: 90%;
    }
}

.text-justify {
    text-align: justify;
}

.user-avatar, [class^=user-avatar]:not([class*=-group]) {
  background: #fff;
}

.form-select2-with-icon-left .form-icon {
    z-index: 1;
    top: 0px;
}
.form-select2-with-icon-left .select2-selection__rendered {
    padding-left: calc(1rem + 24px)!important;
}
.form-select2-with-icon-left .select2-container {
/* .form-select2-with-icon-left .select2-selection { */
    /* max-width: 180px!important; */
    /* max-width: 80%!important; */
}

/* @media (max-width: 576px) { */
    .select2-auto-h + .select2-container .select2-selection--single {
        height: 100% !important;
    }
    .select2-auto-h + .select2-container .select2-selection__rendered{
        word-wrap: break-word !important;
        text-overflow: inherit !important;
        white-space: normal !important;
    }
/* } */

.card.btn-dim.btn-outline-primary:hover {
    background: #f2ecff!important;
    border-color: #ceb9ff!important;
    color: #854fff!important;
}
.card.btn-dim.btn-outline-primary .form-label-outlined {
    border-radius: 10px;
    /* background: #f2ecff!important; */
    background: linear-gradient(180deg, #f2ecff 50%, transparent 50%);
    /* background: linear-gradient(90deg, #FF5733 50%, transparent 50%); */
}

.form-label-outlined {
    border-radius: 10px;
}

.form-text-hint {
  padding-left: 0.25rem!important;
}

/* .form-control-sm {
    min-height: calc(1.5rem + 2px);
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
} */

.custom-control-same-height .custom-control-sm {
    max-height: 2.4rem;
}

.card-icon:before {
    /* content: "\e9c5"; */
    content: "\e9da";
    font-family: "Nioicon";
    transition: 0.4s;
}
.card-title-group.collapsed .card-icon:before {
    /* content: "\e9da"; */
    content: "\e9c5";
}
.btn-tool.collapsed .card-icon:before {
    /* content: "\e9da"; */
    content: "\e9c5";
}


.btn-block-vertical {
    height: 100%;
}
.z-up {
    z-index: 99!important;
}

ol {
  list-style: decimal!important;
}
ol.list-number {
    /* list-style-type: decimal!important; */
    margin: unset!important;
    padding-left: 20px!important;
}
ol.list-number li {
    position: relative;
    padding-left: 0.25rem;
    left: 0!important;
    line-height: 1.5rem;
    list-style: decimal!important
}
ol.list-number li:not(:last-child) {
    padding-bottom: 0.5rem;
}
ol.list-number li:has(> b)::marker {
  font-weight: bold;
  color: inherit;
}
/* ol.list-number li:before {
    position: absolute;
    left: 0;
    font-size: 14px;
    line-height: 1.5rem;
    /* font-family: "Nioicon"; */
    /* content: "\e980"; */
} */
ol.list-number li span {
  color: #8094ae;
}
ol.list-number li ol, ol.list-number li ul {
  margin-top: 0.5rem;
}

.list-custom li {
    line-height: 1rem;
}
.list-custom li:before {
    line-height: 1rem;
}

.team-info li {
    padding-bottom: 0.75rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
}
.team-info li span:first-child {
  font-weight: bold;
}

@media (max-width: 575px) {
  div.dataTables_wrapper div.dataTables_info {
    text-align: center!important;
  }
}

.pagination-goto {
  text-transform: none!important;
}

.list.list-error-custom li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1rem;
}
.list.list-error-custom li:before {
  position: absolute;
  left: 0;
  font-size: 14px;
  line-height: 1rem;
  font-family: "Nioicon";
  content: "\e980";
}

.custom-check-success .custom-control-pro.no-control .custom-control-input:checked ~ .custom-control-label {
  border-color: #1ee0ac;
  color: #1ee0ac;
}
.custom-check-success .custom-control-pro.no-control .custom-control-input:not(:disabled):active ~ .custom-control-label {
  border-color: #1ee0ac;
  color: #1ee0ac;
}

.custom-check-danger .custom-control-pro.no-control .custom-control-input:checked ~ .custom-control-label {
  border-color: #e85347;
  color: #e85347;
}
.custom-check-danger .custom-control-pro.no-control .custom-control-input:not(:disabled):active ~ .custom-control-label {
  border-color: #e85347;
  color: #e85347;
  color: #e85347;
}

.toast-success .toast-progress {
    background-color: #1ee0ac!important;
}
.toast-error .toast-progress {
    background-color: #e85347!important;
}
.toast-info .toast-progress {
    background-color: #09c2de!important;
}
.toast-warning .toast-progress {
    background-color: #f4bd0e!important;
}

.form-group.is-invalid .invalid-feedback {
  display: block;
  font-size: 11px;
  font-style: italic;
}

.card-footer .bg-none {
    background-color: transparent!important;
}

.card-footer.bg-none {
    background-color: transparent!important;
}

.navbar-brand-custom {
    max-height: 36px;
}
.nk-sidebar.is-compact:not(:hover) .navbar-brand-custom {
    opacity: 0;
    transition: opacity 0.2s linear;
}

/* Custom Menu Compact */
.nk-menu-item {
  padding: 2px 12px;
}
.nk-menu-sub .nk-menu-item {
  padding: 1px 0;
}
.nk-menu-heading {
  padding: 0.25rem 24px 0.2rem;
}
.nk-menu-item + .nk-menu-heading {
  padding-top: 2rem;
}
.nk-menu-link {
  padding: 0.5rem 1.3333333333px 0.5rem 12px;
  line-height: 1rem;
}
.nk-menu-sub .nk-menu-link {
  padding: 0.3rem 40px 0.3rem 36px;
  line-height: 1rem;
}


/* File Input */
.kv-avatar .krajee-default.file-preview-frame,.kv-avatar .krajee-default.file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}
.kv-avatar {
    display: inline-block;
}
.kv-avatar .file-input {
    display: table-cell;
    width: 213px;
}
.kv-reqd {
    color: red;
    font-family: monospace;
    font-weight: normal;
}

/* Select2 : Error */
.has-error .select2-selection, .is-invalid .select2-selection,
.has-error .note-editor.note-frame, .note-editor.note-airframe,
.is-invalid .note-editor.note-frame, .note-editor.note-airframe,
.is-invalid .input-group-text {
    border-color: #e85347 !important;
}

.is-invalid .custom-control-pro .custom-control-label {
    border-color: #e85347 !important;
}


.text-transform-none { text-transform: none!important; }
.dd-handle { 
    min-height: 30px!important; 
    height: auto!important; 
}

.card-overflow-y { overflow-y: scroll; }


.nk-tb-item:hover .nk-tb-action-hidden {
    /* border-radius: 50%; */
    border-radius: 15px;
}


* Leaflet */
/* .leaflet-control-layers-overlays { overflow:scroll!important; } */
.leaflet-control-layers-overlays label span ,
.leaflet-control-layers-base label span { 
    font-weight: normal; 
}
.leaflet-control-layers-group-name {
    font-weight: bold!important;
}

/* Map Leaflet */
.grid-print-container {
  grid-template: auto 1fr auto / 1fr;
  background-color: white;
}
.grid-map-print {
  grid-row: 2;
}

.grid-print-container > .title,
.grid-print-container > .sub-content {
  color: black;
}
.grid-print-container > .title {
  grid-row: 1;
  justify-self: center;
  text-align: center;
  color: grey;
  box-sizing: border-box;
  margin-top: 0;
  padding: 15px;
}
.grid-print-container > .sub-content {
  grid-row: 5;
  padding-left: 10px;
  text-align: center;
  color: grey;
  box-sizing: border-box;
}

[leaflet-browser-print-pages] {
  display: none;
}
.pages-print-container [leaflet-browser-print-pages] {
  display: block;
}

.info.legend {
  padding: 6px 8px;
  font: 10px/12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.info h4 { margin: 0 0 5px; color: #777; }
.legend { text-align: left; line-height: 10px; color: #555; }
.legend > * {
  display: flex;
  margin-bottom: 5px;
}
.legend i { width: 10px; height: 10px; float: left; margin-right: 8px; opacity: 1; }

.leaflet-tooltip-pane .text {
  color: #000000;
  font-weight: bold;
  background: transparent;
  border:0;
  box-shadow: none;
  font-size:0.8em;
}

.leaflet-sidebar {
    top: 0;
}

/* Lightbox */
.mfp-img {
    background-color: #fff;
}