/* Custom styles left side bar brand logo and text */
[class*=sidebar-dark] .brand-link {
    background-color: #FFF;
    display: flex;
    align-items: center;
    color: #3441c4;
    position: relative;
}

.sidebar-collapse [class*=sidebar-dark] .brand-link:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50px;
    width: 100%;
    height: 24px;
    background-color: #FFF;
}

.brand-link .brand-image {
    margin-right: 2px;
    margin-top: -3px;
    max-height: 33px;
    width: auto;
    opacity: 1;
}

.main-sidebar .brand-text {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #3441c4;
    font-weight: 400;
    margin-top: -1px;
}

.nav-sidebar .nav-item>.nav-link {
    position: relative;
    font-size: 15px;
}

aside:has(.os-host-overflow-x)>.brand-link:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50px;
    width: 100%;
    height: 24px;
    background-color: #FFF;
}

aside:has(.os-host-scrollbar-horizontal-hidden)>.brand-link:after {
    background-color: transparent;
    opacity: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image,
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image {
    margin-right: 2px;
}

.grayscale {
    filter: grayscale(100%);
}

.cursor-pointer {
    cursor: pointer;
}

.dark-bordered-table th,
.dark-bordered-table td {
    border: 1px solid #343a40;
    /* Bootstrap dark */
}


/* Custom styles for the select2 selected item */
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: #212529;
    background-color: #f2f2f2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23007bff'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.373-9.373-9.373-24.569 0-33.941l33.941-33.941c9.373-9.373 24.569-9.373 33.941 0L192 312.069 437.256 66.813c9.373-9.373 24.569-9.373 33.941 0l33.941 33.941c9.373 9.373 9.373 24.569 0 33.941l-294.4 294.4c-9.373 9.372-24.569 9.372-33.94-.001z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: calc(100% - 12px) center;
}

.select2-container {
    width: 100% !important;
}

.dataTables_wrapper .dataTables_processing {
    top: 10% !important;
    /* Stick it at the top */
    bottom: auto !important;
    /* Prevent centering */
    margin-top: 0 !important;
    /* Reset margin */
    background: rgba(255, 255, 255, 0.7);
    /* Optional: add overlay look */
}

.nav-sidebar .nav-treeview {
    padding: 0 0 15px;
}

.content-wrapper>.content {
    padding: 0 .5rem .5rem;
}

/* Default: looks like a link */
.clickable-input {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}

/* Editable mode */
.clickable-input.editing {
    color: inherit;
    text-decoration: none;
    cursor: text;
}

.btn-success-lighter {
    color: #fff;
    background-color: #28a745a8;
    border-color: #28a745;
    box-shadow: none;
}

.btn-success-lighter:not(:disabled):not(.disabled).active,
.btn-success-lighter:not(:disabled):not(.disabled):active,
.show>.btn-success-lighter.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.custom-overlay:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e9ecef8a;
    pointer-events: none;
}

.custom-overlay-non-clickable:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e9ecef8a;
}
.disabled-link {
  pointer-events: none;       /* Disables mouse interaction */
  color: gray;                /* Optional: make it look disabled */
  text-decoration: none;      /* Optional: remove underline */
  cursor: default;            /* Optional: default cursor */
  opacity: 0.6;               /* Optional: visually indicate it's inactive */
}