
/* Style Select Field */
.field-group {
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        background-color: transparent;
        border: none;
        padding: 4px 0;
        padding-right: 20px;
        border-bottom: 1px solid $input-border-color;
        height: auto;
        line-height: inherit;


        &:disabled ~ label {
            top: 1.4em;
            font-size: 0.75em;
        }

        &:disabled {
            color: map_get($default-colors-transparency, secondary);
            cursor: not-allowed !important;
        }
    }
}


.field-group.select {
    position: relative;

    &:after {
        position: absolute;
        top: 2em;
        right: 0;
        /* Styling the down arrow */

        content: $mobfont-chevron-down;
        font-family: mobfish-core-iconset;
        pointer-events: none;
        color: $input-icon-color;
    }
}