.sticky {
    top: 60px;
    background: var(--sticky-bg-color);
    z-index: 5;
}

/*Icons*/
.m-input-icon {
    position: relative;
    padding: 0;
    width: 100%
}

.m-input-icon > .m-input-icon__icon {
    position: absolute;
    height: 100%;
    display: inline-block;
    text-align: center;
    top: 0;
    width: 1.5rem
}

.m-input-icon > .m-input-icon__icon.m-input-icon__icon--left {
    left: 0
}

.m-input-icon > .m-input-icon__icon.m-input-icon__icon--right {
    right: 0
}

.m-input-icon > .m-input-icon__icon > span {
    display: table;
    height: 100%;
    width: 100%
}

.m-input-icon > .m-input-icon__icon > span > i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 0
}

.m-input-icon .m-input-icon__icon i {
    color: #a4a2bb
}

.m-input-icon.m-input-icon--right .form-control {
    padding-right: 1.8rem;
}

.mask-m2 {
    font-weight: 800;
    color: #888a98;
    font-family: Roboto, serif;
    padding-top: 10px;
}

.sticky-top {
    z-index: 5;
}

.sidebar-search {
    margin-top: 60px;
}

.sidebar-search input {
    background-color: #f7f7ff; /* Match sidebar background */
    border: 1px solid #e4e4e4;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    color: #4c5258;
    transition: all 0.3s ease;
}

.sidebar-search input:focus {
    border-color: #008cff;
    outline: none;
    background-color: #fff;
}

.sidebar-search button#clearSearch {
    color: #6c757d;
}

.sidebar-search button#clearSearch:hover {
    color: #000;
}

#menuSearchInput {
    padding-right: 2.2rem; /* Add enough room for the X */
}

.pac-container {
    z-index: 2000 !important;
}
.daterangepicker {
    z-index: 2000 !important;
}

.upload-progress-wrap {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .75rem;
    padding: .75rem;
    background: rgba(0,0,0,.02);
}

.upload-progress {
    height: 14px;
    border-radius: 999px;
    overflow: hidden;
}

.upload-progress .progress-bar {
    border-radius: 999px;
    font-size: 11px;
    line-height: 14px;
}

/* Fade in/out */
.fade-soft {
    transition: opacity .25s ease, transform .25s ease;
    opacity: 1;
    transform: translateY(0);
}

.fade-soft.is-hiding {
    opacity: 0;
    transform: translateY(-4px);
}


html .card-header {
    border-bottom: 1px solid rgb(255 255 255 / 13%);
    background-color: #fff;
}

.select2-container {
    flex: 1 1 auto;
    min-width: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input-group > .select2-container,
.input-group > .select2-container--bootstrap-5 {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
}

    .input-group > .select2-container--bootstrap-5 .select2-selection {
        width: 100%;
    }

.input-group > .btn {
    flex: 0 0 auto;
}