select, option{
    font-family: $font_family;
}

select.dropdown {
    border: 1px solid $dark-gray;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;

    font-family: $font_family;

    margin-top: 4px;

    background-color: $white;

    option {                
        color: $black;  
        
        &:disabled{
            color: #A0A0A0;
        }
    }

    &.large {
        width: 229px;
        height: 40px;
        font-size: 16px;
        padding: 9px 7px;

        option {                
            font-size: 16px;
            line-height: 20px;
            padding: 0;                
        }
    }
    &.medium {
        width: 229px;
        height: 32px;
        font-size: 14px;
        padding: 6px 7px;

        option {
            font-size: 14px;
            line-height: 18px;             
        }
    }
    &.small {
        width: 229px;
        height: 26px;
        font-size: 14px;
        padding: 3px 7px;

        option {
            font-size: 14px;
            line-height: 18px;             
        }
    }

    &.w200 {
        width: 200px;
    }
    &.w400 {
        width: 400px;
    }
    &.w130 {
        width: 130px;
    }
    &.inline {
        margin-left: 16px;
        margin-top: 0;
    }    

    &:focus {
        outline-style: none;
        box-shadow: none;
        border-color: transparent;
        border-color: $blue;
    }

    &.disabled {
        border-color: $dark-gray;
        background-color: $gray;
        color: $very-dark-gray;

        pointer-events: none;
    }

}