.search_container{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 25%;
    }

    .clear-btn{

        display: flex;
        align-items: center;
        position: absolute;
        justify-content: center;
        right: 0%;
        height: 100%;
        width: 0%;
        border-left: 0px solid black;
        background-color: rgb(255, 89, 0);
        transition: all ease-in-out 150ms;
        overflow: hidden;
        opacity: 75%;
        cursor: pointer;
    }

    .search_container:hover  .clear-btn{
        border-left: 1px solid black;

        width: 15%;

    }


    .search-bar{
        height: 100%;
        width: 100%;
        box-sizing: border-box;

    }

    #plan-select{
        height: 100%;
        width: 100%;
    }

    #main-search{

        height: 100%;
        width: 100%;
        position: relative;


    }

    #main_search_container{
        height: 40%;
        width: 50%;

    }


    .dropdown{
        position: absolute;
        top:100%;
        background-color: rgb(215, 215, 215);
        width: 100%;
        max-height: 900%;
        /* height: 900%; */
        overflow-y: scroll;
        overflow-x: hidden;
        display: none;
        flex-direction: column;

    }

    .search_container:hover  .dropdown{
        display: flex;
    }

    .dropdown-item, .dropdown-header{

        border-bottom: 1px solid black;
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;


        width: 100%;
    }

    .dropdown-item{
        color: rgb(40, 40, 40)
    }

    .dropdown-header{
        color: black;
        font-weight: bold;
        font-size: large;
        background-color: rgb(215, 215, 215);
    }

    .dropdown-item:hover{
        background-color: rgb(182, 180, 180);
        cursor: pointer;
    }

    .add-plan{
        border-bottom: 1px solid black;
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;
        color: black;
        width: 100%;
        font-weight: bolder;
        text-decoration: underline;

    }

    .add-plan:hover{
        background-color: rgb(141, 141, 141);
        cursor: pointer;
        transition: 200ms;

    }

    .sticky {
        position: sticky;
        top: 0;
        width: 100%;
    }


    #plan-select .search-button 
    {
        border-collapse: collapse;

    }

    .search-button{

        -webkit-appearance: none;

        width: 100%;
        height: 4vh;
    }

    .addPointer{
        cursor: pointer;
    }