/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

div[title-list-type="grid"] {
    display: block;
    width: 7.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div[desc-list-type="grid"] {
    display: inline-block;
    width: 10rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div[desc-list-type="list"] {
    display: block;
    width: 40rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.badge-dot.bg-primary.has-bg {
    background-color: rgba(133, 79, 255, 0.15) !important;
}
.badge-dot.bg-danger.has-bg {
    background-color: rgba(232, 83, 71, 0.15) !important;
}
.badge-dot.bg-warning.has-bg {
    background-color: rgba(244, 189, 14, 0.15) !important;
}
.badge-dot.bg-secondary.has-bg {
    background-color: rgba(54, 74, 99, 0.15) !important;
}
.badge-dot.badge-sm.has-bg, .badge-dot.badge-md.has-bg {
    border-radius: 20px;
    padding: 5px 12px 5px 28px;
}
.badge-dot.bg-primary {
    color: #854fff;
}
.badge-dot.bg-danger {
    color: #e85347;
}
.badge-dot.bg-warning {
    color: #f4bd0e;
}
.badge-dot.bg-secondary {
    color: #364a63;
}
.badge-dot.badge-sm, .badge-dot.badge-md {
    padding-left: 16px;
}
.badge-dot.has-bg {
    border-radius: 20px;
    padding: 3px 12px 3px 24px;
}
.badge-dot {
    display: inline-flex;
    align-items: center;
    background-color: transparent !important;
    border: none;
    padding-left: 12px;
    padding-right: 0;
    font-size: 12px;
}
.badge-dot.badge-sm.has-bg:before, .badge-dot.badge-md.has-bg:before {
    left: 12px;
}
.badge-dot.badge-sm:before, .badge-dot.badge-md:before {
    height: 8px;
    width: 8px;
    margin-top: 0;
}
.badge-dot.has-bg:before {
    left: 12px;
    margin-top: 0;
}
.badge-dot:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    height: 6px;
    width: 6px;
    margin-top: -1px;
    border-radius: 50%;
    background: currentColor;
}

/* custom animation for swal */
.swal2-popup.swal2-show {
  animation: fadeZoomIn 0.4s ease-out;
}

.swal2-popup.swal2-hide {
  animation: fadeZoomOut 0.3s ease-in forwards;
}

@keyframes fadeZoomIn {
  from { opacity: 0; transform: scale(0.8); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes fadeZoomOut {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.8); }
}
.arrow {
    transition: transform 0.3s ease;
}
.arrow.rotate {
    transform: rotate(90deg) !important; /* Rotate to point down */
}
.arrow.ni-chevron-down {
    transform: rotate(180deg); /* Rotate the chevron down */
}

.arrow.ni-chevron-right {
    transform: rotate(0deg); /* Reset rotation to point right */
}

.jstree-grid-cell span {
  display:flex;
  gap: 1rem;
}
.table-small td {
    white-space: normal !important;   /* biarkan teks wrap */
    word-wrap: break-word; /* pecah kata panjang */
    word-break: break-word; /* fallback */
}
.table-small thead tr th,
.table-small tbody tr td {
    font-size: 12px !important;
}

.table-xs thead tr th,
.table-xs tbody tr td {
    font-size: 12px !important;
}

.table-xs tbody tr td {
    font-size: 10px !important;
    font-weight: 500;
}


/* .nk-fmg-aside {
    transition: all 0.3s ease;
}
.nk-fmg-aside.collapsed {
    transform: translateX(-100%);
    transition: all 0.3s ease;
}

/* Expand content when sidebar hidden */
.nk-fmg.sidebar-collapsed {
  /* padding-left: 0 !important; */
  width: 100% !important;
  transition: all 0.3s ease;
}

/* Optional smooth transition */
.nk-fmg .nk-content {
    transition: all 0.3s ease;
}


/* dropzone */
.dropzone {
    border: 2px dashed #b6c6e3;
}
.upload-zone.dz-max-files-reached {
    pointer-events: none;
    opacity: 0.7;
}
.upload-zone.dz-max-files-reached .dz-message {
    display: none !important;
}
.dropzone .dz-preview .dz-error-message {
    top: 150px;
}
 .wi-bg { background: #f5b16c !important; }
 .sop-bg { background: #a4c2f4 !important; }
 .bg-yellow { background: #ecea68 !important; }

 .select2-container--default .select2-results__group {
    font-weight: 700 !important;
 }