body {
}
.drpclss {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-family: Arial;
}

    .drpclss input {
        width: 100%;
        padding: 6px;
        box-sizing: border-box;
    }

    .drpclss .optioncls {
        position: absolute;
        width: 100%;
        border: 1px solid #ccc;
        border-top: none;
        max-height: 120px;
        overflow-y: auto;
        background: white;
        display: none;
        z-index: 10;
        max-height: 750%;
    }

    .drpclss .option {
        padding: 6px;
        cursor: pointer;
    }

        .drpclss .option:hover,
        .drpclss .option.active {
            background: #0078d7;
            color: white;
        }

    .drpclss::after {
        content: "▼";
        position: absolute;
        right: 8px;
        top: 8px;
        font-size: 12px;
        color: #666;
        pointer-events: none;
    }

.dropdownInput {
    cursor: pointer;
}