body form {
	width: 100%;
}

body form label {
	font-size: 13px;
	font-weight: 400;
}

body input, body textarea, body select {
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
	border-radius: var(--sml-radius);
	border: 1px solid var(--shd-light);
	padding: 10px;
	font-size: 13px;
	font-weight: 400;
	background-color: var(--white);
	color: var(--input);
	min-width: 0;
}

#signature {
	border-radius: var(--sml-radius);
	border: 1px solid var(--shd-light);
	width: 100%;
    max-width: 300px;
    height: 150px;
	position: relative;
}

body select.dark {
	border: 1px solid var(--shd-dark);
	background-color: var(--shd-dark);
	color: var(--white);
	padding: 10px;
}

body *::placeholder {
	color: #ccc;
}

body textarea, body select {
	-webkit-appearance: none!important;
	appearance: none!important;
}

body select {
	background-image: linear-gradient(45deg, transparent 50%, var(--shd-dark) 50%),linear-gradient(135deg, var(--shd-dark) 50%, transparent 50%);
	background-position: calc( 100% - 17px) 50%,calc( 100% - 12px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
	padding: 10px 30px 10px 10px;
}

body select.dark {
	background-image: linear-gradient(45deg, transparent 50%, var(--white) 50%),linear-gradient(135deg, var(--white) 50%, transparent 50%);
}