/* ChoiceInput CSS ------------------ */

.option.choice-input {
}

    .option.choice-input .option-inputs {
        width: 100%;
    }

    .option.choice-input .option-input {
        width: 100%;
    }

    .option.choice-input .btn-group button {
        min-width:150px;
        width: auto;
    }

    .option.choice-input .dropdown-menu {
        /*max-height: calc(100vh - 200px);*/
        overflow: hidden;
        overflow-y: scroll;
        text-align: center;
        width: 100%;
        /*border: 1px solid red;*/
    }

        .option.choice-input .dropdown-menu .menu-wrapper {
            width: 100%;
        }

        .option.choice-input .dropdown-menu .item-wrapper {
            width: 100px;
            height: 100px;
            font-size:small;
        }

            .option.choice-input .dropdown-menu .item-wrapper.vhbc-style {
                width: unset;
                height: unset;
                font-size: unset;
            }

        .option.choice-input .dropdown-menu .dropdown-item {
        }


    .option.choice-input .btn-flex {
        display: flex;
        align-items: center;        
        height: 35px; /* Set the button height */
    }

    .option.choice-input .button-text {
        margin-right: 10px; /* Pushes the image to the right */
    }

    .option.choice-input .button-icon {
        height: 100%; /* Makes the image's height match the button height */
        width:auto;
        /* width: 100%; Keeps the aspect ratio */
        max-height: 100%; /* Ensures the image doesn't overflow */
    }