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;

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

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

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

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

    &: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;
    }

}