.prescription-cell {

    .label {
        font-size: 10px;
        font-weight: bold;
    }

    .dropdown-container {
        display: flex;
        flex-wrap: wrap;
        width: 500px;
        gap: 5px;
    }

    .form-select {
        // padding: 5px;
        padding: 3px 32px 3px 10px; /* space for arrow */
        font-size: 12px;
        width: fit-content;
        border-color: black;
        color: black;
        position: relative;
        border-width: 1px;
        border-style: solid;
                
        &.location-dropdown {
            border-color: $primary;
            

            &.bgcolor-1 {
                border-color: $prescriptionLocationColor1;    
                box-shadow: $prescriptionLocationColor1 1px 1px;    
            }

            &.bgcolor-2 {
                border-color: $prescriptionLocationColor2;
                box-shadow: $prescriptionLocationColor2 1px 1px
            }

            &.bgcolor-3 {
                border-color: $prescriptionLocationColor3;
                box-shadow: $prescriptionLocationColor3 1px 1px
            }

            &.bgcolor-4 {
                border-color: $prescriptionLocationColor4;
                box-shadow: $prescriptionLocationColor4 1px 1px
            }

            &.bgcolor-5 {
                border-color: $prescriptionLocationColor5;
                box-shadow: $prescriptionLocationColor5 1px 1px 
            }   
        }

        option {
            background-color: white;
            color: black;
        }
    }

    // .select-arrow-down {
    //     position: absolute;
    //     right: 12px;
    //     top: 60%;
    //     transform: translateY(-50%);
    //     color: white;
    //     // z-index: 10;
    // }

}