select {
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
	}
	
select::-ms-expand {
  display: none;
}

.select-wrapper {
  /* ... */
  position: relative;
}

.select-wrapper::before {
  font-family: 'Material Icons';
	content: "\E313";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 18px;
  color: #000;
	z-index:99999;
}	

.select-wrapper::before {
  /* ... */
  pointer-events: none;
}

form > * {
	font-size: 1rem;
}

form p.error {
	color: red;
	padding-bottom: 1em;
}


.customcheck {
	margin: 1em 0 0;
	display: flex;
  	flex-direction: row;
}

.customcheck > div {
	padding-right: 1.5em;
}

.customcheck > div label {
	padding-top: 3px;
}

input[type=text],
input[type=file],
input[type=email],
input[type=password],
input[type=num],
input[type=tel],
select,
textarea
 {
  width: 100%;
  padding: 1em;
  margin:0.5em 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
	font-size: 100%;
}

input[type=submit],
input[type=button] {
  width: 100%;
  background-color: #555555;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover {
  background-color: #999;
}

textarea {
	resize: vertical;
	height: 150px;
}

label {
  font-weight: normal;
}

/* Costum Radio */

.cnt {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.cnt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #6C6C6C;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cnt:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cnt input:checked ~ .checkmark {
  background-color: var(--primary-color, #000);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.cnt input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.cnt .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}