.dropdown {
        position: relative;
        width: 100%;
        z-index: 999 !important;
    }

    .select-box {
        border: 1px solid #aaa;
        padding: 8px 10px;
        background: #fff;
        cursor: pointer;
        position: relative;
        font-size: 12px;

    }



    ul.options {
        /* position: fixed !important; */
        display: none;
        border: 1px solid #aaa;
        list-style: none;
        padding: 0;
        margin: 0;
        background: #fff;
        /* width: 250px; */
        top: auto;
        left: auto;
        z-index: 9999000000 !important;
        max-height: 180px;
        overflow-y: auto;
    }

    .options li {
        padding: 10px;
        cursor: pointer;
        position: relative;
        font-size: 12px;
    }

    .options li:hover {
        background: #f0f0f0;
    }

    .tooltip-header {
        position: absolute;
        top: -35px;
        right: 0;
        background: #ffffffff;
        border: 1px solid #aaa;
        font-size: 12px;
        padding: 5px 18px;
        border-radius: 4px;
        white-space: nowrap;
        display: none;
        z-index: 9999999;
    }

    .title {
        color: green;

    }

    .short {
        color: #333;
        font-size: 11px;

    }

    .tooltip-option {
        position: fixed;
        background: #ffffff;
        font-size: 12px;
        padding: 8px 12px;
        width: 300px;
        height: auto;
        border-radius: 4px;
        white-space: normal;
        display: none;
        z-index: 99999000;
        pointer-events: none;
        border: 1px solid #aaa;
        box-sizing: border-box;
        line-height: 1.4;
        word-wrap: break-word;

    }

    .options li.hovered {
        background: #f0f0f0;
    }

    .manage-icon i {
        font-size: 60px;
    }





    /* Button Style */


    #custom-open-btn {
        cursor: pointer;
        display: inline-block;
        /* padding: 8px 12px; */
        background: #6ABFA1;
        color: white;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
    }

    /* Overlay */
    #custom-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2000000000000000000;
    }

    /* Popup Box */
    .custom-popup {
        position: relative;
        /* Needed for absolute close button */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        padding: 20px;
        width: 500px;
        height: 500px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        overflow-y: scroll;
    }

    /* Close Button */
    #custom-popup-close {
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        font-weight: bold;
        color: black;
    }

    .border-pop {
        border: 1px solid #a5a4a46c;
    }


    @media only screen and (max-width:400px) {
        .custom-popup {
            position: relative;
            /* Needed for absolute close button */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            width: 320px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    }



    #custom-open-btnn {
        cursor: pointer;
        display: inline-block;
        /* padding: 8px 12px; */
        background: #6ABFA1;
        color: white;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
    }

    /* Overlay */
    #custom-overlayn {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2000000000000000000;
    }

    /* Popup Box */
    .custom-popupn {
        position: relative;
        /* Needed for absolute close button */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        padding: 20px;
        width: 500px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Close Button */
    #custom-popup-closen {
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        font-weight: bold;
        color: black;
    }

    .border-pop {
        border: 1px solid #a5a4a46c;
    }


    @media only screen and (max-width:400px) {
        .custom-popupn {
            position: relative;
            /* Needed for absolute close button */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            width: 320px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    }







    #custom-open-btn-night {
        cursor: pointer;
        display: inline-block;
        /* padding: 8px 12px; */
        background: #6ABFA1;
        color: white;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
    }

    /* Overlay */
    #custom-overlay-night {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2000000000000000000;
    }

    /* Popup Box */
    .custom-popup-night {
        position: relative;
        /* Needed for absolute close button */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        padding: 20px;
        width: 500px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Close Button */
    #custom-popup-close-night {
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        font-weight: bold;
        color: black;
    }

    .border-pop {
        border: 1px solid #a5a4a46c;
    }

    
    @media only screen and (max-width:400px) {
        .custom-popup-night {
            position: relative;
            /* Needed for absolute close button */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            width: 320px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    }