// ========================================= //
// inputs
// ========================================= //

select,
input,
input[type=search] {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: vertical;

    min-height: 28px;
    background-color: $white;
    border-radius: 30px;
    line-height: 2;
    font-size: 13px;

    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;

    @include bp-lt($mediumS) {
        font-size: 13px !important;
    }
}

select {
    height: auto !important;
    background-color: $white;
    border-radius: 40px;
    line-height: 2;
    font-size: 13px;

    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQo8L3N0eWxlPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE1LjksMi4xIDEzLjcsMCA4LDUuNyAyLjMsMCAwLjEsMi4xIDgsMTAgIi8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-color: $white;
    background-position: center right 15px;
    background-size: 16px 10px;

    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 60px !important;
    padding-left: 15px !important;
}

div form select {
    /*display: block;*/
    width: calc(100% / 3 - 5px);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 60px !important;
    padding-left: 15px !important;

    @include bp-lt($small) {
        width: 100%;
        margin-bottom: 5px;
    }
}

div form select,
select {
    @include bp-lt($tabletM) {
        padding-right: 30px !important;
        background-size: 12px auto;
    }
}