/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Fix for dropdown text positioning across browsers */
select.lesco-form-control {
    text-align: left !important;
    text-indent: 0 !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
    appearance: menulist !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    height: auto !important;
    line-height: normal !important;
}

/* Fix for Firefox */
@-moz-document url-prefix() {
    select.lesco-form-control {
        padding: 10px 12px !important;
        text-indent: 0 !important;
    }
}

/* Fix for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.lesco-form-control {
        padding: 10px 30px 10px 12px !important;
    }
}

/* Fix for IE and Edge */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    select.lesco-form-control {
        padding: 10px 12px !important;
        background-image: none !important;
    }
}

/* Fix for Chromium-based browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    select.lesco-form-control {
        padding: 10px 30px 10px 12px !important;
    }
}