.select-input {
    position: relative;
    display: inline-block;
}
.select-input input {
    width: calc(100% - 2em);
    float: left;
}

.select-input .warning-indicator,.success-indicator {
    float: left;
    position: relative;
    left: -1em;
    top: 1.5em;
}

.select-input select {
    float: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    color: transparent;
    border: 1px solid transparent;
    margin: 1em 0 0 0 ;
    padding: 1em 1em;
    border-radius: 4px;
    outline: none;
    width: 0 !important;
    height: 0 !important;
}

.select-input select:focus {
    border-color: var(--secundary-color);
}

.select-input::after {
    content: '\25BC'; /* Unicode character for down arrow */
    position: absolute;
    top: 55%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}

option {
    background-color: grey;
    color: #333;
    padding: 8px;
}