.select {
    select {
        option {
            color: $grey-dark;
            padding: $control-padding-vertical $control-padding-horizontal;
        }
        option:disabled {
            cursor: not-allowed;
            opacity: 0.5;
        }
        optgroup {
            color: $grey-light;
            font-weight: $weight-normal;
            font-style: normal;
            padding: 0.25em 0;
        }
        &.is-empty {
            color: rgba($grey, 0.7);
        }
    }
}

// hack to restore missing Bulma wrapper .control
.select {
    display: table;
    .icon {
        color: $input-icon-color;
        height: $input-height;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: $input-height;
        z-index: 4;
    }
    &.has-icons-left {
        select {
            padding-left: $input-height;
        }
        .icon {
            &.is-left {
                left: 0;
            }
        }
    }
    .has-icons-right {
        padding-right: $input-height;
        .icon {
            &.is-right {
                right: 0;
            }
        }
    } 
}