.dropdown-container {
            position: relative;
            display: inline-block;
            /* allow clear button beside it */
            width: 100%;
        }
        .subject-filter {
            width: 100%;
        }

        .dropdown-button {
            border: 1px solid #ccc;
            cursor: pointer;
            background: #fff;
            border-radius: 4px;
            height: 30px;
            padding: 4px 8px;
            font-size: 13px;
            display: inline-block;
            /* important */
            min-width: 150px;
            /* optional: prevents button from being too small */
            white-space: nowrap;
            /* prevent text wrap */
        }

        .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            /*   center align */

            min-width: 365px;
            /*   increase width */
            max-width: 520px;
            /*   safe limit */
            width: auto;

            max-height: 360px;
            overflow-y: auto;

            background: #fff;
            border: 1px solid #ccc;
            z-index: 9999;
            padding: 8px;
            font-size: 13px;
        }

        .dropdown-container.open .dropdown-content {
            display: block;
        }

        .subject-group>label {
            cursor: pointer;
        }

        .child-list {
            margin-left: 20px;
        }

        .oa-type-filter {
            max-width: 180px;
        }

        .subject-group label {
            display: flex;
            gap: 6px;
            align-items: flex-start;
        }

        .subject-group b {
            white-space: normal;
            line-height: 1.3;
        }

        .clear-subjects {
            padding: 4px 8px;
            height: 30px;
            margin-left: 5px;
            /* small gap from dropdown */
            vertical-align: top;
        }

        .subject-filter-holder {
            display: inline-block;
            vertical-align: top;
        }

        /* After export added */
        .dropdown-container {
        position: relative;
        display: inline-block;
        width: 100%;
        }

        .dropdown-button {
            padding: 5px 10px;
            border: 1px solid #ccc;
            background-color: #fff;
            cursor: pointer;
            border-radius: 4px;
            text-align: left;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #fff;
            min-width: 250px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1000;
            padding: 10px;
            border: 1px solid #ddd;
            max-height: 300px;
            overflow-y: auto;
        }

        .dropdown-container.open .dropdown-content {
            display: block;
        }

        .no-style {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .subject-filter-holder {
            position: relative;
        }

        .dropdown-container {
            position: relative;
            width: 200px;
        }

        .dropdown-button {
            padding: 6px 12px;
            border: 1px solid #dee2e6;
            background-color: #fff;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #fff;
            min-width: 280px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
            z-index: 9999; /* Ensure it stays on top of the table */
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            max-height: 400px;
            overflow-y: auto;
        }

        .dropdown-container.open .dropdown-content {
            display: block;
        }

        /* Ensure the Alphabet filter is clean */
        #alphaFilter a {
            text-decoration: none;
            padding: 0 5px;
            cursor: pointer;
        }
        #alphaFilter a.active {
            font-weight: bold;
            text-decoration: underline;
        }