﻿
select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}


input, textarea,  select {
    color: #333;
    background-color: white;
    border: var(--main-border);
    border-radius: 2px;
    /*margin: var(--main-spacing);*/
    width: 100%;
    padding:20px;
}


textarea {
    height: 150px;
}

input[type=submit], input[type=button], .button {
    background: var(--main-blue);
    color: #fff;
    border: none;
    padding: var(--main-spacing);
    border-radius: 5px;
    text-decoration: none;
}

input[type=checkbox], input[type=radio] {
    width: initial;
}

input [type=button]:hover, input[type=submit]:hover, .button:hover {
    background: #34ceff;
    color: #fff;
    cursor:pointer;
}

fieldset {
    padding: var(--main-spacing);
    width:100%;
}

    fieldset legend {
        padding: var(--main-spacing);
        font-weight:bold;
    }
