.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 30px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 10px
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-top: -3px
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0 !important;
    padding: 6px 12px;
    height: 35px !important
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 6px !important;
        right: 1px;
        width: 20px
    }
.remove {
    display: inline-block;
    cursor: pointer;
    color: blue;

}

/* ── Sidebar: always fill the full viewport height and allow scrolling
   when treeview dropdowns expand beyond the visible area (e.g. short pages) ── */
.main-sidebar {
    min-height: 100% !important;
    overflow-y: visible !important;   /* prevent AdminLTE from clipping the scrollable child */
    overflow-x: hidden !important;
}

.main-sidebar .sidebar {
    height: calc(100vh - 57px) !important; /* subtract brand/logo bar height (~57px) */
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    /* Keep the scrollbar subtle so it doesn't clash with the dark sidebar */
    .main-sidebar .sidebar::-webkit-scrollbar {
        width: 4px;
    }

    .main-sidebar .sidebar::-webkit-scrollbar-track {
        background: transparent;
    }

    .main-sidebar .sidebar::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 4px;
    }

        .main-sidebar .sidebar::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.45);
        }